@weasel-js/ui 1.1.0 → 1.3.0-pre.0

package/dist/chunks/DataGrid-DZQ4Chbd.js

@@ -1,210 +0,0 @@
-import { useCallback as e, useMemo as t, useRef as n, useState as r } from "react";
-import { Fragment as i, jsx as a, jsxs as o } from "react/jsx-runtime";
-//#region src/useReorderDragList.ts
-function s(e, t) {
-	let n = 0;
-	for (let r = t - 1; r >= 0; r--) if (e[r]?.locked) {
-		n = r + 1;
-		break;
-	}
-	let r = e.length;
-	for (let n = t + 1; n < e.length; n++) if (e[n]?.locked) {
-		r = n;
-		break;
-	}
-	return [n, r];
-}
-function c(t) {
-	let { threshold: i = 4 } = t, a = n(t);
-	a.current = t;
-	let o = n(null), c = n(null), l = n(null), [u, d] = r({
-		draggedIds: null,
-		targetIndex: null
-	}), f = e((e, t) => {
-		let [n, r] = s(a.current.items, t), i = o.current;
-		if (!i) return n;
-		let c = Array.from(i.children), l = c.length;
-		for (let t = 0; t < c.length; t++) {
-			let n = c[t];
-			if (n && e < n.getBoundingClientRect().bottom) {
-				l = t;
-				break;
-			}
-		}
-		return Math.max(n, Math.min(l, r));
-	}, []), p = e((e) => {
-		o.current = e;
-	}, []), m = e((e, t, n) => {
-		if (!a.current.items[t]?.locked) {
-			try {
-				n.currentTarget.setPointerCapture?.(n.pointerId);
-			} catch {}
-			c.current = {
-				id: e,
-				sourceIndex: t,
-				startX: n.clientX,
-				startY: n.clientY,
-				pointerId: n.pointerId
-			};
-		}
-	}, []), h = e(() => {
-		c.current = null, l.current = null, d({
-			draggedIds: null,
-			targetIndex: null
-		});
-	}, []);
-	return {
-		rowProps: (e, t) => ({ onPointerDown: (n) => m(e, t, n) }),
-		containerProps: {
-			ref: p,
-			onPointerMove: e((e) => {
-				let t = l.current;
-				if (t) {
-					let n = f(e.clientY, t.sourceIndex);
-					n !== t.targetIndex && (t.targetIndex = n, d({
-						draggedIds: t.draggedIds,
-						targetIndex: n
-					}));
-					return;
-				}
-				let n = c.current;
-				if (!n) return;
-				let r = e.clientX - n.startX, o = e.clientY - n.startY;
-				if (Math.hypot(r, o) < i) return;
-				let u = a.current.selectedIds, p = u.includes(n.id), [m, h] = s(a.current.items, n.sourceIndex), g = (p ? [...u] : [n.id]).filter((e) => {
-					let t = a.current.items.findIndex((t) => t.id === e);
-					return t >= m && t < h;
-				}), _ = f(e.clientY, n.sourceIndex);
-				l.current = {
-					...n,
-					draggedIds: g,
-					targetIndex: _
-				}, d({
-					draggedIds: g,
-					targetIndex: _
-				});
-			}, [f, i]),
-			onPointerUp: e((e) => {
-				let t = l.current;
-				if (!t) {
-					h();
-					return;
-				}
-				let n = f(e.clientY, t.sourceIndex), r = a.current.items, i = t.draggedIds.map((e) => r.findIndex((t) => t.id === e)).filter((e) => e >= 0).sort((e, t) => e - t), o = i.length > 0 && i.every((e, t) => {
-					if (t === 0) return !0;
-					let n = i[t - 1];
-					return n !== void 0 && e === n + 1;
-				}), s = i[0], c = i[i.length - 1];
-				o && s !== void 0 && c !== void 0 && n >= s && n <= c + 1 || a.current.onReorder(t.draggedIds, n), h();
-			}, [f, h]),
-			onPointerCancel: e(() => {
-				h();
-			}, [h])
-		},
-		state: u
-	};
-}
-var l = {
-	grid: "_grid_1uuch_1",
-	table: "_table_1uuch_6",
-	sortButton: "_sortButton_1uuch_34",
-	sortActive: "_sortActive_1uuch_46",
-	empty: "_empty_1uuch_48",
-	handleCol: "_handleCol_1uuch_56",
-	handleCell: "_handleCell_1uuch_57",
-	dragging: "_dragging_1uuch_66",
-	dropBefore: "_dropBefore_1uuch_68",
-	dropAfter: "_dropAfter_1uuch_69"
-};
-//#endregion
-//#region src/components/DataGrid/DataGrid.tsx
-function u(e) {
-	let { rows: n, columns: s, defaultSort: u, onReorder: d, empty: f = "—", className: p } = e, [m, h] = r(u ?? null), g = t(() => {
-		if (!m) return [...n];
-		let e = s.find((e) => e.id === m.columnId);
-		if (!e) return [...n];
-		let t = e.accessor ?? ((t) => t[e.id]), r = m.direction === "asc" ? 1 : -1;
-		return [...n].sort((e, n) => {
-			let i = t(e), a = t(n);
-			return i == null && a == null ? 0 : i == null ? 1 : a == null ? -1 : i < a ? -1 * r : i > a ? 1 * r : 0;
-		});
-	}, [
-		n,
-		s,
-		m
-	]), _ = (e) => {
-		h((t) => !t || t.columnId !== e ? {
-			columnId: e,
-			direction: "asc"
-		} : t.direction === "asc" ? {
-			columnId: e,
-			direction: "desc"
-		} : null);
-	}, v = c({
-		items: g.map((e) => ({
-			id: e.id,
-			label: ""
-		})),
-		selectedIds: [],
-		onReorder: d ?? (() => {})
-	}), y = !!d;
-	return /* @__PURE__ */ a("div", {
-		className: [l.grid, p].filter(Boolean).join(" "),
-		onPointerMove: y ? v.containerProps.onPointerMove : void 0,
-		onPointerUp: y ? v.containerProps.onPointerUp : void 0,
-		onPointerCancel: y ? v.containerProps.onPointerCancel : void 0,
-		children: /* @__PURE__ */ o("table", {
-			className: l.table,
-			children: [/* @__PURE__ */ a("thead", { children: /* @__PURE__ */ o("tr", { children: [y && /* @__PURE__ */ a("th", {
-				className: l.handleCol,
-				"aria-label": "drag"
-			}), s.map((e) => {
-				let t = e.sortable !== !1, n = m?.columnId === e.id, r = n ? m.direction === "asc" ? " ↑" : " ↓" : "";
-				return /* @__PURE__ */ a("th", {
-					className: [e.className, n ? l.sortActive : ""].filter(Boolean).join(" "),
-					"aria-sort": t ? n ? m.direction === "asc" ? "ascending" : "descending" : "none" : void 0,
-					children: t ? /* @__PURE__ */ o("button", {
-						type: "button",
-						className: l.sortButton,
-						onClick: () => _(e.id),
-						children: [e.header, r]
-					}) : /* @__PURE__ */ o(i, { children: [e.header, r] })
-				}, e.id);
-			})] }) }), /* @__PURE__ */ o("tbody", {
-				ref: y ? v.containerProps.ref : void 0,
-				children: [g.length === 0 && /* @__PURE__ */ a("tr", { children: /* @__PURE__ */ a("td", {
-					colSpan: s.length + +!!y,
-					className: l.empty,
-					children: f
-				}) }), g.map((e, t) => {
-					let n = v.state.draggedIds?.includes(e.id) ?? !1, r = v.state.targetIndex;
-					return /* @__PURE__ */ o("tr", {
-						className: [
-							n && l.dragging,
-							r === t && l.dropBefore,
-							r === g.length && t === g.length - 1 && l.dropAfter
-						].filter(Boolean).join(" ") || void 0,
-						children: [y && /* @__PURE__ */ a("td", {
-							className: l.handleCell,
-							onPointerDown: (n) => v.rowProps(e.id, t).onPointerDown(n),
-							children: /* @__PURE__ */ a("span", {
-								"aria-hidden": "true",
-								children: "⋮⋮"
-							})
-						}), s.map((t) => {
-							let n = t.accessor ?? ((e) => e[t.id]), r = t.render ? t.render(e) : String(n(e) ?? "");
-							return /* @__PURE__ */ a("td", {
-								className: t.className,
-								children: r
-							}, t.id);
-						})]
-					}, e.id);
-				})]
-			})]
-		})
-	});
-}
-//#endregion
-export { c as n, u as t };
-
-//# sourceMappingURL=DataGrid-DZQ4Chbd.js.map

package/dist/chunks/DataGrid-DZQ4Chbd.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"DataGrid-DZQ4Chbd.js","names":[],"sources":["../../src/useReorderDragList.ts","../../src/components/DataGrid/DataGrid.module.css","../../src/components/DataGrid/DataGrid.tsx"],"sourcesContent":["import { useCallback, useRef, useState } from 'react';\nimport type { ReactNode, PointerEvent as ReactPointerEvent, RefCallback } from 'react';\n\n/** One row in a reorderable list. */\nexport interface LayerListItem {\n  id: string;\n  label: ReactNode;\n  /** Locked rows cannot be dragged, cannot be crossed by drops, and\n   *  never combine with other rows in a multi-selection. */\n  locked?: boolean;\n  /** Optional color swatch rendered before the label. Any CSS color string. */\n  swatch?: string;\n}\n\n/**\n * Options for {@link useReorderDragList}. `onReorder` receives the dragged ids\n * and the index they were dropped at, measured against the pre-drag `items`.\n */\nexport interface UseReorderDragListOptions {\n  items: LayerListItem[];\n  selectedIds: string[];\n  onReorder(ids: string[], targetIndex: number): void;\n  /** Pointer-move distance (px) before pending drag engages. Default 4. */\n  threshold?: number;\n}\n\n/**\n * Live drag state for rendering feedback: which ids are being dragged and the\n * insertion index the drop would use. Both `null` when no drag is engaged.\n */\nexport interface ReorderDragState {\n  draggedIds: string[] | null;\n  targetIndex: number | null;\n}\n\n/**\n * Props to spread onto the list container and each row, plus the live\n * {@link ReorderDragState}.\n */\nexport interface ReorderDragHandlers {\n  rowProps(id: string, index: number): { onPointerDown(e: ReactPointerEvent): void };\n  containerProps: {\n    ref: RefCallback<HTMLElement>;\n    onPointerMove(e: ReactPointerEvent): void;\n    onPointerUp(e: ReactPointerEvent): void;\n    onPointerCancel(e: ReactPointerEvent): void;\n  };\n  state: ReorderDragState;\n}\n\ninterface PendingState {\n  id: string;\n  sourceIndex: number;\n  startX: number;\n  startY: number;\n  pointerId: number;\n}\n\ninterface ActiveState extends PendingState {\n  draggedIds: string[];\n  targetIndex: number;\n}\n\n/**\n * The half-open run of indices a row at `sourceIndex` may be dropped into:\n * bounded by the nearest locked row above and below it, so a locked row is a\n * wall in both directions rather than a global ceiling.\n */\nfunction unlockedSegment(items: readonly LayerListItem[], sourceIndex: number): [number, number] {\n  let lo = 0;\n  for (let i = sourceIndex - 1; i >= 0; i--) {\n    if (items[i]?.locked) { lo = i + 1; break; }\n  }\n  let hi = items.length;\n  for (let i = sourceIndex + 1; i < items.length; i++) {\n    if (items[i]?.locked) { hi = i; break; }\n  }\n  return [lo, hi];\n}\n\n/**\n * Drag-to-reorder for a vertical list of rows. Dragging a row that is part of\n * the current selection drags the whole selection; dragging any other row\n * drags just that row. Locked rows can neither be dragged nor crossed by a\n * drop. A drop that would leave a contiguous block where it already is does\n * not call `onReorder`.\n *\n * The pointer is captured on the row, so a drag that leaves the list still\n * tracks and still releases cleanly.\n */\nexport function useReorderDragList(opts: UseReorderDragListOptions): ReorderDragHandlers {\n  const { threshold = 4 } = opts;\n  const optsRef = useRef(opts);\n  optsRef.current = opts;\n  const containerRef = useRef<HTMLElement | null>(null);\n  const pendingRef = useRef<PendingState | null>(null);\n  const activeRef = useRef<ActiveState | null>(null);\n  const [state, setState] = useState<ReorderDragState>({ draggedIds: null, targetIndex: null });\n\n  const computeTargetIndex = useCallback((clientY: number, sourceIndex: number): number => {\n    const [lo, hi] = unlockedSegment(optsRef.current.items, sourceIndex);\n    const c = containerRef.current;\n    if (!c) return lo;\n    const rows = Array.from(c.children) as HTMLElement[];\n    let raw = rows.length;\n    for (let i = 0; i < rows.length; i++) {\n      const row = rows[i];\n      if (!row) continue;\n      const r = row.getBoundingClientRect();\n      if (clientY < r.bottom) { raw = i; break; }\n    }\n    return Math.max(lo, Math.min(raw, hi));\n  }, []);\n\n  const refCb = useCallback<RefCallback<HTMLElement>>((el) => {\n    containerRef.current = el;\n  }, []);\n\n  const onPointerDownRow = useCallback((id: string, index: number, e: ReactPointerEvent) => {\n    // Locked items cannot be dragged — skip recording the pending state so\n    // pointer-move cannot engage. Plain click still works because LayerList\n    // tracks click intent in its own ref, separate from drag candidacy.\n    const item = optsRef.current.items[index];\n    if (item?.locked) return;\n    // Capture the pointer to the row so subsequent move/up events keep firing\n    // (on the row, bubbling to the container) even when the user drags\n    // outside the list's bounding box. Without capture, releasing outside\n    // the container leaves the drag state stuck because pointerup fires on\n    // the document, not the list.\n    try { (e.currentTarget as Element).setPointerCapture?.(e.pointerId); } catch { /* unsupported / already captured */ }\n    pendingRef.current = {\n      id,\n      sourceIndex: index,\n      startX: e.clientX,\n      startY: e.clientY,\n      pointerId: e.pointerId,\n    };\n  }, []);\n\n  const reset = useCallback(() => {\n    pendingRef.current = null;\n    activeRef.current = null;\n    setState({ draggedIds: null, targetIndex: null });\n  }, []);\n\n  const onPointerMove = useCallback((e: ReactPointerEvent) => {\n    const active = activeRef.current;\n    if (active) {\n      const targetIndex = computeTargetIndex(e.clientY, active.sourceIndex);\n      if (targetIndex !== active.targetIndex) {\n        active.targetIndex = targetIndex;\n        setState({ draggedIds: active.draggedIds, targetIndex });\n      }\n      return;\n    }\n    const pending = pendingRef.current;\n    if (!pending) return;\n    const dx = e.clientX - pending.startX;\n    const dy = e.clientY - pending.startY;\n    if (Math.hypot(dx, dy) < threshold) return;\n    // Engage.\n    const selected = optsRef.current.selectedIds;\n    const inSelection = selected.includes(pending.id);\n    const [lo, hi] = unlockedSegment(optsRef.current.items, pending.sourceIndex);\n    const draggedIds = (inSelection ? [...selected] : [pending.id]).filter((id) => {\n      const i = optsRef.current.items.findIndex((it) => it.id === id);\n      return i >= lo && i < hi;\n    });\n    const targetIndex = computeTargetIndex(e.clientY, pending.sourceIndex);\n    activeRef.current = { ...pending, draggedIds, targetIndex };\n    setState({ draggedIds, targetIndex });\n  }, [computeTargetIndex, threshold]);\n\n  const onPointerUp = useCallback((e: ReactPointerEvent) => {\n    const active = activeRef.current;\n    if (!active) {\n      reset();\n      return;\n    }\n    const targetIndex = computeTargetIndex(e.clientY, active.sourceIndex);\n    // Skip no-op: target lands inside the dragged-ids contiguous block.\n    const items = optsRef.current.items;\n    const indices = active.draggedIds\n      .map((id) => items.findIndex((it) => it.id === id))\n      .filter((i) => i >= 0)\n      .sort((a, b) => a - b);\n    const isContiguous =\n      indices.length > 0 &&\n      indices.every((v, i) => {\n        if (i === 0) return true;\n        const prev = indices[i - 1];\n        return prev !== undefined && v === prev + 1;\n      });\n    const first = indices[0];\n    const last = indices[indices.length - 1];\n    const wouldBeNoop =\n      isContiguous &&\n      first !== undefined &&\n      last !== undefined &&\n      targetIndex >= first &&\n      targetIndex <= last + 1;\n    if (!wouldBeNoop) {\n      optsRef.current.onReorder(active.draggedIds, targetIndex);\n    }\n    reset();\n  }, [computeTargetIndex, reset]);\n\n  const onPointerCancel = useCallback(() => {\n    reset();\n  }, [reset]);\n\n  return {\n    rowProps: (id, index) => ({\n      onPointerDown: (e) => onPointerDownRow(id, index, e),\n    }),\n    containerProps: {\n      ref: refCb,\n      onPointerMove,\n      onPointerUp,\n      onPointerCancel,\n    },\n    state,\n  };\n}\n",".grid {\n  position: relative;\n  width: 100%;\n}\n\n.table {\n  width: 100%;\n  border-collapse: collapse;\n  font-size: 11px;\n}\n\n.table th,\n.table td {\n  text-align: left;\n  padding: 3px 6px;\n  vertical-align: middle;\n}\n.table tbody tr {\n  /* Subtle row separator — was a full-weight border on every cell.\n     Drastically toned down per visual-weight feedback. */\n  border-bottom: 1px solid rgba(255, 255, 255, 0.04);\n}\n\n.table th {\n  font-weight: 600;\n  color: var(--wzl-fg-muted);\n  position: sticky;\n  top: 0;\n  background: var(--wzl-surface, #2a2018);\n  z-index: 1;\n  border-bottom: 1px solid var(--wzl-border);\n}\n\n.sortButton {\n  all: unset;\n  cursor: pointer;\n  user-select: none;\n  display: block;\n  width: 100%;\n}\n.sortButton:hover { color: var(--wzl-fg, #e6e7e9); }\n.sortButton:focus-visible {\n  outline: 2px solid var(--wzl-focus-ring, var(--wzl-accent, #7fb069));\n  outline-offset: -2px;\n}\n.sortActive { color: var(--wzl-fg, #e6e7e9); }\n\n.empty {\n  color: var(--wzl-fg-muted);\n  font-style: italic;\n  padding: 8px 0;\n  text-align: center;\n}\n\n/* Drag-handle column. */\n.handleCol { width: 14px; }\n.handleCell {\n  width: 14px;\n  cursor: grab;\n  color: var(--wzl-fg-muted);\n  user-select: none;\n  text-align: center;\n}\n.handleCell:active { cursor: grabbing; }\n\n.dragging { opacity: 0.4; }\n\n.dropBefore > td { box-shadow: inset 0 2px 0 0 var(--wzl-accent, #7fb069); }\n.dropAfter > td { box-shadow: inset 0 -2px 0 0 var(--wzl-accent, #7fb069); }\n","/**\n * Lightweight sortable data grid. Use for inspector tables — action\n * registries, route maps, telemetry rows. Intentionally narrow:\n *\n * - Sortable columns (click header to cycle asc → desc → none)\n * - Custom cell render via per-column `render`\n * - Optional drag handles for row reordering (when `onReorder` is set)\n *\n * Not: virtual scrolling, column resizing, multi-column sort, filtering,\n * inline editing. Reach for a real grid library when you need those.\n */\nimport { useMemo, useState } from 'react';\nimport type { ReactNode } from 'react';\nimport { useReorderDragList } from '../../useReorderDragList';\nimport s from './DataGrid.module.css';\n\n/**\n * One column of a {@link DataGrid}. `id` doubles as the default property name\n * read off each row when no `accessor` is given.\n */\nexport interface DataGridColumn<Row> {\n  id: string;\n  header: ReactNode;\n  /** Pull a sortable value from the row. Defaults to `(row as any)[column.id]`. */\n  accessor?: (row: Row) => string | number | null | undefined;\n  /** Render the cell. Defaults to `String(accessor(row) ?? '')`. */\n  render?: (row: Row) => ReactNode;\n  /** Default true. Set false to suppress the sort affordance on this column. */\n  sortable?: boolean;\n  /** Optional CSS class on every <td> in this column. */\n  className?: string;\n}\n\n/** Props for {@link DataGrid}. */\nexport interface DataGridProps<Row extends { id: string }> {\n  rows: readonly Row[];\n  columns: readonly DataGridColumn<Row>[];\n  /** Initial sort. Omit for unsorted (rows render in input order). */\n  defaultSort?: { columnId: string; direction: 'asc' | 'desc' };\n  /** Enable drag handles in a leading column. Receives the reorder spec\n   *  (the existing `useReorderDragList` semantics — see weasel-ui). */\n  onReorder?: (ids: string[], targetIndex: number) => void;\n  /** Empty-state row text. Default `'—'`. */\n  empty?: ReactNode;\n  className?: string;\n}\n\ntype SortState = { columnId: string; direction: 'asc' | 'desc' } | null;\n\n/**\n * Sortable table for inspector-style data. Rows are keyed by `id`. Clicking a\n * sortable header cycles ascending, descending, unsorted; nullish values sort\n * last regardless of direction. Passing `onReorder` adds a leading drag-handle\n * column — note that the drag indices it reports are into the *sorted* row\n * order, not the input order.\n */\nexport function DataGrid<Row extends { id: string }>(props: DataGridProps<Row>) {\n  const { rows, columns, defaultSort, onReorder, empty = '—', className } = props;\n  const [sort, setSort] = useState<SortState>(defaultSort ?? null);\n\n  const sortedRows = useMemo(() => {\n    if (!sort) return [...rows];\n    const col = columns.find((c) => c.id === sort.columnId);\n    if (!col) return [...rows];\n    const get = col.accessor ?? ((row: Row) => (row as unknown as Record<string, unknown>)[col.id] as string | number | null | undefined);\n    const dir = sort.direction === 'asc' ? 1 : -1;\n    return [...rows].sort((a, b) => {\n      const av = get(a);\n      const bv = get(b);\n      if (av == null && bv == null) return 0;\n      if (av == null) return 1;\n      if (bv == null) return -1;\n      if (av < bv) return -1 * dir;\n      if (av > bv) return 1 * dir;\n      return 0;\n    });\n  }, [rows, columns, sort]);\n\n  const cycleSort = (columnId: string) => {\n    setSort((cur) => {\n      if (!cur || cur.columnId !== columnId) return { columnId, direction: 'asc' };\n      if (cur.direction === 'asc') return { columnId, direction: 'desc' };\n      return null;\n    });\n  };\n\n  // Drag handles via useReorderDragList. Adapter: the hook expects\n  // `{ id, label }`-shaped items; we map our rows to that shape (label\n  // unused — the hook only uses id and locked).\n  const drag = useReorderDragList({\n    items: sortedRows.map((r) => ({ id: r.id, label: '' })),\n    selectedIds: [],\n    onReorder: onReorder ?? (() => {}),\n  });\n  const dragEnabled = !!onReorder;\n\n  const cls = [s.grid, className].filter(Boolean).join(' ');\n\n  return (\n    <div\n      className={cls}\n      onPointerMove={dragEnabled ? drag.containerProps.onPointerMove : undefined}\n      onPointerUp={dragEnabled ? drag.containerProps.onPointerUp : undefined}\n      onPointerCancel={dragEnabled ? drag.containerProps.onPointerCancel : undefined}\n    >\n      <table className={s.table}>\n        <thead>\n          <tr>\n            {dragEnabled && <th className={s.handleCol} aria-label=\"drag\" />}\n            {columns.map((col) => {\n              const sortable = col.sortable !== false;\n              const active = sort?.columnId === col.id;\n              const indicator = active ? (sort.direction === 'asc' ? ' ↑' : ' ↓') : '';\n              return (\n                <th\n                  key={col.id}\n                  className={[col.className, active ? s.sortActive : ''].filter(Boolean).join(' ')}\n                  aria-sort={sortable ? (active ? (sort.direction === 'asc' ? 'ascending' : 'descending') : 'none') : undefined}\n                >\n                  {sortable ? (\n                    <button type=\"button\" className={s.sortButton} onClick={() => cycleSort(col.id)}>\n                      {col.header}{indicator}\n                    </button>\n                  ) : (\n                    <>{col.header}{indicator}</>\n                  )}\n                </th>\n              );\n            })}\n          </tr>\n        </thead>\n        <tbody ref={dragEnabled ? (drag.containerProps.ref as React.RefCallback<HTMLTableSectionElement>) : undefined}>\n          {sortedRows.length === 0 && (\n            <tr>\n              <td colSpan={columns.length + (dragEnabled ? 1 : 0)} className={s.empty}>\n                {empty}\n              </td>\n            </tr>\n          )}\n          {sortedRows.map((row, i) => {\n            const isDragging = drag.state.draggedIds?.includes(row.id) ?? false;\n            const target = drag.state.targetIndex;\n            const rowCls = [\n              isDragging && s.dragging,\n              target === i && s.dropBefore,\n              target === sortedRows.length && i === sortedRows.length - 1 && s.dropAfter,\n            ].filter(Boolean).join(' ');\n            return (\n              <tr key={row.id} className={rowCls || undefined}>\n                {dragEnabled && (\n                  <td\n                    className={s.handleCell}\n                    onPointerDown={(e) => drag.rowProps(row.id, i).onPointerDown(e)}\n                  >\n                    <span aria-hidden=\"true\">⋮⋮</span>\n                  </td>\n                )}\n                {columns.map((col) => {\n                  const get = col.accessor ?? ((r: Row) => (r as unknown as Record<string, unknown>)[col.id] as string | number | null | undefined);\n                  const content = col.render ? col.render(row) : String(get(row) ?? '');\n                  return (\n                    <td key={col.id} className={col.className}>\n                      {content}\n                    </td>\n                  );\n                })}\n              </tr>\n            );\n          })}\n        </tbody>\n      </table>\n    </div>\n  );\n}\n"],"mappings":"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"}

package/dist/chunks/Dialog-CqwdJv_t.js

@@ -1,59 +0,0 @@
-import { Dialog as e, Heading as t, Modal as n, ModalOverlay as r } from "react-aria-components";
-import { Fragment as i, jsx as a, jsxs as o } from "react/jsx-runtime";
-var s = {
-	overlay: "_overlay_13xy9_1",
-	modal: "_modal_13xy9_29",
-	dialog: "_dialog_13xy9_43",
-	header: "_header_13xy9_51",
-	title: "_title_13xy9_60",
-	close: "_close_13xy9_68",
-	body: "_body_13xy9_90",
-	footer: "_footer_13xy9_97"
-};
-//#endregion
-//#region src/components/Dialog/Dialog.tsx
-function c(c) {
-	let { title: l, showCloseButton: u, children: d, footer: f, role: p = "dialog", className: m, isOpen: h, onOpenChange: g, ..._ } = c, v = u ?? !!g;
-	return /* @__PURE__ */ a(r, {
-		..._,
-		isOpen: h,
-		onOpenChange: g,
-		className: s.overlay,
-		"data-weasel-overlay": "",
-		children: /* @__PURE__ */ a(n, {
-			className: [s.modal, m].filter(Boolean).join(" "),
-			children: /* @__PURE__ */ a(e, {
-				role: p,
-				className: s.dialog,
-				children: ({ close: e }) => /* @__PURE__ */ o(i, { children: [
-					(l !== void 0 || v) && /* @__PURE__ */ o("header", {
-						className: s.header,
-						children: [l !== void 0 && /* @__PURE__ */ a(t, {
-							slot: "title",
-							className: s.title,
-							children: l
-						}), v && /* @__PURE__ */ a("button", {
-							type: "button",
-							className: s.close,
-							onClick: e,
-							"aria-label": "Close dialog",
-							children: "×"
-						})]
-					}),
-					/* @__PURE__ */ a("div", {
-						className: s.body,
-						children: d
-					}),
-					f !== void 0 && /* @__PURE__ */ a("footer", {
-						className: s.footer,
-						children: f
-					})
-				] })
-			})
-		})
-	});
-}
-//#endregion
-export { c as t };
-
-//# sourceMappingURL=Dialog-CqwdJv_t.js.map

package/dist/chunks/Dialog-CqwdJv_t.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"Dialog-CqwdJv_t.js","names":[],"sources":["../../src/components/Dialog/Dialog.module.css","../../src/components/Dialog/Dialog.tsx"],"sourcesContent":[".overlay {\n  position: fixed;\n  inset: 0;\n  background: rgba(0, 0, 0, 0.4);\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  z-index: 1000;\n  opacity: 0;\n  transition: opacity var(--wzl-motion-fast);\n}\n\n.overlay[data-entering] {\n  opacity: 0;\n}\n\n.overlay[data-entering][data-rac] {\n  opacity: 1;\n}\n\n.overlay[data-exiting] {\n  opacity: 0;\n}\n\n.overlay[data-rac]:not([data-entering]):not([data-exiting]) {\n  opacity: 1;\n}\n\n.modal {\n  background: var(--wzl-surface);\n  border: 1px solid var(--wzl-border);\n  border-radius: var(--wzl-radius-md);\n  box-shadow: 0 24px 64px rgba(0, 0, 0, 0.45);\n  color: var(--wzl-fg);\n  font-family: var(--wzl-font-ui);\n  max-width: min(900px, calc(100vw - 32px));\n  max-height: calc(100vh - 32px);\n  display: flex;\n  flex-direction: column;\n  outline: none;\n}\n\n.dialog {\n  display: flex;\n  flex-direction: column;\n  min-height: 0;\n  flex: 1;\n  outline: none;\n}\n\n.header {\n  display: flex;\n  align-items: center;\n  gap: 12px;\n  padding: 14px 16px;\n  border-bottom: 1px solid var(--wzl-border);\n  flex: 0 0 auto;\n}\n\n.title {\n  flex: 1;\n  margin: 0;\n  font-size: 14px;\n  font-weight: 600;\n  color: var(--wzl-fg);\n}\n\n.close {\n  flex: 0 0 auto;\n  width: 22px;\n  height: 22px;\n  display: inline-flex;\n  align-items: center;\n  justify-content: center;\n  background: transparent;\n  border: 1px solid transparent;\n  border-radius: var(--wzl-radius-sm);\n  color: var(--wzl-fg-muted);\n  cursor: pointer;\n  padding: 0;\n  font-size: 16px;\n  line-height: 1;\n}\n\n.close:hover {\n  background: color-mix(in srgb, var(--wzl-fg) 10%, transparent);\n  color: var(--wzl-fg);\n}\n\n.body {\n  flex: 1;\n  min-height: 0;\n  overflow: auto;\n  padding: 16px;\n}\n\n.footer {\n  display: flex;\n  align-items: center;\n  justify-content: flex-end;\n  gap: 8px;\n  padding: 12px 16px;\n  border-top: 1px solid var(--wzl-border);\n  flex: 0 0 auto;\n}\n","import type { ReactNode } from 'react';\nimport {\n  Modal as RACModal,\n  ModalOverlay,\n  Dialog as RACDialog,\n  Heading,\n  type ModalOverlayProps,\n  type DialogProps as RACDialogProps,\n} from 'react-aria-components';\nimport s from './Dialog.module.css';\n\n/** Props for {@link Dialog}, on top of React Aria's `ModalOverlay` props. */\nexport type DialogProps = Omit<ModalOverlayProps, 'children' | 'className'> & {\n  /** Heading rendered in the dialog's default header. Omit when supplying\n   *  a custom `header` slot via children. */\n  title?: ReactNode;\n  /** Show the built-in close button. Defaults to true when `onOpenChange`\n   *  is wired so the user has an escape hatch. */\n  showCloseButton?: boolean;\n  /** Body content. */\n  children?: ReactNode;\n  /** Footer slot — typically action buttons. */\n  footer?: ReactNode;\n  /** ARIA role. Defaults to `dialog`. Use `alertdialog` for confirms. */\n  role?: RACDialogProps['role'];\n  /** Class applied to the modal box (inside the overlay). */\n  className?: string;\n};\n\n/**\n * Modal dialog wrapping React Aria. Supplies a default header (title +\n * close), scrollable body, and footer slot. Pass `isOpen` + `onOpenChange`\n * for controlled visibility, or omit both and use a `<DialogTrigger>` from\n * `react-aria-components` upstream of this component.\n *\n * Escape, click-outside, focus trap, and scroll lock all come from the\n * underlying primitives.\n */\nexport function Dialog(props: DialogProps) {\n  const {\n    title,\n    showCloseButton,\n    children,\n    footer,\n    role = 'dialog',\n    className,\n    isOpen,\n    onOpenChange,\n    ...rest\n  } = props;\n\n  const showClose = showCloseButton ?? Boolean(onOpenChange);\n\n  return (\n    <ModalOverlay {...rest} isOpen={isOpen} onOpenChange={onOpenChange} className={s.overlay} data-weasel-overlay=\"\">\n      <RACModal className={[s.modal, className].filter(Boolean).join(' ')}>\n        <RACDialog role={role} className={s.dialog}>\n          {({ close }) => (\n            <>\n              {(title !== undefined || showClose) && (\n                <header className={s.header}>\n                  {title !== undefined && (\n                    <Heading slot=\"title\" className={s.title}>{title}</Heading>\n                  )}\n                  {showClose && (\n                    <button\n                      type=\"button\"\n                      className={s.close}\n                      onClick={close}\n                      aria-label=\"Close dialog\"\n                    >\n                      ×\n                    </button>\n                  )}\n                </header>\n              )}\n              <div className={s.body}>{children}</div>\n              {footer !== undefined && <footer className={s.footer}>{footer}</footer>}\n            </>\n          )}\n        </RACDialog>\n      </RACModal>\n    </ModalOverlay>\n  );\n}\n"],"mappings":";;;;;;;;;;;;;;ACsCA,SAAgB,EAAO,GAAoB;CACzC,IAAM,EACJ,UACA,oBACA,aACA,WACA,UAAO,UACP,cACA,WACA,iBACA,GAAG,MACD,GAEE,IAAY,KAAmB,EAAQ;AAE7C,QACE,kBAAC,GAAD;EAAc,GAAI;EAAc;EAAsB;EAAc,WAAW,EAAE;EAAS,uBAAoB;YAC5G,kBAAC,GAAD;GAAU,WAAW,CAAC,EAAE,OAAO,EAAU,CAAC,OAAO,QAAQ,CAAC,KAAK,IAAI;aACjE,kBAAC,GAAD;IAAiB;IAAM,WAAW,EAAE;eAChC,EAAE,eACF,kBAAA,GAAA,EAAA,UAAA;MACI,MAAU,KAAA,KAAa,MACvB,kBAAC,UAAD;MAAQ,WAAW,EAAE;gBAArB,CACG,MAAU,KAAA,KACT,kBAAC,GAAD;OAAS,MAAK;OAAQ,WAAW,EAAE;iBAAQ;OAAgB,CAAA,EAE5D,KACC,kBAAC,UAAD;OACE,MAAK;OACL,WAAW,EAAE;OACb,SAAS;OACT,cAAW;iBACZ;OAEQ,CAAA,CAEJ;;KAEX,kBAAC,OAAD;MAAK,WAAW,EAAE;MAAO;MAAe,CAAA;KACvC,MAAW,KAAA,KAAa,kBAAC,UAAD;MAAQ,WAAW,EAAE;gBAAS;MAAgB,CAAA;KACtE,EAAA,CAAA;IAEK,CAAA;GACH,CAAA;EACE,CAAA"}

package/dist/chunks/Field-VQwmrIna.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"Field-VQwmrIna.js","names":[],"sources":["../../src/components/Field/Field.module.css","../../src/components/Field/Field.tsx"],"sourcesContent":[".field {\n  display: flex;\n  flex-direction: column;\n  gap: 4px;\n  font-family: var(--wzl-font-ui);\n  color: var(--wzl-fg);\n}\n\n.label {\n  font-size: 12px;\n  font-weight: 500;\n  color: var(--wzl-fg);\n  cursor: default;\n}\n\n.hint {\n  font-size: 11px;\n  color: var(--wzl-fg-subtle);\n  line-height: 1.4;\n}\n\n.error {\n  font-size: 11px;\n  color: var(--wzl-danger, #ff5b5b);\n  line-height: 1.4;\n}\n\n.row {\n  flex-direction: row;\n  align-items: center;\n  gap: 8px;\n}\n\n.row .label {\n  flex: 1;\n  min-width: 0;\n}\n","import type { ReactNode } from 'react';\nimport s from './Field.module.css';\n\n/**\n * Whether a {@link Field} stacks its label above the control or sits them\n * side by side.\n */\nexport type FieldOrientation = 'stacked' | 'row';\n\n/** Props for {@link Field}. */\nexport type FieldProps = {\n  orientation?: FieldOrientation;\n  className?: string;\n  children?: ReactNode;\n};\n\n/**\n * Layout primitive that arranges a label, control, hint, and error in the\n * canonical weasel-ui form-row shape. The control itself owns its semantics\n * (RAC `TextField`, `Checkbox`, etc.); this just paints the layout.\n *\n * Most users will instead reach for `Input` / `Checkbox` / `Switch`, which\n * compose Field internally. Use Field directly when you need a custom\n * control to sit in the same visual rhythm.\n */\nexport function Field({ orientation = 'stacked', className, children }: FieldProps) {\n  const cls = [s.field, orientation === 'row' && s.row, className].filter(Boolean).join(' ');\n  return <div className={cls}>{children}</div>;\n}\n\n/**\n * The class names {@link Field} paints its slots with, so a control composing\n * its own layout can match the same form-row rhythm.\n */\nexport const fieldClasses = {\n  root: s.field,\n  row: s.row,\n  label: s.label,\n  hint: s.hint,\n  error: s.error,\n};\n"],"mappings":";;;;;;;;;;ACyBA,SAAgB,EAAM,EAAE,iBAAc,WAAW,cAAW,eAAwB;AAElF,QAAO,kBAAC,OAAD;EAAK,WADA;GAAC,EAAE;GAAO,MAAgB,SAAS,EAAE;GAAK;GAAU,CAAC,OAAO,QAAQ,CAAC,KAAK,IAC/D;EAAM;EAAe,CAAA;;AAO9C,IAAa,IAAe;CAC1B,MAAM,EAAE;CACR,KAAK,EAAE;CACP,OAAO,EAAE;CACT,MAAM,EAAE;CACR,OAAO,EAAE;CACV"}

package/dist/chunks/GradientEditor-Bg6SX64V.js

@@ -1,280 +0,0 @@
-import { t as e } from "./Slider-tGbqoAZH.js";
-import { t } from "./ToggleBar-BP1zFcvg.js";
-import { t as n } from "./ColorField-ykpiD3XU.js";
-import { useCallback as r, useRef as i } from "react";
-import { gradientGeometry as a, sampleGradientStops as o, useHandleDrag as s, withGradientKind as c } from "@weasel-js/core";
-import { Fragment as l, jsx as u, jsxs as d } from "react/jsx-runtime";
-//#region src/paintGradientTrack.tsx
-var f = {
-	angleDeg: 135,
-	stripe: 2,
-	gap: 4,
-	dim: 75
-};
-function p(e) {
-	let { gradient: t, samples: n = 16, activeRange: r, hatch: i } = e;
-	return (e) => {
-		let a = [];
-		for (let e = 0; e <= n; e++) {
-			let r = e / n;
-			a.push(`${t(r)} ${(r * 100).toFixed(1)}%`);
-		}
-		let o = `linear-gradient(to right, ${a.join(", ")})`, s = [];
-		if (r) {
-			let t = e.valueToFraction(r[0]) * 100, n = e.valueToFraction(r[1]) * 100, a = {
-				...f,
-				...i
-			}, o = `repeating-linear-gradient(${a.angleDeg}deg, transparent 0 ${a.stripe}px, var(--wzl-surface) ${a.stripe}px ${a.stripe + a.gap}px)`, c = `color-mix(in srgb, var(--wzl-surface) ${a.dim}%, transparent)`, l = `linear-gradient(${c}, ${c})`;
-			if (t > 0 && (s.push(`${l} left 0 / ${t.toFixed(2)}% 100% no-repeat`), s.push(`${o} left 0 / ${t.toFixed(2)}% 100% no-repeat`)), n < 100) {
-				let e = (100 - n).toFixed(2);
-				s.push(`${l} right 0 / ${e}% 100% no-repeat`), s.push(`${o} right 0 / ${e}% 100% no-repeat`);
-			}
-		}
-		return s.push(o), /* @__PURE__ */ u("div", { style: {
-			position: "absolute",
-			inset: 0,
-			background: s.join(", ")
-		} });
-	};
-}
-var m = {
-	root: "_root_15yko_1",
-	swatches: "_swatches_15yko_8",
-	swatch: "_swatch_15yko_8"
-}, h = [
-	{
-		value: "linear-gradient",
-		label: "Linear"
-	},
-	{
-		value: "radial-gradient",
-		label: "Radial"
-	},
-	{
-		value: "conic-gradient",
-		label: "Conic"
-	}
-], g = 2;
-function _(i) {
-	let { value: a, onInput: s, onChange: l, kindSwitch: f = !0, className: _ } = i, v = a.stops, y = r((e) => ({
-		...a,
-		stops: e
-	}), [a]), b = v.map((e) => ({
-		value: e.offset,
-		color: e.color
-	})), x = (e) => e.map((e) => ({
-		offset: e.value,
-		color: e.color
-	})), S = (e, t) => v.map((n, r) => r === e ? {
-		...n,
-		color: t
-	} : n), C = v.map((e, t) => ({
-		stop: e,
-		index: t
-	})).sort((e, t) => e.stop.offset - t.stop.offset);
-	return /* @__PURE__ */ d("div", {
-		className: [m.root, _].filter(Boolean).join(" "),
-		children: [
-			f && /* @__PURE__ */ u(t, {
-				items: h,
-				value: a.fill,
-				size: "sm",
-				ariaLabel: "Gradient kind",
-				onChange: (e) => e && l(c(a, e))
-			}),
-			/* @__PURE__ */ u(e, {
-				min: 0,
-				max: 1,
-				step: .005,
-				constraint: "free",
-				thumbs: b,
-				ariaLabel: "Gradient stops",
-				readoutPlacement: "none",
-				onInput: (e) => s?.(y(x(e))),
-				onChange: (e) => l(y(x(e))),
-				onAddThumb: (e) => ({
-					value: e,
-					color: o(v, e)
-				}),
-				onRemoveThumb: () => v.length > g,
-				renderTrack: p({
-					gradient: (e) => o(v, e),
-					samples: 32
-				})
-			}),
-			/* @__PURE__ */ u("div", {
-				className: m.swatches,
-				children: C.map(({ stop: e, index: t }) => /* @__PURE__ */ u(n, {
-					value: e.color,
-					alpha: !0,
-					"aria-label": `Stop ${t + 1} at ${Math.round(e.offset * 100)}%`,
-					className: m.swatch,
-					onInput: (e) => s?.(y(S(t, e))),
-					onChange: (e) => l(y(S(t, e)))
-				}, t))
-			})
-		]
-	});
-}
-var v = {
-	overlay: "_overlay_6yu3h_3",
-	guide: "_guide_6yu3h_13",
-	handle: "_handle_6yu3h_21"
-};
-//#endregion
-//#region src/components/GradientEditor/GradientHandles.tsx
-function y(e) {
-	let { value: t, toScreen: n, toLocal: r, onInput: i, onChange: a, width: o, height: s, className: c } = e;
-	return /* @__PURE__ */ u("svg", {
-		className: [v.overlay, c].filter(Boolean).join(" "),
-		width: o,
-		height: s,
-		children: b(t, n, r, i, a)
-	});
-}
-function b(e, t, n, r, i) {
-	let o = (e, t) => {
-		t === "input" ? r?.(e) : i(e);
-	};
-	if (e.fill === "linear-gradient") {
-		let r = t(e.from), i = t(e.to);
-		return /* @__PURE__ */ d(l, { children: [
-			/* @__PURE__ */ u(S, {
-				x1: r.x,
-				y1: r.y,
-				x2: i.x,
-				y2: i.y
-			}),
-			/* @__PURE__ */ u(C, {
-				at: r,
-				label: "Gradient start",
-				onDrag: (t, r) => o({
-					...e,
-					from: n(t)
-				}, r)
-			}),
-			/* @__PURE__ */ u(C, {
-				at: i,
-				label: "Gradient end",
-				onDrag: (t, r) => o({
-					...e,
-					to: n(t)
-				}, r)
-			})
-		] });
-	}
-	if (e.fill === "radial-gradient") {
-		let r = t(e.center), i = t({
-			x: e.center.x + e.radius,
-			y: e.center.y
-		}), a = Math.hypot(i.x - r.x, i.y - r.y);
-		return /* @__PURE__ */ d(l, { children: [
-			/* @__PURE__ */ u("circle", {
-				className: v.guide,
-				cx: r.x,
-				cy: r.y,
-				r: a
-			}),
-			/* @__PURE__ */ u(C, {
-				at: r,
-				label: "Gradient center",
-				onDrag: (t, r) => o({
-					...e,
-					center: n(t)
-				}, r)
-			}),
-			/* @__PURE__ */ u(C, {
-				at: i,
-				label: "Gradient radius",
-				onDrag: (t, r) => {
-					let i = n(t), a = Math.hypot(i.x - e.center.x, i.y - e.center.y);
-					o({
-						...e,
-						radius: Math.max(x, a)
-					}, r);
-				}
-			})
-		] });
-	}
-	let s = t(e.center), { radius: c } = a(e), f = t({
-		x: e.center.x + Math.cos(e.angle) * c,
-		y: e.center.y + Math.sin(e.angle) * c
-	});
-	return /* @__PURE__ */ d(l, { children: [
-		/* @__PURE__ */ u(S, {
-			x1: s.x,
-			y1: s.y,
-			x2: f.x,
-			y2: f.y
-		}),
-		/* @__PURE__ */ u(C, {
-			at: s,
-			label: "Gradient center",
-			onDrag: (t, r) => o({
-				...e,
-				center: n(t)
-			}, r)
-		}),
-		/* @__PURE__ */ u(C, {
-			at: f,
-			label: "Gradient angle",
-			onDrag: (t, r) => {
-				let i = n(t), a = Math.atan2(i.y - e.center.y, i.x - e.center.x);
-				o({
-					...e,
-					angle: a
-				}, r);
-			}
-		})
-	] });
-}
-var x = 1;
-function S(e) {
-	return /* @__PURE__ */ u("line", {
-		className: v.guide,
-		...e
-	});
-}
-function C({ at: e, label: t, onDrag: n }) {
-	let r = i(null), a = i(e), o = s({
-		onStart: () => {
-			a.current = e, r.current = null;
-		},
-		onMove: (e) => {
-			r.current = e, n(e, "input");
-		},
-		onEnd: (e) => {
-			let t = r.current;
-			r.current = null, t !== null && (e.type === "pointercancel" ? n(a.current, "input") : n(t, "commit"));
-		}
-	});
-	return /* @__PURE__ */ u("circle", {
-		className: v.handle,
-		cx: e.x,
-		cy: e.y,
-		r: w,
-		role: "button",
-		"aria-label": t,
-		tabIndex: 0,
-		onKeyDown: (t) => {
-			let r = t.shiftKey ? T * 10 : T, i = 0, a = 0;
-			if (t.key === "ArrowLeft") i = -r;
-			else if (t.key === "ArrowRight") i = r;
-			else if (t.key === "ArrowUp") a = -r;
-			else if (t.key === "ArrowDown") a = r;
-			else return;
-			t.preventDefault();
-			let o = {
-				x: e.x + i,
-				y: e.y + a
-			};
-			n(o, "input"), n(o, "commit");
-		},
-		...o
-	});
-}
-var w = 7, T = 1;
-//#endregion
-export { _ as n, p as r, y as t };
-
-//# sourceMappingURL=GradientEditor-Bg6SX64V.js.map