@pihanga2/shadcn 0.2.17 → 0.2.19

package/cards/resizableGrid/index.js

@@ -0,0 +1,12 @@
+import { ResizableGridComponent as e } from "./resizableGrid.component.js";
+import { RESIZABLE_GRID_CARD as t, ResizableGrid as n } from "./resizableGrid.types.js";
+import { registerCardComponent as r } from "@pihanga2/core";
+//#region src/cards/resizableGrid/index.ts
+r({
+	name: t,
+	component: e
+});
+//#endregion
+export { t as RESIZABLE_GRID_CARD, n as ResizableGrid };
+
+//# sourceMappingURL=index.js.map

package/cards/resizableGrid/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","names":[],"sources":["../../../src/cards/resizableGrid/index.ts"],"sourcesContent":["import {registerCardComponent} from \"@pihanga2/core\";\n\nimport {ResizableGridComponent} from \"./resizableGrid.component\";\nimport {RESIZABLE_GRID_CARD} from \"./resizableGrid.types\";\n\nexport * from \"./resizableGrid.types\";\n\nregisterCardComponent({\n  name: RESIZABLE_GRID_CARD,\n  component: ResizableGridComponent,\n});\n"],"mappings":";;;;AAOA,EAAsB;CACpB,MAAM;CACN,WAAW;AACb,CAAC"}

package/cards/resizableGrid/resizableGrid.component.js

@@ -0,0 +1,166 @@
+import './resizableGrid.css';/* empty css              */
+import * as e from "react";
+import { Card as t } from "@pihanga2/core";
+import n from "clsx";
+import { jsx as r, jsxs as i } from "react/jsx-runtime";
+//#region src/cards/resizableGrid/resizableGrid.component.tsx
+var a = 10, o = 8;
+function s(e) {
+	let t = e.trim();
+	return t === "auto" ? {
+		type: "auto",
+		value: 0
+	} : t.endsWith("px") ? {
+		type: "px",
+		value: Math.max(0, parseFloat(t))
+	} : t.endsWith("%") ? {
+		type: "pct",
+		value: Math.max(0, parseFloat(t))
+	} : t.endsWith("fr") ? {
+		type: "fr",
+		value: Math.max(0, parseFloat(t))
+	} : {
+		type: "fr",
+		value: 1
+	};
+}
+function c(e, t, n) {
+	if (!e?.length || e.length !== t) return Array(t).fill(100 / t);
+	let r = e.map(s), i = n > 0 ? r.reduce((e, t) => e + (t.type === "px" ? t.value / n * 100 : 0), 0) : 0, a = r.reduce((e, t) => e + (t.type === "pct" ? t.value : 0), 0), o = Math.max(0, 100 - i - a), c = r.reduce((e, t) => e + (t.type === "fr" ? t.value : 0), 0), l = r.map((e) => e.type === "auto" ? 0 : e.type === "px" ? n > 0 ? e.value / n * 100 : 0 : e.type === "pct" ? e.value : c > 0 ? e.value / c * o : 0), u = l.reduce((e, t) => e + t, 0);
+	if (u <= 0) {
+		let e = r.filter((e) => e.type !== "auto").length || t;
+		return r.map((t) => t.type === "auto" ? 0 : 100 / e);
+	}
+	return l.map((e, t) => r[t].type === "auto" ? 0 : e / u * 100);
+}
+function l(e, t) {
+	return e.map((n, r) => {
+		let i = n === "auto" ? "auto" : `${t[r]}fr`;
+		return r < e.length - 1 && n !== "auto" && e[r + 1] !== "auto" ? `${i} ${o}px` : i;
+	}).join(" ");
+}
+function u(e) {
+	let t = 1;
+	return e.map((n, r) => {
+		let i = t;
+		return t++, r < e.length - 1 && n !== "auto" && e[r + 1] !== "auto" && t++, i;
+	});
+}
+function d(e, t, n) {
+	return n >= e.length - 1 || e[n] === "auto" || e[n + 1] === "auto" ? null : t[n] + 1;
+}
+var f = (e, t, n) => Math.min(n, Math.max(t, e));
+function p(e, t, n) {
+	return (r, i) => {
+		let a = e.current, o = a[r] + a[r + 1], s = f(i, Math.min(n, o - n), Math.max(n, o - n)), c = [...a];
+		c[r] = s, c[r + 1] = o - s, e.current = c, t(c);
+	};
+}
+var m = (o) => {
+	let { cardName: s, cells: f = [], columnWidths: m, rowHeights: h, minColumnPercent: g = a, minRowPercent: _ = a, className: v, dividerClassName: y } = o, b = f.length, x = f[0]?.length ?? 0, S = e.useMemo(() => m ?? Array(x).fill("1fr"), [m, x]), C = e.useMemo(() => h ?? Array(b).fill("1fr"), [h, b]), [w, T] = e.useState(() => c(S, x, 0)), [E, D] = e.useState(() => c(C, b, 0)), O = e.useRef(w), k = e.useRef(E), A = e.useRef(null), j = e.useRef(null), M = e.useRef(null);
+	e.useLayoutEffect(() => {
+		if (!A.current) return;
+		let { width: e, height: t } = A.current.getBoundingClientRect(), n = c(S, x, e), r = c(C, b, t);
+		O.current = n, k.current = r, T(n), D(r);
+	}, [
+		S,
+		C,
+		x,
+		b
+	]), e.useEffect(() => () => {
+		j.current?.(), M.current?.();
+	}, []);
+	let N = e.useMemo(() => p(O, T, g), [g]), P = e.useMemo(() => p(k, D, _), [_]), F = e.useCallback((e) => (t) => {
+		t.preventDefault();
+		let n = t.clientX, r = O.current[e], i = A.current;
+		if (!i) return;
+		let { width: a } = i.getBoundingClientRect();
+		if (a <= 0) return;
+		let o = (t) => N(e, r + (t.clientX - n) / a * 100), s = () => {
+			window.removeEventListener("mousemove", o), window.removeEventListener("mouseup", s), j.current = null;
+		};
+		j.current?.(), window.addEventListener("mousemove", o), window.addEventListener("mouseup", s), j.current = () => {
+			window.removeEventListener("mousemove", o), window.removeEventListener("mouseup", s);
+		};
+	}, [N]), I = e.useCallback((e) => (t) => {
+		let n = O.current[e], r = n + O.current[e + 1], i = t.shiftKey ? 10 : 2;
+		t.key === "ArrowLeft" ? (t.preventDefault(), N(e, n - i)) : t.key === "ArrowRight" ? (t.preventDefault(), N(e, n + i)) : t.key === "Home" ? (t.preventDefault(), N(e, g)) : t.key === "End" && (t.preventDefault(), N(e, r - g));
+	}, [N, g]), L = e.useCallback((e) => (t) => {
+		t.preventDefault();
+		let n = t.clientY, r = k.current[e], i = A.current;
+		if (!i) return;
+		let { height: a } = i.getBoundingClientRect();
+		if (a <= 0) return;
+		let o = (t) => P(e, r + (t.clientY - n) / a * 100), s = () => {
+			window.removeEventListener("mousemove", o), window.removeEventListener("mouseup", s), M.current = null;
+		};
+		M.current?.(), window.addEventListener("mousemove", o), window.addEventListener("mouseup", s), M.current = () => {
+			window.removeEventListener("mousemove", o), window.removeEventListener("mouseup", s);
+		};
+	}, [P]), R = e.useCallback((e) => (t) => {
+		let n = k.current[e], r = n + k.current[e + 1], i = t.shiftKey ? 10 : 2;
+		t.key === "ArrowUp" ? (t.preventDefault(), P(e, n - i)) : t.key === "ArrowDown" ? (t.preventDefault(), P(e, n + i)) : t.key === "Home" ? (t.preventDefault(), P(e, _)) : t.key === "End" && (t.preventDefault(), P(e, r - _));
+	}, [P, _]);
+	if (b === 0 || x === 0) return null;
+	let z = l(S, w), B = l(C, E), V = u(S), H = u(C);
+	return /* @__PURE__ */ i("div", {
+		ref: A,
+		"data-pihanga": s,
+		className: n("pi-resizable-grid", v),
+		style: {
+			gridTemplateColumns: z,
+			gridTemplateRows: B
+		},
+		children: [
+			f.map((e, n) => e.map((e, i) => /* @__PURE__ */ r("div", {
+				className: "pi-resizable-grid-cell",
+				style: {
+					gridColumn: V[i],
+					gridRow: H[n]
+				},
+				children: /* @__PURE__ */ r(t, {
+					cardName: e,
+					parentCard: s
+				})
+			}, `c${n}-${i}`))),
+			S.map((e, t) => {
+				let i = d(S, V, t);
+				return i === null ? null : /* @__PURE__ */ r("div", {
+					className: n("pi-resizable-grid-col-divider", y),
+					style: {
+						gridColumn: i,
+						gridRow: "1 / -1"
+					},
+					onMouseDown: F(t),
+					onKeyDown: I(t),
+					role: "separator",
+					"aria-orientation": "vertical",
+					"aria-label": `Resize columns ${t + 1} and ${t + 2}`,
+					"aria-valuenow": Math.round(w[t]),
+					tabIndex: 0
+				}, `cd${t}`);
+			}),
+			C.map((e, t) => {
+				let i = d(C, H, t);
+				return i === null ? null : /* @__PURE__ */ r("div", {
+					className: n("pi-resizable-grid-row-divider", y),
+					style: {
+						gridRow: i,
+						gridColumn: "1 / -1"
+					},
+					onMouseDown: L(t),
+					onKeyDown: R(t),
+					role: "separator",
+					"aria-orientation": "horizontal",
+					"aria-label": `Resize rows ${t + 1} and ${t + 2}`,
+					"aria-valuenow": Math.round(E[t]),
+					tabIndex: 0
+				}, `rd${t}`);
+			})
+		]
+	});
+};
+//#endregion
+export { m as ResizableGridComponent };
+
+//# sourceMappingURL=resizableGrid.component.js.map

package/cards/resizableGrid/resizableGrid.component.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"resizableGrid.component.js","names":[],"sources":["../../../src/cards/resizableGrid/resizableGrid.component.tsx"],"sourcesContent":["import * as React from \"react\";\nimport {Card, type PiCardProps} from \"@pihanga2/core\";\nimport clsx from \"clsx\";\n\nimport \"./resizableGrid.css\";\nimport type {ResizableGridProps} from \"./resizableGrid.types\";\n\nconst DEFAULT_MIN_PERCENT = 10;\nconst DIVIDER_PX = 8;\n\ntype ParsedUnit = {type: \"px\" | \"pct\" | \"fr\" | \"auto\"; value: number};\n\nfunction parseWidthSpec(w: string): ParsedUnit {\n  const s = w.trim();\n  if (s === \"auto\") return {type: \"auto\", value: 0};\n  if (s.endsWith(\"px\")) return {type: \"px\", value: Math.max(0, parseFloat(s))};\n  if (s.endsWith(\"%\")) return {type: \"pct\", value: Math.max(0, parseFloat(s))};\n  if (s.endsWith(\"fr\")) return {type: \"fr\", value: Math.max(0, parseFloat(s))};\n  return {type: \"fr\", value: 1};\n}\n\n/**\n * Convert CSS-like spec strings to an array of ratio values (summing to 100 for\n * explicit tracks; auto tracks get 0). The ratios are later rendered as `{v}fr`\n * units in the CSS grid template so the browser distributes available space\n * proportionally after fixed tracks (px, dividers) are allocated.\n */\nfunction parseSpecs(\n  specs: string[] | undefined,\n  count: number,\n  containerPx: number,\n): number[] {\n  if (!specs?.length || specs.length !== count) {\n    return new Array(count).fill(100 / count);\n  }\n\n  const parsed = specs.map(parseWidthSpec);\n\n  const totalPxAsPct =\n    containerPx > 0\n      ? parsed.reduce(\n          (s, p) => s + (p.type === \"px\" ? (p.value / containerPx) * 100 : 0),\n          0,\n        )\n      : 0;\n  const totalExplicitPct = parsed.reduce(\n    (s, p) => s + (p.type === \"pct\" ? p.value : 0),\n    0,\n  );\n  const remainingPct = Math.max(0, 100 - totalPxAsPct - totalExplicitPct);\n  const totalFr = parsed.reduce(\n    (s, p) => s + (p.type === \"fr\" ? p.value : 0),\n    0,\n  );\n\n  const raw = parsed.map((p) => {\n    if (p.type === \"auto\") return 0;\n    if (p.type === \"px\")\n      return containerPx > 0 ? (p.value / containerPx) * 100 : 0;\n    if (p.type === \"pct\") return p.value;\n    return totalFr > 0 ? (p.value / totalFr) * remainingPct : 0;\n  });\n\n  // Normalise so explicit entries sum to 100 (auto entries stay 0).\n  const explicitTotal = raw.reduce((s, v) => s + v, 0);\n  if (explicitTotal <= 0) {\n    const n = parsed.filter((p) => p.type !== \"auto\").length || count;\n    return parsed.map((p) => (p.type === \"auto\" ? 0 : 100 / n));\n  }\n  return raw.map((v, i) =>\n    parsed[i].type === \"auto\" ? 0 : (v / explicitTotal) * 100,\n  );\n}\n\n/** Build CSS grid-template-columns / grid-template-rows string. */\nfunction buildTemplate(specs: string[], ratios: number[]): string {\n  return specs\n    .map((spec, i) => {\n      const cell = spec === \"auto\" ? \"auto\" : `${ratios[i]}fr`;\n      const addDivider =\n        i < specs.length - 1 && spec !== \"auto\" && specs[i + 1] !== \"auto\";\n      return addDivider ? `${cell} ${DIVIDER_PX}px` : cell;\n    })\n    .join(\" \");\n}\n\n/** Compute 1-based CSS grid track index for each cell column/row. */\nfunction computeCellTrackIndices(specs: string[]): number[] {\n  let track = 1;\n  return specs.map((spec, i) => {\n    const idx = track;\n    track++;\n    if (i < specs.length - 1 && spec !== \"auto\" && specs[i + 1] !== \"auto\") {\n      track++; // skip divider track\n    }\n    return idx;\n  });\n}\n\n/**\n * CSS track index of the divider between cell[i] and cell[i+1].\n * Returns null when no divider should be rendered.\n */\nfunction dividerTrack(\n  specs: string[],\n  cellTracks: number[],\n  i: number,\n): number | null {\n  if (i >= specs.length - 1) return null;\n  if (specs[i] === \"auto\" || specs[i + 1] === \"auto\") return null;\n  return cellTracks[i] + 1;\n}\n\nconst clamp = (v: number, lo: number, hi: number) =>\n  Math.min(hi, Math.max(lo, v));\n\n/** Update a pair of adjacent explicit tracks, keeping their combined ratio constant. */\nfunction makePairUpdater(\n  ref: React.MutableRefObject<number[]>,\n  setter: React.Dispatch<React.SetStateAction<number[]>>,\n  minPct: number,\n) {\n  return (divIdx: number, nextLeading: number) => {\n    const curr = ref.current;\n    const combined = curr[divIdx] + curr[divIdx + 1];\n    const lo = Math.min(minPct, combined - minPct);\n    const hi = Math.max(minPct, combined - minPct);\n    const clamped = clamp(nextLeading, lo, hi);\n    const next = [...curr];\n    next[divIdx] = clamped;\n    next[divIdx + 1] = combined - clamped;\n    ref.current = next;\n    setter(next);\n  };\n}\n\nexport const ResizableGridComponent = (\n  props: PiCardProps<ResizableGridProps>,\n): React.ReactNode => {\n  const {\n    cardName,\n    cells = [],\n    columnWidths,\n    rowHeights,\n    minColumnPercent = DEFAULT_MIN_PERCENT,\n    minRowPercent = DEFAULT_MIN_PERCENT,\n    className,\n    dividerClassName,\n  } = props;\n\n  const numRows = cells.length;\n  const numCols = cells[0]?.length ?? 0;\n\n  const colSpecs = React.useMemo(\n    () => columnWidths ?? new Array(numCols).fill(\"1fr\"),\n    [columnWidths, numCols],\n  );\n  const rowSpecs = React.useMemo(\n    () => rowHeights ?? new Array(numRows).fill(\"1fr\"),\n    [rowHeights, numRows],\n  );\n\n  // Initialise with equal ratios; useLayoutEffect recalculates with real px.\n  const [colRatios, setColRatios] = React.useState(() =>\n    parseSpecs(colSpecs, numCols, 0),\n  );\n  const [rowRatios, setRowRatios] = React.useState(() =>\n    parseSpecs(rowSpecs, numRows, 0),\n  );\n  const colRatiosRef = React.useRef(colRatios);\n  const rowRatiosRef = React.useRef(rowRatios);\n  const containerRef = React.useRef<HTMLDivElement | null>(null);\n  const colCleanupRef = React.useRef<(() => void) | null>(null);\n  const rowCleanupRef = React.useRef<(() => void) | null>(null);\n\n  // Re-parse after mount so px specs can be resolved against actual container size.\n  React.useLayoutEffect(() => {\n    if (!containerRef.current) return;\n    const {width, height} = containerRef.current.getBoundingClientRect();\n    const nextCol = parseSpecs(colSpecs, numCols, width);\n    const nextRow = parseSpecs(rowSpecs, numRows, height);\n    colRatiosRef.current = nextCol;\n    rowRatiosRef.current = nextRow;\n    setColRatios(nextCol);\n    setRowRatios(nextRow);\n  }, [colSpecs, rowSpecs, numCols, numRows]);\n\n  React.useEffect(\n    () => () => {\n      colCleanupRef.current?.();\n      rowCleanupRef.current?.();\n    },\n    [],\n  );\n\n  const updateColPair = React.useMemo(\n    () => makePairUpdater(colRatiosRef, setColRatios, minColumnPercent),\n    [minColumnPercent],\n  );\n  const updateRowPair = React.useMemo(\n    () => makePairUpdater(rowRatiosRef, setRowRatios, minRowPercent),\n    [minRowPercent],\n  );\n\n  const handleColMouseDown = React.useCallback(\n    (divIdx: number) => (e: React.MouseEvent) => {\n      e.preventDefault();\n      const startX = e.clientX;\n      const startLeading = colRatiosRef.current[divIdx];\n      const container = containerRef.current;\n      if (!container) return;\n      const {width} = container.getBoundingClientRect();\n      if (width <= 0) return;\n      const onMove = (ev: MouseEvent) =>\n        updateColPair(\n          divIdx,\n          startLeading + ((ev.clientX - startX) / width) * 100,\n        );\n      const onUp = () => {\n        window.removeEventListener(\"mousemove\", onMove);\n        window.removeEventListener(\"mouseup\", onUp);\n        colCleanupRef.current = null;\n      };\n      colCleanupRef.current?.();\n      window.addEventListener(\"mousemove\", onMove);\n      window.addEventListener(\"mouseup\", onUp);\n      colCleanupRef.current = () => {\n        window.removeEventListener(\"mousemove\", onMove);\n        window.removeEventListener(\"mouseup\", onUp);\n      };\n    },\n    [updateColPair],\n  );\n\n  const handleColKeyDown = React.useCallback(\n    (divIdx: number) => (e: React.KeyboardEvent) => {\n      const curr = colRatiosRef.current[divIdx];\n      const combined = curr + colRatiosRef.current[divIdx + 1];\n      const step = e.shiftKey ? 10 : 2;\n      if (e.key === \"ArrowLeft\") {\n        e.preventDefault();\n        updateColPair(divIdx, curr - step);\n      } else if (e.key === \"ArrowRight\") {\n        e.preventDefault();\n        updateColPair(divIdx, curr + step);\n      } else if (e.key === \"Home\") {\n        e.preventDefault();\n        updateColPair(divIdx, minColumnPercent);\n      } else if (e.key === \"End\") {\n        e.preventDefault();\n        updateColPair(divIdx, combined - minColumnPercent);\n      }\n    },\n    [updateColPair, minColumnPercent],\n  );\n\n  const handleRowMouseDown = React.useCallback(\n    (divIdx: number) => (e: React.MouseEvent) => {\n      e.preventDefault();\n      const startY = e.clientY;\n      const startLeading = rowRatiosRef.current[divIdx];\n      const container = containerRef.current;\n      if (!container) return;\n      const {height} = container.getBoundingClientRect();\n      if (height <= 0) return;\n      const onMove = (ev: MouseEvent) =>\n        updateRowPair(\n          divIdx,\n          startLeading + ((ev.clientY - startY) / height) * 100,\n        );\n      const onUp = () => {\n        window.removeEventListener(\"mousemove\", onMove);\n        window.removeEventListener(\"mouseup\", onUp);\n        rowCleanupRef.current = null;\n      };\n      rowCleanupRef.current?.();\n      window.addEventListener(\"mousemove\", onMove);\n      window.addEventListener(\"mouseup\", onUp);\n      rowCleanupRef.current = () => {\n        window.removeEventListener(\"mousemove\", onMove);\n        window.removeEventListener(\"mouseup\", onUp);\n      };\n    },\n    [updateRowPair],\n  );\n\n  const handleRowKeyDown = React.useCallback(\n    (divIdx: number) => (e: React.KeyboardEvent) => {\n      const curr = rowRatiosRef.current[divIdx];\n      const combined = curr + rowRatiosRef.current[divIdx + 1];\n      const step = e.shiftKey ? 10 : 2;\n      if (e.key === \"ArrowUp\") {\n        e.preventDefault();\n        updateRowPair(divIdx, curr - step);\n      } else if (e.key === \"ArrowDown\") {\n        e.preventDefault();\n        updateRowPair(divIdx, curr + step);\n      } else if (e.key === \"Home\") {\n        e.preventDefault();\n        updateRowPair(divIdx, minRowPercent);\n      } else if (e.key === \"End\") {\n        e.preventDefault();\n        updateRowPair(divIdx, combined - minRowPercent);\n      }\n    },\n    [updateRowPair, minRowPercent],\n  );\n\n  if (numRows === 0 || numCols === 0) return null;\n\n  const colTemplate = buildTemplate(colSpecs, colRatios);\n  const rowTemplate = buildTemplate(rowSpecs, rowRatios);\n  const colTracks = computeCellTrackIndices(colSpecs);\n  const rowTracks = computeCellTrackIndices(rowSpecs);\n\n  return (\n    <div\n      ref={containerRef}\n      data-pihanga={cardName}\n      className={clsx(\"pi-resizable-grid\", className)}\n      style={\n        {\n          gridTemplateColumns: colTemplate,\n          gridTemplateRows: rowTemplate,\n        } as React.CSSProperties\n      }\n    >\n      {/* Grid cells */}\n      {cells.map((row, ri) =>\n        row.map((card, ci) => (\n          <div\n            key={`c${ri}-${ci}`}\n            className=\"pi-resizable-grid-cell\"\n            style={{gridColumn: colTracks[ci], gridRow: rowTracks[ri]}}\n          >\n            <Card cardName={card} parentCard={cardName} />\n          </div>\n        )),\n      )}\n\n      {/* Vertical column dividers — each spans all row tracks */}\n      {colSpecs.map((_, ci) => {\n        const track = dividerTrack(colSpecs, colTracks, ci);\n        if (track === null) return null;\n        return (\n          <div\n            key={`cd${ci}`}\n            className={clsx(\"pi-resizable-grid-col-divider\", dividerClassName)}\n            style={{gridColumn: track, gridRow: \"1 / -1\"}}\n            onMouseDown={handleColMouseDown(ci)}\n            onKeyDown={handleColKeyDown(ci)}\n            role=\"separator\"\n            aria-orientation=\"vertical\"\n            aria-label={`Resize columns ${ci + 1} and ${ci + 2}`}\n            aria-valuenow={Math.round(colRatios[ci])}\n            tabIndex={0}\n          />\n        );\n      })}\n\n      {/* Horizontal row dividers — each spans all column tracks */}\n      {rowSpecs.map((_, ri) => {\n        const track = dividerTrack(rowSpecs, rowTracks, ri);\n        if (track === null) return null;\n        return (\n          <div\n            key={`rd${ri}`}\n            className={clsx(\"pi-resizable-grid-row-divider\", dividerClassName)}\n            style={{gridRow: track, gridColumn: \"1 / -1\"}}\n            onMouseDown={handleRowMouseDown(ri)}\n            onKeyDown={handleRowKeyDown(ri)}\n            role=\"separator\"\n            aria-orientation=\"horizontal\"\n            aria-label={`Resize rows ${ri + 1} and ${ri + 2}`}\n            aria-valuenow={Math.round(rowRatios[ri])}\n            tabIndex={0}\n          />\n        );\n      })}\n    </div>\n  );\n};\n"],"mappings":"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"}

package/cards/resizableGrid/resizableGrid.css

@@ -0,0 +1 @@
+.pi-resizable-grid{width:100%;height:100%;display:grid}.pi-resizable-grid-cell{min-width:0;min-height:0;overflow:hidden}.pi-resizable-grid-col-divider{cursor:col-resize;z-index:1;min-height:0;position:relative}.pi-resizable-grid-col-divider:before{content:"";width:var(--rg-divider-width,1px);background-color:var(--rg-divider-color,var(--border));transition:width .12s,background-color .12s;position:absolute;top:0;bottom:0;left:50%;transform:translate(-50%)}.pi-resizable-grid-col-divider:hover:before,.pi-resizable-grid-col-divider:focus-visible:before{width:var(--rg-divider-hover-width,4px);background-color:var(--rg-divider-hover-color,var(--muted-foreground))}.pi-resizable-grid-row-divider{cursor:row-resize;z-index:1;min-width:0;position:relative}.pi-resizable-grid-row-divider:before{content:"";height:var(--rg-divider-width,1px);background-color:var(--rg-divider-color,var(--border));transition:height .12s,background-color .12s;position:absolute;top:50%;left:0;right:0;transform:translateY(-50%)}.pi-resizable-grid-row-divider:hover:before,.pi-resizable-grid-row-divider:focus-visible:before{height:var(--rg-divider-hover-width,4px);background-color:var(--rg-divider-hover-color,var(--muted-foreground))}

package/cards/resizableGrid/resizableGrid.types.js

@@ -0,0 +1,7 @@
+import { createCardDeclaration as e } from "@pihanga2/core";
+//#region src/cards/resizableGrid/resizableGrid.types.ts
+var t = "pi/resizable-grid", n = e(t);
+//#endregion
+export { t as RESIZABLE_GRID_CARD, n as ResizableGrid };
+
+//# sourceMappingURL=resizableGrid.types.js.map

package/cards/resizableGrid/resizableGrid.types.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"resizableGrid.types.js","names":[],"sources":["../../../src/cards/resizableGrid/resizableGrid.types.ts"],"sourcesContent":["import {createCardDeclaration, type PiCardRef} from \"@pihanga2/core\";\n\nexport const RESIZABLE_GRID_CARD = \"pi/resizable-grid\";\n\nexport type ResizableGridProps = {\n  /**\n   * 2D array of cards — cells[row][col]. Must be rectangular (all rows same length).\n   */\n  cells: PiCardRef[][];\n  /**\n   * Initial column widths using CSS-like values:\n   *   - '200px'  — fixed initial width (resolved against container width at mount)\n   *   - '30%'    — explicit percentage of container\n   *   - '1fr'    — fraction of remaining space after px/% columns\n   *   - 'auto'   — natural content width; no drag handle rendered for adjacent boundaries\n   *\n   * Defaults to equal `1fr` split when omitted.\n   */\n  columnWidths?: string[];\n  /**\n   * Initial row heights using the same syntax as columnWidths.\n   * 'auto' rows follow content height (max across all cells in that row).\n   * No drag handle is rendered between two rows unless both are explicit (non-auto).\n   *\n   * Defaults to equal `1fr` split when omitted.\n   */\n  rowHeights?: string[];\n  /** Minimum percentage any explicit column can shrink to during drag. Default: 10 */\n  minColumnPercent?: number;\n  /** Minimum percentage any explicit row can shrink to during drag. Default: 10 */\n  minRowPercent?: number;\n  className?: string;\n  dividerClassName?: string;\n};\n\nexport const ResizableGrid =\n  createCardDeclaration<ResizableGridProps>(RESIZABLE_GRID_CARD);\n"],"mappings":";;AAEA,IAAa,IAAsB,qBAiCtB,IACX,EAA0C,CAAmB"}

package/cards/scrollbarWithAnnotations/scrollbarWithAnnotations.types.d.ts

@@ -5,10 +5,10 @@ export declare const SCROLLBAR_WITH_ANNOTATIONS_ACTION: {
     ANNOTATION_CLICKED: string;
     ANNOTATION_HOVERED: string;
 };
-export declare const onScrollbarAnnotationClicked: <S extends import('@pihanga2/core').ReduxState>(register: import('@pihanga2/core').PiRegister, f: import('@pihanga2/core').ReduceF<S, import('@pihanga2/core').ReduxAction & {
+export declare const onScrollbarAnnotationClicked: <S extends import('@pihanga2/core').ReduxState>(register: import('@pihanga2/core/types').PiRegisterMinimal, f: import('@pihanga2/core').ReduceF<S, import('@pihanga2/core').ReduxAction & {
     cardID: string;
 } & AnnotationClickedEvent>) => void;
-export declare const onScrollbarAnnotationHovered: <S extends import('@pihanga2/core').ReduxState>(register: import('@pihanga2/core').PiRegister, f: import('@pihanga2/core').ReduceF<S, import('@pihanga2/core').ReduxAction & {
+export declare const onScrollbarAnnotationHovered: <S extends import('@pihanga2/core').ReduxState>(register: import('@pihanga2/core/types').PiRegisterMinimal, f: import('@pihanga2/core').ReduceF<S, import('@pihanga2/core').ReduxAction & {
     cardID: string;
 } & AnnotationHoveredEvent>) => void;
 /**

package/cards/select/select.types.d.ts

@@ -5,25 +5,25 @@ export declare const PI_SELECT_ACTION: {
     CLOSED: string;
     OPENED: string;
 };
-export declare const onSelectChanged: <S extends import('@pihanga2/core').ReduxState>(register: import('@pihanga2/core').PiRegister, f: import('@pihanga2/core').ReduceF<S, import('@pihanga2/core').ReduxAction & {
+export declare const onSelectChanged: <S extends import('@pihanga2/core').ReduxState>(register: import('@pihanga2/core/types').PiRegisterMinimal, f: import('@pihanga2/core').ReduceF<S, import('@pihanga2/core').ReduxAction & {
     cardID: string;
 } & PiSelectChangedEvent>) => void;
 /** @deprecated Use `onSelectChanged` instead. */
-export declare const onPiSelectChanged: <S extends import('@pihanga2/core').ReduxState>(register: import('@pihanga2/core').PiRegister, f: import('@pihanga2/core').ReduceF<S, import('@pihanga2/core').ReduxAction & {
+export declare const onPiSelectChanged: <S extends import('@pihanga2/core').ReduxState>(register: import('@pihanga2/core/types').PiRegisterMinimal, f: import('@pihanga2/core').ReduceF<S, import('@pihanga2/core').ReduxAction & {
     cardID: string;
 } & PiSelectChangedEvent>) => void;
-export declare const onSelectOpened: <S extends import('@pihanga2/core').ReduxState>(register: import('@pihanga2/core').PiRegister, f: import('@pihanga2/core').ReduceF<S, import('@pihanga2/core').ReduxAction & {
+export declare const onSelectOpened: <S extends import('@pihanga2/core').ReduxState>(register: import('@pihanga2/core/types').PiRegisterMinimal, f: import('@pihanga2/core').ReduceF<S, import('@pihanga2/core').ReduxAction & {
     cardID: string;
 } & PiSelectOpenedEvent>) => void;
 /** @deprecated Use `onSelectOpened` instead. */
-export declare const onPiSelectOpened: <S extends import('@pihanga2/core').ReduxState>(register: import('@pihanga2/core').PiRegister, f: import('@pihanga2/core').ReduceF<S, import('@pihanga2/core').ReduxAction & {
+export declare const onPiSelectOpened: <S extends import('@pihanga2/core').ReduxState>(register: import('@pihanga2/core/types').PiRegisterMinimal, f: import('@pihanga2/core').ReduceF<S, import('@pihanga2/core').ReduxAction & {
     cardID: string;
 } & PiSelectOpenedEvent>) => void;
-export declare const onSelectClosed: <S extends import('@pihanga2/core').ReduxState>(register: import('@pihanga2/core').PiRegister, f: import('@pihanga2/core').ReduceF<S, import('@pihanga2/core').ReduxAction & {
+export declare const onSelectClosed: <S extends import('@pihanga2/core').ReduxState>(register: import('@pihanga2/core/types').PiRegisterMinimal, f: import('@pihanga2/core').ReduceF<S, import('@pihanga2/core').ReduxAction & {
     cardID: string;
 } & PiSelectClosedEvent>) => void;
 /** @deprecated Use `onSelectClosed` instead. */
-export declare const onPiSelectClosed: <S extends import('@pihanga2/core').ReduxState>(register: import('@pihanga2/core').PiRegister, f: import('@pihanga2/core').ReduceF<S, import('@pihanga2/core').ReduxAction & {
+export declare const onPiSelectClosed: <S extends import('@pihanga2/core').ReduxState>(register: import('@pihanga2/core/types').PiRegisterMinimal, f: import('@pihanga2/core').ReduceF<S, import('@pihanga2/core').ReduxAction & {
     cardID: string;
 } & PiSelectClosedEvent>) => void;
 export type PiSelectOption = {

package/cards/sheetCard/sheetCard.types.d.ts

@@ -6,13 +6,13 @@ export declare const PI_SHEET_ACTION: {
     OPENED: string;
     OPEN_CHANGED: string;
 };
-export declare const onSheetOpened: <S extends import('@pihanga2/core').ReduxState>(register: import('@pihanga2/core').PiRegister, f: import('@pihanga2/core').ReduceF<S, import('@pihanga2/core').ReduxAction & {
+export declare const onSheetOpened: <S extends import('@pihanga2/core').ReduxState>(register: import('@pihanga2/core/types').PiRegisterMinimal, f: import('@pihanga2/core').ReduceF<S, import('@pihanga2/core').ReduxAction & {
     cardID: string;
 } & SheetOpenedEvent>) => void;
-export declare const onSheetClosed: <S extends import('@pihanga2/core').ReduxState>(register: import('@pihanga2/core').PiRegister, f: import('@pihanga2/core').ReduceF<S, import('@pihanga2/core').ReduxAction & {
+export declare const onSheetClosed: <S extends import('@pihanga2/core').ReduxState>(register: import('@pihanga2/core/types').PiRegisterMinimal, f: import('@pihanga2/core').ReduceF<S, import('@pihanga2/core').ReduxAction & {
     cardID: string;
 } & SheetClosedEvent>) => void;
-export declare const onSheetOpenChanged: <S extends import('@pihanga2/core').ReduxState>(register: import('@pihanga2/core').PiRegister, f: import('@pihanga2/core').ReduceF<S, import('@pihanga2/core').ReduxAction & {
+export declare const onSheetOpenChanged: <S extends import('@pihanga2/core').ReduxState>(register: import('@pihanga2/core/types').PiRegisterMinimal, f: import('@pihanga2/core').ReduceF<S, import('@pihanga2/core').ReduxAction & {
     cardID: string;
 } & SheetOpenChangedEvent>) => void;
 export type PiSheetProps = {

package/cards/slider/slider.types.d.ts

@@ -4,11 +4,11 @@ export declare const PI_SLIDER_ACTION: {
     CHANGED: string;
     COMMITTED: string;
 };
-export declare const onSliderChanged: <S extends import('@pihanga2/core').ReduxState>(register: import('@pihanga2/core').PiRegister, f: import('@pihanga2/core').ReduceF<S, import('@pihanga2/core').ReduxAction & {
+export declare const onSliderChanged: <S extends import('@pihanga2/core').ReduxState>(register: import('@pihanga2/core/types').PiRegisterMinimal, f: import('@pihanga2/core').ReduceF<S, import('@pihanga2/core').ReduxAction & {
     cardID: string;
 } & PiSliderChangedEvent>) => void;
 /** @deprecated Use `onSliderChanged` instead. */
-export declare const onPiSliderChanged: <S extends import('@pihanga2/core').ReduxState>(register: import('@pihanga2/core').PiRegister, f: import('@pihanga2/core').ReduceF<S, import('@pihanga2/core').ReduxAction & {
+export declare const onPiSliderChanged: <S extends import('@pihanga2/core').ReduxState>(register: import('@pihanga2/core/types').PiRegisterMinimal, f: import('@pihanga2/core').ReduceF<S, import('@pihanga2/core').ReduxAction & {
     cardID: string;
 } & PiSliderChangedEvent>) => void;
 /**
@@ -17,11 +17,11 @@ export declare const onPiSliderChanged: <S extends import('@pihanga2/core').Redu
  * Use this instead of `onSliderChanged` when you only care about the final
  * settled value and do not want to process every intermediate drag position.
  */
-export declare const onSliderCommitted: <S extends import('@pihanga2/core').ReduxState>(register: import('@pihanga2/core').PiRegister, f: import('@pihanga2/core').ReduceF<S, import('@pihanga2/core').ReduxAction & {
+export declare const onSliderCommitted: <S extends import('@pihanga2/core').ReduxState>(register: import('@pihanga2/core/types').PiRegisterMinimal, f: import('@pihanga2/core').ReduceF<S, import('@pihanga2/core').ReduxAction & {
     cardID: string;
 } & PiSliderCommittedEvent>) => void;
 /** @deprecated Use `onSliderCommitted` instead. */
-export declare const onPiSliderCommitted: <S extends import('@pihanga2/core').ReduxState>(register: import('@pihanga2/core').PiRegister, f: import('@pihanga2/core').ReduceF<S, import('@pihanga2/core').ReduxAction & {
+export declare const onPiSliderCommitted: <S extends import('@pihanga2/core').ReduxState>(register: import('@pihanga2/core/types').PiRegisterMinimal, f: import('@pihanga2/core').ReduceF<S, import('@pihanga2/core').ReduxAction & {
     cardID: string;
 } & PiSliderCommittedEvent>) => void;
 export type PiSliderProps = {

package/cards/stack/stack.component.js

@@ -3,83 +3,96 @@ import { Card as t } from "@pihanga2/core";
 import n from "clsx";
 import { jsx as r, jsxs as i } from "react/jsx-runtime";
 //#region src/cards/stack/stack.component.tsx
-var a = (a) => {
-	let { content: o, direction: s, divider: c, spacing: l, justifyContent: u, alignItems: d, className: f, style: p, cardName: m, data: h } = a, g = [
-		f,
-		(p ?? {}).root,
+function a(e) {
+	let t = 2166136261;
+	for (let n = 0; n < e.length; n++) t ^= e.charCodeAt(n), t = Math.imul(t, 16777619);
+	return (t >>> 0).toString(36);
+}
+function o(e, t) {
+	if (typeof e == "string") return e;
+	let n = Object.keys(e).sort();
+	return `${a(JSON.stringify(e, n))}-${t}`;
+}
+var s = (a) => {
+	let { content: s, direction: c, divider: l, spacing: u, justifyContent: d, alignItems: f, className: p, style: m, cardName: h, data: g } = a, _ = [
+		p,
+		(m ?? {}).root,
 		"flex"
 	];
-	if (s) switch (s) {
+	if (c) switch (c) {
 		case "row":
-			g.push("flex-row");
+			_.push("flex-row");
 			break;
 		case "row-reverse":
-			g.push("flex-row-reverse");
+			_.push("flex-row-reverse");
 			break;
 		case "column":
-			g.push("flex-col");
+			_.push("flex-col");
 			break;
 		case "column-reverse":
-			g.push("flex-col-reverse");
+			_.push("flex-col-reverse");
 			break;
 	}
-	if (u) switch (u) {
+	if (d) switch (d) {
 		case "flex-start":
-			g.push("justify-start");
+			_.push("justify-start");
 			break;
 		case "center":
-			g.push("justify-center");
+			_.push("justify-center");
 			break;
 		case "flex-end":
-			g.push("justify-end");
+			_.push("justify-end");
 			break;
 		case "space-between":
-			g.push("justify-between");
+			_.push("justify-between");
 			break;
 		case "space-around":
-			g.push("justify-around");
+			_.push("justify-around");
 			break;
 		case "space-evenly":
-			g.push("justify-evenly");
+			_.push("justify-evenly");
 			break;
 	}
-	if (d) switch (d) {
+	if (f) switch (f) {
 		case "flex-start":
-			g.push("items-start");
+			_.push("items-start");
 			break;
 		case "center":
-			g.push("items-center");
+			_.push("items-center");
 			break;
 		case "stretch":
-			g.push("items-stretch");
+			_.push("items-stretch");
 			break;
 		case "flex-end":
-			g.push("items-end");
+			_.push("items-end");
 			break;
 		case "baseline":
-			g.push("items-baseline");
+			_.push("items-baseline");
 			break;
-		default: console.warn("stack: unsupported 'alignItems' property", d);
+		default: console.warn("stack: unsupported 'alignItems' property", f);
 	}
-	l && l > 0 && g.push(`gap-${l}`);
-	function _() {
-		return o ? o.map((n, a) => /* @__PURE__ */ i(e, { children: [/* @__PURE__ */ r(t, {
-			cardName: n,
-			parentCard: m
-		}, `item-${a}`), c && a < o.length - 1 && /* @__PURE__ */ r(t, {
-			cardName: c,
-			parentCard: m
-		}, `divider-${a}`)] }, a)) : null;
+	u && u > 0 && _.push(`gap-${u}`);
+	function v() {
+		return s ? s.map((n, a) => {
+			let c = o(n, a);
+			return /* @__PURE__ */ i(e, { children: [/* @__PURE__ */ r(t, {
+				cardName: n,
+				parentCard: h
+			}, `item-${c}`), l && a < s.length - 1 && /* @__PURE__ */ r(t, {
+				cardName: l,
+				parentCard: h
+			}, `divider-${c}`)] }, c);
+		}) : null;
 	}
-	let v = h ? Object.fromEntries(Object.entries(h).map(([e, t]) => [`data-${e}`, t])) : {};
+	let y = g ? Object.fromEntries(Object.entries(g).map(([e, t]) => [`data-${e}`, t])) : {};
 	return /* @__PURE__ */ i("div", {
-		className: n(g),
-		"data-pihanga": m,
-		...v,
-		children: [_(), a.children]
+		className: n(_),
+		"data-pihanga": h,
+		...y,
+		children: [v(), a.children]
 	});
 };
 //#endregion
-export { a as Component };
+export { s as Component };
 
 //# sourceMappingURL=stack.component.js.map

package/cards/stack/stack.component.js.map

@@ -1 +1 @@
-{"version":3,"file":"stack.component.js","names":[],"sources":["../../../src/cards/stack/stack.component.tsx"],"sourcesContent":["import * as React from \"react\";\nimport type {StackProps} from \"./stack.types\";\n\nimport {Card, type PiCardProps} from \"@pihanga2/core\";\nimport clsx from \"clsx\";\nimport {Fragment} from \"react\";\n\nexport type SelectSD = {\n  root?: string;\n};\n\nexport const Component = (props: PiCardProps<StackProps>): React.ReactNode => {\n  const {\n    content,\n    direction,\n    divider,\n    spacing,\n    justifyContent,\n    alignItems,\n    className,\n    style,\n    cardName,\n    data,\n  } = props;\n  const sd: SelectSD = (style as SelectSD | undefined) ?? {};\n\n  const cn = [className, sd.root, \"flex\"];\n  if (direction) {\n    switch (direction) {\n      // \"column-reverse\" | \"column\" | \"row-reverse\" | \"row\"\n      case \"row\":\n        cn.push(\"flex-row\");\n        break;\n      case \"row-reverse\":\n        cn.push(\"flex-row-reverse\");\n        break;\n      case \"column\":\n        cn.push(\"flex-col\");\n        break;\n      case \"column-reverse\":\n        cn.push(\"flex-col-reverse\");\n        break;\n    }\n  }\n  if (justifyContent) {\n    switch (justifyContent) {\n      // \"flex-start\" | \"center\" | \"flex-end\" | \"space-between\" | \"space-around\" | \"space-evenly\"\n      case \"flex-start\":\n        cn.push(\"justify-start\");\n        break;\n      case \"center\":\n        cn.push(\"justify-center\");\n        break;\n      case \"flex-end\":\n        cn.push(\"justify-end\");\n        break;\n      case \"space-between\":\n        cn.push(\"justify-between\");\n        break;\n      case \"space-around\":\n        cn.push(\"justify-around\");\n        break;\n      case \"space-evenly\":\n        cn.push(\"justify-evenly\");\n        break;\n    }\n  }\n  if (alignItems) {\n    switch (alignItems) {\n      // \"flex-start\" | \"center\" | \"flex-end\" | \"normal\" | \"stretch\" | \"start\" | \"end\" | \"baseline\" | \"initial\" | \"inherit\"\n      case \"flex-start\":\n        cn.push(\"items-start\");\n        break;\n      case \"center\":\n        cn.push(\"items-center\");\n        break;\n      case \"stretch\":\n        cn.push(\"items-stretch\");\n        break;\n      case \"flex-end\":\n        cn.push(\"items-end\");\n        break;\n      case \"baseline\":\n        cn.push(\"items-baseline\");\n        break;\n      default:\n        console.warn(\"stack: unsupported 'alignItems' property\", alignItems);\n    }\n  }\n  if (spacing && spacing > 0) {\n    if (\n      direction === undefined ||\n      direction === \"row\" ||\n      direction === \"row-reverse\"\n    ) {\n      cn.push(`gap-${spacing}`);\n    } else {\n      cn.push(`gap-${spacing}`);\n    }\n  }\n\n  function renderContent() {\n    if (!content) return null;\n\n    return content.map((cn, i) => (\n      <Fragment key={i}>\n        <Card cardName={cn} parentCard={cardName} key={`item-${i}`} />\n        {divider && i < content.length - 1 && (\n          <Card cardName={divider} parentCard={cardName} key={`divider-${i}`} />\n        )}\n      </Fragment>\n    ));\n  }\n\n  const dataAttrs = data\n    ? Object.fromEntries(Object.entries(data).map(([k, v]) => [`data-${k}`, v]))\n    : {};\n\n  return (\n    <div className={clsx(cn)} data-pihanga={cardName} {...dataAttrs}>\n      {renderContent()}\n      {props.children}\n    </div>\n  );\n};\n"],"mappings":";;;;;AAWA,IAAa,KAAa,MAAoD;CAC5E,IAAM,EACJ,YACA,cACA,YACA,YACA,mBACA,eACA,cACA,UACA,aACA,YACE,GAGE,IAAK;EAAC;GAFU,KAAkC,CAAC,GAE/B;EAAM;CAAM;CACtC,IAAI,GACF,QAAQ,GAAR;EAEE,KAAK;GACH,EAAG,KAAK,UAAU;GAClB;EACF,KAAK;GACH,EAAG,KAAK,kBAAkB;GAC1B;EACF,KAAK;GACH,EAAG,KAAK,UAAU;GAClB;EACF,KAAK;GACH,EAAG,KAAK,kBAAkB;GAC1B;CACJ;CAEF,IAAI,GACF,QAAQ,GAAR;EAEE,KAAK;GACH,EAAG,KAAK,eAAe;GACvB;EACF,KAAK;GACH,EAAG,KAAK,gBAAgB;GACxB;EACF,KAAK;GACH,EAAG,KAAK,aAAa;GACrB;EACF,KAAK;GACH,EAAG,KAAK,iBAAiB;GACzB;EACF,KAAK;GACH,EAAG,KAAK,gBAAgB;GACxB;EACF,KAAK;GACH,EAAG,KAAK,gBAAgB;GACxB;CACJ;CAEF,IAAI,GACF,QAAQ,GAAR;EAEE,KAAK;GACH,EAAG,KAAK,aAAa;GACrB;EACF,KAAK;GACH,EAAG,KAAK,cAAc;GACtB;EACF,KAAK;GACH,EAAG,KAAK,eAAe;GACvB;EACF,KAAK;GACH,EAAG,KAAK,WAAW;GACnB;EACF,KAAK;GACH,EAAG,KAAK,gBAAgB;GACxB;EACF,SACE,QAAQ,KAAK,4CAA4C,CAAU;CACvE;CAEF,AAAI,KAAW,IAAU,KAMrB,EAAG,KAAK,OAAO,GAAS;CAM5B,SAAS,IAAgB;EAGvB,OAFK,IAEE,EAAQ,KAAK,GAAI,MACtB,kBAAC,GAAD,EAAA,UAAA,CACE,kBAAC,GAAD;GAAM,UAAU;GAAI,YAAY;EAA6B,GAAd,QAAQ,GAAM,GAC5D,KAAW,IAAI,EAAQ,SAAS,KAC/B,kBAAC,GAAD;GAAM,UAAU;GAAS,YAAY;EAAgC,GAAjB,WAAW,GAAM,CAE/D,EAAA,GALK,CAKL,CACX,IAToB;CAUvB;CAEA,IAAM,IAAY,IACd,OAAO,YAAY,OAAO,QAAQ,CAAI,EAAE,KAAK,CAAC,GAAG,OAAO,CAAC,QAAQ,KAAK,CAAC,CAAC,CAAC,IACzE,CAAC;CAEL,OACE,kBAAC,OAAD;EAAK,WAAW,EAAK,CAAE;EAAG,gBAAc;EAAU,GAAI;YAAtD,CACG,EAAc,GACd,EAAM,QACJ;;AAET"}
+{"version":3,"file":"stack.component.js","names":[],"sources":["../../../src/cards/stack/stack.component.tsx"],"sourcesContent":["import * as React from \"react\";\nimport type {StackProps} from \"./stack.types\";\n\nimport {Card, type PiCardProps, type PiCardRef} from \"@pihanga2/core\";\nimport clsx from \"clsx\";\nimport {Fragment} from \"react\";\n\nexport type SelectSD = {\n  root?: string;\n};\n\n/**\n * Cheap, non-cryptographic FNV-1a hash — good enough to turn an arbitrary\n * string into a short, stable identifier for use as a React key.\n */\nfunction fnv1aHash(str: string): string {\n  let hash = 0x811c9dc5;\n  for (let i = 0; i < str.length; i++) {\n    hash ^= str.charCodeAt(i);\n    hash = Math.imul(hash, 0x01000193);\n  }\n  return (hash >>> 0).toString(36);\n}\n\n/**\n * Derive a stable React key for a `PiCardRef`.\n *\n * - Strings (card names) are already unique — used as-is.\n * - Inline `PiCardDef` objects have no identity of their own, and two\n *   structurally-identical defs created on different renders are different\n *   object references. We hash the (key-sorted) JSON content so that\n *   identical content maps to the same key — preserving React's\n *   reconciliation identity across re-renders/reorders — while still\n *   appending `i` so a hash collision (or two genuinely different defs\n *   that hash the same) can never produce a duplicate key within the list.\n */\nfunction cardRefKey(cn: PiCardRef, i: number): string {\n  if (typeof cn === \"string\") return cn;\n  const sortedKeys = Object.keys(cn).sort();\n  const json = JSON.stringify(cn, sortedKeys);\n  return `${fnv1aHash(json)}-${i}`;\n}\n\nexport const Component = (props: PiCardProps<StackProps>): React.ReactNode => {\n  const {\n    content,\n    direction,\n    divider,\n    spacing,\n    justifyContent,\n    alignItems,\n    className,\n    style,\n    cardName,\n    data,\n  } = props;\n  const sd: SelectSD = (style as SelectSD | undefined) ?? {};\n\n  const cn = [className, sd.root, \"flex\"];\n  if (direction) {\n    switch (direction) {\n      // \"column-reverse\" | \"column\" | \"row-reverse\" | \"row\"\n      case \"row\":\n        cn.push(\"flex-row\");\n        break;\n      case \"row-reverse\":\n        cn.push(\"flex-row-reverse\");\n        break;\n      case \"column\":\n        cn.push(\"flex-col\");\n        break;\n      case \"column-reverse\":\n        cn.push(\"flex-col-reverse\");\n        break;\n    }\n  }\n  if (justifyContent) {\n    switch (justifyContent) {\n      // \"flex-start\" | \"center\" | \"flex-end\" | \"space-between\" | \"space-around\" | \"space-evenly\"\n      case \"flex-start\":\n        cn.push(\"justify-start\");\n        break;\n      case \"center\":\n        cn.push(\"justify-center\");\n        break;\n      case \"flex-end\":\n        cn.push(\"justify-end\");\n        break;\n      case \"space-between\":\n        cn.push(\"justify-between\");\n        break;\n      case \"space-around\":\n        cn.push(\"justify-around\");\n        break;\n      case \"space-evenly\":\n        cn.push(\"justify-evenly\");\n        break;\n    }\n  }\n  if (alignItems) {\n    switch (alignItems) {\n      // \"flex-start\" | \"center\" | \"flex-end\" | \"normal\" | \"stretch\" | \"start\" | \"end\" | \"baseline\" | \"initial\" | \"inherit\"\n      case \"flex-start\":\n        cn.push(\"items-start\");\n        break;\n      case \"center\":\n        cn.push(\"items-center\");\n        break;\n      case \"stretch\":\n        cn.push(\"items-stretch\");\n        break;\n      case \"flex-end\":\n        cn.push(\"items-end\");\n        break;\n      case \"baseline\":\n        cn.push(\"items-baseline\");\n        break;\n      default:\n        console.warn(\"stack: unsupported 'alignItems' property\", alignItems);\n    }\n  }\n  if (spacing && spacing > 0) {\n    if (\n      direction === undefined ||\n      direction === \"row\" ||\n      direction === \"row-reverse\"\n    ) {\n      cn.push(`gap-${spacing}`);\n    } else {\n      cn.push(`gap-${spacing}`);\n    }\n  }\n\n  function renderContent() {\n    if (!content) return null;\n\n    return content.map((cn, i) => {\n      const key = cardRefKey(cn, i);\n      return (\n        <Fragment key={key}>\n          <Card cardName={cn} parentCard={cardName} key={`item-${key}`} />\n          {divider && i < content.length - 1 && (\n            <Card\n              cardName={divider}\n              parentCard={cardName}\n              key={`divider-${key}`}\n            />\n          )}\n        </Fragment>\n      );\n    });\n  }\n\n  const dataAttrs = data\n    ? Object.fromEntries(Object.entries(data).map(([k, v]) => [`data-${k}`, v]))\n    : {};\n\n  return (\n    <div className={clsx(cn)} data-pihanga={cardName} {...dataAttrs}>\n      {renderContent()}\n      {props.children}\n    </div>\n  );\n};\n"],"mappings":";;;;;AAeA,SAAS,EAAU,GAAqB;CACtC,IAAI,IAAO;CACX,KAAK,IAAI,IAAI,GAAG,IAAI,EAAI,QAAQ,KAE9B,AADA,KAAQ,EAAI,WAAW,CAAC,GACxB,IAAO,KAAK,KAAK,GAAM,QAAU;CAEnC,QAAQ,MAAS,GAAG,SAAS,EAAE;AACjC;AAcA,SAAS,EAAW,GAAe,GAAmB;CACpD,IAAI,OAAO,KAAO,UAAU,OAAO;CACnC,IAAM,IAAa,OAAO,KAAK,CAAE,EAAE,KAAK;CAExC,OAAO,GAAG,EADG,KAAK,UAAU,GAAI,CACZ,CAAI,EAAE,GAAG;AAC/B;AAEA,IAAa,KAAa,MAAoD;CAC5E,IAAM,EACJ,YACA,cACA,YACA,YACA,mBACA,eACA,cACA,UACA,aACA,YACE,GAGE,IAAK;EAAC;GAFU,KAAkC,CAAC,GAE/B;EAAM;CAAM;CACtC,IAAI,GACF,QAAQ,GAAR;EAEE,KAAK;GACH,EAAG,KAAK,UAAU;GAClB;EACF,KAAK;GACH,EAAG,KAAK,kBAAkB;GAC1B;EACF,KAAK;GACH,EAAG,KAAK,UAAU;GAClB;EACF,KAAK;GACH,EAAG,KAAK,kBAAkB;GAC1B;CACJ;CAEF,IAAI,GACF,QAAQ,GAAR;EAEE,KAAK;GACH,EAAG,KAAK,eAAe;GACvB;EACF,KAAK;GACH,EAAG,KAAK,gBAAgB;GACxB;EACF,KAAK;GACH,EAAG,KAAK,aAAa;GACrB;EACF,KAAK;GACH,EAAG,KAAK,iBAAiB;GACzB;EACF,KAAK;GACH,EAAG,KAAK,gBAAgB;GACxB;EACF,KAAK;GACH,EAAG,KAAK,gBAAgB;GACxB;CACJ;CAEF,IAAI,GACF,QAAQ,GAAR;EAEE,KAAK;GACH,EAAG,KAAK,aAAa;GACrB;EACF,KAAK;GACH,EAAG,KAAK,cAAc;GACtB;EACF,KAAK;GACH,EAAG,KAAK,eAAe;GACvB;EACF,KAAK;GACH,EAAG,KAAK,WAAW;GACnB;EACF,KAAK;GACH,EAAG,KAAK,gBAAgB;GACxB;EACF,SACE,QAAQ,KAAK,4CAA4C,CAAU;CACvE;CAEF,AAAI,KAAW,IAAU,KAMrB,EAAG,KAAK,OAAO,GAAS;CAM5B,SAAS,IAAgB;EAGvB,OAFK,IAEE,EAAQ,KAAK,GAAI,MAAM;GAC5B,IAAM,IAAM,EAAW,GAAI,CAAC;GAC5B,OACE,kBAAC,GAAD,EAAA,UAAA,CACE,kBAAC,GAAD;IAAM,UAAU;IAAI,YAAY;GAA+B,GAAhB,QAAQ,GAAQ,GAC9D,KAAW,IAAI,EAAQ,SAAS,KAC/B,kBAAC,GAAD;IACE,UAAU;IACV,YAAY;GAEb,GADM,WAAW,GACjB,CAEK,EAAA,GATK,CASL;EAEd,CAAC,IAhBoB;CAiBvB;CAEA,IAAM,IAAY,IACd,OAAO,YAAY,OAAO,QAAQ,CAAI,EAAE,KAAK,CAAC,GAAG,OAAO,CAAC,QAAQ,KAAK,CAAC,CAAC,CAAC,IACzE,CAAC;CAEL,OACE,kBAAC,OAAD;EAAK,WAAW,EAAK,CAAE;EAAG,gBAAc;EAAU,GAAI;YAAtD,CACG,EAAc,GACd,EAAM,QACJ;;AAET"}

package/cards/stepper/stepper.types.d.ts

@@ -4,7 +4,7 @@ export declare const Stepper: <S extends import('@pihanga2/core').ReduxState>(p:
 export declare const STEPPER_ACTION: {
     STEPCLICKED: string;
 };
-export declare const onStepperStepClicked: <S extends import('@pihanga2/core').ReduxState>(register: import('@pihanga2/core').PiRegister, f: import('@pihanga2/core').ReduceF<S, import('@pihanga2/core').ReduxAction & {
+export declare const onStepperStepClicked: <S extends import('@pihanga2/core').ReduxState>(register: import('@pihanga2/core/types').PiRegisterMinimal, f: import('@pihanga2/core').ReduceF<S, import('@pihanga2/core').ReduxAction & {
     cardID: string;
 } & StepperStepClickedEvent>) => void;
 /**

package/cards/switch/switch.types.d.ts

@@ -3,11 +3,11 @@ export declare const Switch: <S extends import('@pihanga2/core').ReduxState>(p:
 export declare const PI_SWITCH_ACTION: {
     CHANGED: string;
 };
-export declare const onSwitchChanged: <S extends import('@pihanga2/core').ReduxState>(register: import('@pihanga2/core').PiRegister, f: import('@pihanga2/core').ReduceF<S, import('@pihanga2/core').ReduxAction & {
+export declare const onSwitchChanged: <S extends import('@pihanga2/core').ReduxState>(register: import('@pihanga2/core/types').PiRegisterMinimal, f: import('@pihanga2/core').ReduceF<S, import('@pihanga2/core').ReduxAction & {
     cardID: string;
 } & PiSwitchChangedEvent>) => void;
 /** @deprecated Use `onSwitchChanged` instead. */
-export declare const onPiSwitchChanged: <S extends import('@pihanga2/core').ReduxState>(register: import('@pihanga2/core').PiRegister, f: import('@pihanga2/core').ReduceF<S, import('@pihanga2/core').ReduxAction & {
+export declare const onPiSwitchChanged: <S extends import('@pihanga2/core').ReduxState>(register: import('@pihanga2/core/types').PiRegisterMinimal, f: import('@pihanga2/core').ReduceF<S, import('@pihanga2/core').ReduxAction & {
     cardID: string;
 } & PiSwitchChangedEvent>) => void;
 export type PiSwitchProps = {

package/cards/tabs/tabs.types.d.ts

@@ -6,7 +6,7 @@ export declare const SdTabs: <S extends import('@pihanga2/core').ReduxState>(p:
 export declare const TABS_ACTION: {
     TABCHANGED: string;
 };
-export declare const onTabsTabChanged: <S extends import('@pihanga2/core').ReduxState>(register: import('@pihanga2/core').PiRegister, f: import('@pihanga2/core').ReduceF<S, import('@pihanga2/core').ReduxAction & {
+export declare const onTabsTabChanged: <S extends import('@pihanga2/core').ReduxState>(register: import('@pihanga2/core/types').PiRegisterMinimal, f: import('@pihanga2/core').ReduceF<S, import('@pihanga2/core').ReduxAction & {
     cardID: string;
 } & TabsTabChangedEvent>) => void;
 /**

package/cards/textArea/index.d.ts

@@ -0,0 +1 @@
+export * from './textArea.types';

package/cards/textArea/index.js

@@ -0,0 +1,13 @@
+import { TextAreaComponent as e } from "./textArea.component.js";
+import { PI_TEXT_AREA_ACTION as t, PI_TEXT_AREA_CARD as n, TextArea as r, onTextAreaChanged as i, onTextAreaSubmitted as a } from "./textArea.types.js";
+import { actionTypesToEvents as o, registerCardComponent as s } from "@pihanga2/core";
+//#region src/cards/textArea/index.ts
+s({
+	name: n,
+	component: e,
+	events: o(t)
+});
+//#endregion
+export { t as PI_TEXT_AREA_ACTION, n as PI_TEXT_AREA_CARD, r as TextArea, i as onTextAreaChanged, a as onTextAreaSubmitted };
+
+//# sourceMappingURL=index.js.map

package/cards/textArea/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","names":[],"sources":["../../../src/cards/textArea/index.ts"],"sourcesContent":["import {actionTypesToEvents, registerCardComponent} from \"@pihanga2/core\";\n\nimport {TextAreaComponent} from \"./textArea.component\";\nimport {PI_TEXT_AREA_ACTION, PI_TEXT_AREA_CARD} from \"./textArea.types\";\n\nexport * from \"./textArea.types\";\n\nregisterCardComponent({\n  name: PI_TEXT_AREA_CARD,\n  component: TextAreaComponent,\n  events: actionTypesToEvents(PI_TEXT_AREA_ACTION),\n});\n"],"mappings":";;;;AAOA,EAAsB;CACpB,MAAM;CACN,WAAW;CACX,QAAQ,EAAoB,CAAmB;AACjD,CAAC"}

package/cards/textArea/textArea.component.d.ts

@@ -0,0 +1,4 @@
+import { default as React } from 'react';
+import { PiCardProps } from '@pihanga2/core';
+import { PiTextAreaEvents, PiTextAreaProps } from './textArea.types';
+export declare const TextAreaComponent: (props: PiCardProps<PiTextAreaProps, PiTextAreaEvents>) => React.ReactNode;