@malilion/block-ui-react 0.1.0 → 0.2.0

package/dist/components/display/BlockTable/BlockTable.utils.d.ts

@@ -0,0 +1,8 @@
+import type { BlockTableColumn, BlockTableSort } from "./BlockTable.types";
+/** The property `key` of a row, when it is a renderable or sortable primitive. */
+export declare function readField(row: unknown, key: string): string | number | undefined;
+/** Returns a sorted copy of `rows` (stable; empty values last in both directions). */
+export declare function sortRows<T>(rows: T[], columns: BlockTableColumn<T>[], sort: BlockTableSort | null): T[];
+/** Clicking a header cycles: unsorted → ascending → descending → unsorted. */
+export declare function nextSort(current: BlockTableSort | null, key: string): BlockTableSort | null;
+//# sourceMappingURL=BlockTable.utils.d.ts.map

package/dist/components/display/BlockTable/BlockTable.utils.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"BlockTable.utils.d.ts","sourceRoot":"","sources":["../../../../src/components/display/BlockTable/BlockTable.utils.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,gBAAgB,EAAE,cAAc,EAAE,MAAM,oBAAoB,CAAC;AAI3E,kFAAkF;AAClF,wBAAgB,SAAS,CAAC,GAAG,EAAE,OAAO,EAAE,GAAG,EAAE,MAAM,GAAG,MAAM,GAAG,MAAM,GAAG,SAAS,CAIhF;AAaD,sFAAsF;AACtF,wBAAgB,QAAQ,CAAC,CAAC,EACxB,IAAI,EAAE,CAAC,EAAE,EACT,OAAO,EAAE,gBAAgB,CAAC,CAAC,CAAC,EAAE,EAC9B,IAAI,EAAE,cAAc,GAAG,IAAI,GAC1B,CAAC,EAAE,CAaL;AAED,8EAA8E;AAC9E,wBAAgB,QAAQ,CAAC,OAAO,EAAE,cAAc,GAAG,IAAI,EAAE,GAAG,EAAE,MAAM,GAAG,cAAc,GAAG,IAAI,CAI3F"}

package/dist/components/display/BlockTable/BlockTable.utils.js

@@ -0,0 +1,48 @@
+//#region src/components/display/BlockTable/BlockTable.utils.ts
+/** The property `key` of a row, when it is a renderable or sortable primitive. */
+function readField(row, key) {
+	if (row === null || typeof row !== "object") return void 0;
+	const value = row[key];
+	return typeof value === "string" || typeof value === "number" ? value : void 0;
+}
+var collator = new Intl.Collator(void 0, {
+	numeric: true,
+	sensitivity: "base"
+});
+function compare(a, b) {
+	if (a === null || a === void 0 || a === "") return b === null || b === void 0 || b === "" ? 0 : 1;
+	if (b === null || b === void 0 || b === "") return -1;
+	if (typeof a === "number" && typeof b === "number") return a - b;
+	return collator.compare(String(a), String(b));
+}
+/** Returns a sorted copy of `rows` (stable; empty values last in both directions). */
+function sortRows(rows, columns, sort) {
+	if (!sort) return rows;
+	const column = columns.find((candidate) => candidate.key === sort.key);
+	if (!column) return rows;
+	const value = (row) => column.sortValue ? column.sortValue(row) : readField(row, column.key);
+	const sign = sort.direction === "asc" ? 1 : -1;
+	return [...rows].sort((a, b) => {
+		const va = value(a);
+		const vb = value(b);
+		const empty = (v) => v === null || v === void 0 || v === "";
+		if (empty(va) || empty(vb)) return compare(va, vb);
+		return compare(va, vb) * sign;
+	});
+}
+/** Clicking a header cycles: unsorted → ascending → descending → unsorted. */
+function nextSort(current, key) {
+	if (current?.key !== key) return {
+		key,
+		direction: "asc"
+	};
+	if (current.direction === "asc") return {
+		key,
+		direction: "desc"
+	};
+	return null;
+}
+//#endregion
+export { nextSort, readField, sortRows };
+
+//# sourceMappingURL=BlockTable.utils.js.map

package/dist/components/display/BlockTable/BlockTable.utils.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"BlockTable.utils.js","names":[],"sources":["../../../../src/components/display/BlockTable/BlockTable.utils.ts"],"sourcesContent":["import type { BlockTableColumn, BlockTableSort } from \"./BlockTable.types\";\n\ntype SortableValue = string | number | null | undefined;\n\n/** The property `key` of a row, when it is a renderable or sortable primitive. */\nexport function readField(row: unknown, key: string): string | number | undefined {\n  if (row === null || typeof row !== \"object\") return undefined;\n  const value = (row as Record<string, unknown>)[key];\n  return typeof value === \"string\" || typeof value === \"number\" ? value : undefined;\n}\n\nconst collator = new Intl.Collator(undefined, { numeric: true, sensitivity: \"base\" });\n\nfunction compare(a: SortableValue, b: SortableValue): number {\n  // Empty values always sort last.\n  if (a === null || a === undefined || a === \"\")\n    return b === null || b === undefined || b === \"\" ? 0 : 1;\n  if (b === null || b === undefined || b === \"\") return -1;\n  if (typeof a === \"number\" && typeof b === \"number\") return a - b;\n  return collator.compare(String(a), String(b));\n}\n\n/** Returns a sorted copy of `rows` (stable; empty values last in both directions). */\nexport function sortRows<T>(\n  rows: T[],\n  columns: BlockTableColumn<T>[],\n  sort: BlockTableSort | null,\n): T[] {\n  if (!sort) return rows;\n  const column = columns.find((candidate) => candidate.key === sort.key);\n  if (!column) return rows;\n  const value = (row: T) => (column.sortValue ? column.sortValue(row) : readField(row, column.key));\n  const sign = sort.direction === \"asc\" ? 1 : -1;\n  return [...rows].sort((a, b) => {\n    const va = value(a);\n    const vb = value(b);\n    const empty = (v: SortableValue) => v === null || v === undefined || v === \"\";\n    if (empty(va) || empty(vb)) return compare(va, vb);\n    return compare(va, vb) * sign;\n  });\n}\n\n/** Clicking a header cycles: unsorted → ascending → descending → unsorted. */\nexport function nextSort(current: BlockTableSort | null, key: string): BlockTableSort | null {\n  if (current?.key !== key) return { key, direction: \"asc\" };\n  if (current.direction === \"asc\") return { key, direction: \"desc\" };\n  return null;\n}\n"],"mappings":";;AAKA,SAAgB,UAAU,KAAc,KAA0C;CAChF,IAAI,QAAQ,QAAQ,OAAO,QAAQ,UAAU,OAAO,KAAA;CACpD,MAAM,QAAS,IAAgC;CAC/C,OAAO,OAAO,UAAU,YAAY,OAAO,UAAU,WAAW,QAAQ,KAAA;AAC1E;AAEA,IAAM,WAAW,IAAI,KAAK,SAAS,KAAA,GAAW;CAAE,SAAS;CAAM,aAAa;AAAO,CAAC;AAEpF,SAAS,QAAQ,GAAkB,GAA0B;CAE3D,IAAI,MAAM,QAAQ,MAAM,KAAA,KAAa,MAAM,IACzC,OAAO,MAAM,QAAQ,MAAM,KAAA,KAAa,MAAM,KAAK,IAAI;CACzD,IAAI,MAAM,QAAQ,MAAM,KAAA,KAAa,MAAM,IAAI,OAAO;CACtD,IAAI,OAAO,MAAM,YAAY,OAAO,MAAM,UAAU,OAAO,IAAI;CAC/D,OAAO,SAAS,QAAQ,OAAO,CAAC,GAAG,OAAO,CAAC,CAAC;AAC9C;;AAGA,SAAgB,SACd,MACA,SACA,MACK;CACL,IAAI,CAAC,MAAM,OAAO;CAClB,MAAM,SAAS,QAAQ,MAAM,cAAc,UAAU,QAAQ,KAAK,GAAG;CACrE,IAAI,CAAC,QAAQ,OAAO;CACpB,MAAM,SAAS,QAAY,OAAO,YAAY,OAAO,UAAU,GAAG,IAAI,UAAU,KAAK,OAAO,GAAG;CAC/F,MAAM,OAAO,KAAK,cAAc,QAAQ,IAAI;CAC5C,OAAO,CAAC,GAAG,IAAI,CAAC,CAAC,MAAM,GAAG,MAAM;EAC9B,MAAM,KAAK,MAAM,CAAC;EAClB,MAAM,KAAK,MAAM,CAAC;EAClB,MAAM,SAAS,MAAqB,MAAM,QAAQ,MAAM,KAAA,KAAa,MAAM;EAC3E,IAAI,MAAM,EAAE,KAAK,MAAM,EAAE,GAAG,OAAO,QAAQ,IAAI,EAAE;EACjD,OAAO,QAAQ,IAAI,EAAE,IAAI;CAC3B,CAAC;AACH;;AAGA,SAAgB,SAAS,SAAgC,KAAoC;CAC3F,IAAI,SAAS,QAAQ,KAAK,OAAO;EAAE;EAAK,WAAW;CAAM;CACzD,IAAI,QAAQ,cAAc,OAAO,OAAO;EAAE;EAAK,WAAW;CAAO;CACjE,OAAO;AACT"}

package/dist/components/display/BlockTable/index.d.ts

@@ -0,0 +1,3 @@
+export { BlockTable } from "./BlockTable";
+export type { BlockTableColumn, BlockTableProps, BlockTableSort, BlockTableSortDirection, } from "./BlockTable.types";
+//# sourceMappingURL=index.d.ts.map

package/dist/components/display/BlockTable/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/display/BlockTable/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAE,MAAM,cAAc,CAAC;AAC1C,YAAY,EACV,gBAAgB,EAChB,eAAe,EACf,cAAc,EACd,uBAAuB,GACxB,MAAM,oBAAoB,CAAC"}

package/dist/components/display/BlockTooltip/BlockTooltip.d.ts

@@ -0,0 +1,8 @@
+import type { BlockTooltipProps } from "./BlockTooltip.types";
+/**
+ * Short hint for a focusable element, shown on hover and keyboard focus.
+ * Rendered in the provider's overlay layer, so scroll containers never clip it.
+ * Escape dismisses it; the pointer can move onto it without closing it.
+ */
+export declare const BlockTooltip: import("react").ForwardRefExoticComponent<BlockTooltipProps & import("react").RefAttributes<HTMLSpanElement>>;
+//# sourceMappingURL=BlockTooltip.d.ts.map

package/dist/components/display/BlockTooltip/BlockTooltip.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"BlockTooltip.d.ts","sourceRoot":"","sources":["../../../../src/components/display/BlockTooltip/BlockTooltip.tsx"],"names":[],"mappings":"AAgBA,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,sBAAsB,CAAC;AAK9D;;;;GAIG;AACH,eAAO,MAAM,YAAY,+GA8FvB,CAAC"}

package/dist/components/display/BlockTooltip/BlockTooltip.js

@@ -0,0 +1,83 @@
+import { cx } from "../../../utils/cx.js";
+import { usePortalContainer } from "../../../provider/context.js";
+import { useAnchoredPosition } from "../../../hooks/useAnchoredPosition.js";
+import { mergeRefs } from "../../../utils/refs.js";
+import BlockTooltip_module_default from "./BlockTooltip.module.js";
+import { cloneElement, forwardRef, useEffect, useId, useRef, useState } from "react";
+import { createPortal } from "react-dom";
+import { jsx, jsxs } from "react/jsx-runtime";
+//#region src/components/display/BlockTooltip/BlockTooltip.tsx
+/** Grace period so the pointer can cross the gap onto the tooltip (WCAG 1.4.13 hoverable). */
+var CLOSE_DELAY = 120;
+/**
+* Short hint for a focusable element, shown on hover and keyboard focus.
+* Rendered in the provider's overlay layer, so scroll containers never clip it.
+* Escape dismisses it; the pointer can move onto it without closing it.
+*/
+var BlockTooltip = forwardRef(function BlockTooltip({ content, children, placement = "top", delay = 300, size = "md", disabled = false, className, onPointerEnter, onPointerLeave, onFocus, onBlur, ...rest }, ref) {
+	const container = usePortalContainer();
+	const tooltipId = useId();
+	const [open, setOpen] = useState(false);
+	const anchorRef = useRef(null);
+	const tooltipRef = useRef(null);
+	const timer = useRef(void 0);
+	const visible = open && !disabled;
+	const position = useAnchoredPosition(anchorRef, tooltipRef, visible, { side: placement });
+	const schedule = (next, ms) => {
+		clearTimeout(timer.current);
+		if (ms <= 0) setOpen(next);
+		else timer.current = setTimeout(() => setOpen(next), ms);
+	};
+	useEffect(() => () => clearTimeout(timer.current), []);
+	useEffect(() => {
+		if (!open) return;
+		const onKeyDown = (event) => {
+			if (event.key === "Escape") {
+				clearTimeout(timer.current);
+				setOpen(false);
+			}
+		};
+		document.addEventListener("keydown", onKeyDown);
+		return () => document.removeEventListener("keydown", onKeyDown);
+	}, [open]);
+	const hasTooltip = !disabled && container !== null;
+	const describedBy = cx(children.props["aria-describedby"], hasTooltip && tooltipId) || void 0;
+	return /* @__PURE__ */ jsxs("span", {
+		ref: mergeRefs(ref, anchorRef),
+		className: cx(BlockTooltip_module_default.anchor, className),
+		onPointerEnter: (event) => {
+			schedule(true, delay);
+			onPointerEnter?.(event);
+		},
+		onPointerLeave: (event) => {
+			schedule(false, CLOSE_DELAY);
+			onPointerLeave?.(event);
+		},
+		onFocus: (event) => {
+			schedule(true, 0);
+			onFocus?.(event);
+		},
+		onBlur: (event) => {
+			schedule(false, 0);
+			onBlur?.(event);
+		},
+		...rest,
+		children: [cloneElement(children, { "aria-describedby": describedBy }), hasTooltip ? createPortal(/* @__PURE__ */ jsx("span", {
+			ref: tooltipRef,
+			id: tooltipId,
+			role: "tooltip",
+			hidden: !visible,
+			"data-placement": position?.side ?? placement,
+			"data-size": size,
+			className: BlockTooltip_module_default.tooltip,
+			style: position?.style,
+			onPointerEnter: () => schedule(true, 0),
+			onPointerLeave: () => schedule(false, CLOSE_DELAY),
+			children: content
+		}), container) : null]
+	});
+});
+//#endregion
+export { BlockTooltip };
+
+//# sourceMappingURL=BlockTooltip.js.map

package/dist/components/display/BlockTooltip/BlockTooltip.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"BlockTooltip.js","names":["styles"],"sources":["../../../../src/components/display/BlockTooltip/BlockTooltip.tsx"],"sourcesContent":["import {\n  cloneElement,\n  forwardRef,\n  useEffect,\n  useId,\n  useRef,\n  useState,\n  type FocusEvent,\n  type PointerEvent,\n} from \"react\";\nimport { createPortal } from \"react-dom\";\nimport { useAnchoredPosition } from \"../../../hooks/useAnchoredPosition\";\nimport { usePortalContainer } from \"../../../provider/context\";\nimport { cx } from \"../../../utils/cx\";\nimport { mergeRefs } from \"../../../utils/refs\";\nimport styles from \"./BlockTooltip.module.css\";\nimport type { BlockTooltipProps } from \"./BlockTooltip.types\";\n\n/** Grace period so the pointer can cross the gap onto the tooltip (WCAG 1.4.13 hoverable). */\nconst CLOSE_DELAY = 120;\n\n/**\n * Short hint for a focusable element, shown on hover and keyboard focus.\n * Rendered in the provider's overlay layer, so scroll containers never clip it.\n * Escape dismisses it; the pointer can move onto it without closing it.\n */\nexport const BlockTooltip = forwardRef<HTMLSpanElement, BlockTooltipProps>(function BlockTooltip(\n  {\n    content,\n    children,\n    placement = \"top\",\n    delay = 300,\n    size = \"md\",\n    disabled = false,\n    className,\n    onPointerEnter,\n    onPointerLeave,\n    onFocus,\n    onBlur,\n    ...rest\n  },\n  ref,\n) {\n  const container = usePortalContainer();\n  const tooltipId = useId();\n  const [open, setOpen] = useState(false);\n  const anchorRef = useRef<HTMLSpanElement>(null);\n  const tooltipRef = useRef<HTMLSpanElement>(null);\n  const timer = useRef<ReturnType<typeof setTimeout> | undefined>(undefined);\n\n  const visible = open && !disabled;\n  const position = useAnchoredPosition(anchorRef, tooltipRef, visible, { side: placement });\n\n  const schedule = (next: boolean, ms: number) => {\n    clearTimeout(timer.current);\n    if (ms <= 0) setOpen(next);\n    else timer.current = setTimeout(() => setOpen(next), ms);\n  };\n\n  useEffect(() => () => clearTimeout(timer.current), []);\n\n  useEffect(() => {\n    if (!open) return;\n    const onKeyDown = (event: KeyboardEvent) => {\n      if (event.key === \"Escape\") {\n        clearTimeout(timer.current);\n        setOpen(false);\n      }\n    };\n    document.addEventListener(\"keydown\", onKeyDown);\n    return () => document.removeEventListener(\"keydown\", onKeyDown);\n  }, [open]);\n\n  const hasTooltip = !disabled && container !== null;\n  const describedBy = cx(children.props[\"aria-describedby\"], hasTooltip && tooltipId) || undefined;\n\n  return (\n    <span\n      ref={mergeRefs(ref, anchorRef)}\n      className={cx(styles.anchor, className)}\n      onPointerEnter={(event: PointerEvent<HTMLSpanElement>) => {\n        schedule(true, delay);\n        onPointerEnter?.(event);\n      }}\n      onPointerLeave={(event: PointerEvent<HTMLSpanElement>) => {\n        schedule(false, CLOSE_DELAY);\n        onPointerLeave?.(event);\n      }}\n      onFocus={(event: FocusEvent<HTMLSpanElement>) => {\n        schedule(true, 0);\n        onFocus?.(event);\n      }}\n      onBlur={(event: FocusEvent<HTMLSpanElement>) => {\n        schedule(false, 0);\n        onBlur?.(event);\n      }}\n      {...rest}\n    >\n      {cloneElement(children, { \"aria-describedby\": describedBy })}\n      {hasTooltip\n        ? createPortal(\n            <span\n              ref={tooltipRef}\n              id={tooltipId}\n              role=\"tooltip\"\n              hidden={!visible}\n              data-placement={position?.side ?? placement}\n              data-size={size}\n              className={styles.tooltip}\n              style={position?.style}\n              onPointerEnter={() => schedule(true, 0)}\n              onPointerLeave={() => schedule(false, CLOSE_DELAY)}\n            >\n              {content}\n            </span>,\n            container,\n          )\n        : null}\n    </span>\n  );\n});\n"],"mappings":";;;;;;;;;;AAmBA,IAAM,cAAc;;;;;;AAOpB,IAAa,eAAe,WAA+C,SAAS,aAClF,EACE,SACA,UACA,YAAY,OACZ,QAAQ,KACR,OAAO,MACP,WAAW,OACX,WACA,gBACA,gBACA,SACA,QACA,GAAG,QAEL,KACA;CACA,MAAM,YAAY,mBAAmB;CACrC,MAAM,YAAY,MAAM;CACxB,MAAM,CAAC,MAAM,WAAW,SAAS,KAAK;CACtC,MAAM,YAAY,OAAwB,IAAI;CAC9C,MAAM,aAAa,OAAwB,IAAI;CAC/C,MAAM,QAAQ,OAAkD,KAAA,CAAS;CAEzE,MAAM,UAAU,QAAQ,CAAC;CACzB,MAAM,WAAW,oBAAoB,WAAW,YAAY,SAAS,EAAE,MAAM,UAAU,CAAC;CAExF,MAAM,YAAY,MAAe,OAAe;EAC9C,aAAa,MAAM,OAAO;EAC1B,IAAI,MAAM,GAAG,QAAQ,IAAI;OACpB,MAAM,UAAU,iBAAiB,QAAQ,IAAI,GAAG,EAAE;CACzD;CAEA,sBAAsB,aAAa,MAAM,OAAO,GAAG,CAAC,CAAC;CAErD,gBAAgB;EACd,IAAI,CAAC,MAAM;EACX,MAAM,aAAa,UAAyB;GAC1C,IAAI,MAAM,QAAQ,UAAU;IAC1B,aAAa,MAAM,OAAO;IAC1B,QAAQ,KAAK;GACf;EACF;EACA,SAAS,iBAAiB,WAAW,SAAS;EAC9C,aAAa,SAAS,oBAAoB,WAAW,SAAS;CAChE,GAAG,CAAC,IAAI,CAAC;CAET,MAAM,aAAa,CAAC,YAAY,cAAc;CAC9C,MAAM,cAAc,GAAG,SAAS,MAAM,qBAAqB,cAAc,SAAS,KAAK,KAAA;CAEvF,OACE,qBAAC,QAAD;EACE,KAAK,UAAU,KAAK,SAAS;EAC7B,WAAW,GAAGA,4BAAO,QAAQ,SAAS;EACtC,iBAAiB,UAAyC;GACxD,SAAS,MAAM,KAAK;GACpB,iBAAiB,KAAK;EACxB;EACA,iBAAiB,UAAyC;GACxD,SAAS,OAAO,WAAW;GAC3B,iBAAiB,KAAK;EACxB;EACA,UAAU,UAAuC;GAC/C,SAAS,MAAM,CAAC;GAChB,UAAU,KAAK;EACjB;EACA,SAAS,UAAuC;GAC9C,SAAS,OAAO,CAAC;GACjB,SAAS,KAAK;EAChB;EACA,GAAI;EAnBN,UAAA,CAqBG,aAAa,UAAU,EAAE,oBAAoB,YAAY,CAAC,GAC1D,aACG,aACE,oBAAC,QAAD;GACE,KAAK;GACL,IAAI;GACJ,MAAK;GACL,QAAQ,CAAC;GACT,kBAAgB,UAAU,QAAQ;GAClC,aAAW;GACX,WAAWA,4BAAO;GAClB,OAAO,UAAU;GACjB,sBAAsB,SAAS,MAAM,CAAC;GACtC,sBAAsB,SAAS,OAAO,WAAW;GAEhD,UAAA;EACG,CAAA,GACN,SACF,IACA,IACA;;AAEV,CAAC"}

package/dist/components/display/BlockTooltip/BlockTooltip.module.js

@@ -0,0 +1,11 @@
+//#region src/components/display/BlockTooltip/BlockTooltip.module.css
+var anchor = "block-anchor-3LOJ3";
+var tooltip = "block-tooltip-K9Jn9";
+var BlockTooltip_module_default = {
+	anchor,
+	tooltip
+};
+//#endregion
+export { anchor, BlockTooltip_module_default as default, tooltip };
+
+//# sourceMappingURL=BlockTooltip.module.js.map

package/dist/components/display/BlockTooltip/BlockTooltip.module.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"BlockTooltip.module.js","names":[],"sources":["../../../../src/components/display/BlockTooltip/BlockTooltip.module.css"],"sourcesContent":[".anchor {\n  display: inline-flex;\n  vertical-align: middle;\n}\n\n.tooltip {\n  position: fixed;\n  top: var(--block-float-y, 0);\n  left: var(--block-float-x, 0);\n  z-index: var(--block-z-tooltip);\n  width: max-content;\n  max-width: min(280px, calc(100vw - var(--block-space-4)));\n  padding: var(--block-space-1) var(--block-space-2);\n  font-family: var(--block-font-body);\n  font-size: var(--block-font-size-sm);\n  font-weight: var(--block-font-weight-medium);\n  line-height: var(--block-line-height-tight);\n  text-align: left;\n  text-transform: none;\n  white-space: normal;\n  color: var(--block-text-primary);\n  background-color: var(--block-obsidian-dark);\n  border: var(--block-border-width-thin) solid var(--block-black);\n  box-shadow:\n    inset 0 0 0 2px var(--block-obsidian-light),\n    var(--block-shadow-drop);\n}\n\n.tooltip[hidden] {\n  display: none;\n}\n\n.tooltip[data-size=\"sm\"] {\n  max-width: min(200px, calc(100vw - var(--block-space-4)));\n}\n\n/* Pixel arrow, aligned with the anchor's center even when the box slides. */\n.tooltip::after {\n  content: \"\";\n  position: absolute;\n  width: 8px;\n  height: 8px;\n  background-color: var(--block-obsidian-light);\n}\n\n.tooltip[data-placement=\"top\"]::after,\n.tooltip[data-placement=\"bottom\"]::after {\n  left: calc(var(--block-float-arrow, 50%) - 4px);\n}\n\n.tooltip[data-placement=\"left\"]::after,\n.tooltip[data-placement=\"right\"]::after {\n  top: calc(var(--block-float-arrow, 50%) - 4px);\n}\n\n.tooltip[data-placement=\"top\"]::after {\n  top: 100%;\n  clip-path: polygon(0 0, 100% 0, 50% 100%);\n}\n\n.tooltip[data-placement=\"bottom\"]::after {\n  bottom: 100%;\n  clip-path: polygon(50% 0, 100% 100%, 0 100%);\n}\n\n.tooltip[data-placement=\"left\"]::after {\n  left: 100%;\n  clip-path: polygon(0 0, 100% 50%, 0 100%);\n}\n\n.tooltip[data-placement=\"right\"]::after {\n  right: 100%;\n  clip-path: polygon(100% 0, 100% 100%, 0 50%);\n}\n"],"mappings":""}

package/dist/components/display/BlockTooltip/BlockTooltip.types.d.ts

@@ -0,0 +1,20 @@
+import type { HTMLAttributes, ReactElement, ReactNode } from "react";
+export declare const tooltipPlacements: readonly ["top", "bottom", "left", "right"];
+export type BlockTooltipPlacement = (typeof tooltipPlacements)[number];
+export interface BlockTooltipProps extends Omit<HTMLAttributes<HTMLSpanElement>, "content"> {
+    /** Tooltip text. Keep it short and non-interactive — links and buttons belong in a menu or modal. */
+    content: ReactNode;
+    /** A single focusable element (button, link, input). It receives `aria-describedby`. */
+    children: ReactElement<{
+        "aria-describedby"?: string;
+    }>;
+    /** Preferred side; flips to the opposite side when it would leave the viewport. @default "top" */
+    placement?: BlockTooltipPlacement;
+    /** Hover delay before opening, in ms. Focus opens immediately. @default 300 */
+    delay?: number;
+    /** `sm` wraps at 200px, `md` at 280px. @default "md" */
+    size?: "sm" | "md";
+    /** Never show the tooltip. */
+    disabled?: boolean;
+}
+//# sourceMappingURL=BlockTooltip.types.d.ts.map

package/dist/components/display/BlockTooltip/BlockTooltip.types.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"BlockTooltip.types.d.ts","sourceRoot":"","sources":["../../../../src/components/display/BlockTooltip/BlockTooltip.types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,cAAc,EAAE,YAAY,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAErE,eAAO,MAAM,iBAAiB,6CAA8C,CAAC;AAE7E,MAAM,MAAM,qBAAqB,GAAG,CAAC,OAAO,iBAAiB,CAAC,CAAC,MAAM,CAAC,CAAC;AAEvE,MAAM,WAAW,iBAAkB,SAAQ,IAAI,CAAC,cAAc,CAAC,eAAe,CAAC,EAAE,SAAS,CAAC;IACzF,qGAAqG;IACrG,OAAO,EAAE,SAAS,CAAC;IACnB,wFAAwF;IACxF,QAAQ,EAAE,YAAY,CAAC;QAAE,kBAAkB,CAAC,EAAE,MAAM,CAAA;KAAE,CAAC,CAAC;IACxD,kGAAkG;IAClG,SAAS,CAAC,EAAE,qBAAqB,CAAC;IAClC,+EAA+E;IAC/E,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,wDAAwD;IACxD,IAAI,CAAC,EAAE,IAAI,GAAG,IAAI,CAAC;IACnB,8BAA8B;IAC9B,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB"}

package/dist/components/display/BlockTooltip/BlockTooltip.types.js

@@ -0,0 +1,11 @@
+//#region src/components/display/BlockTooltip/BlockTooltip.types.ts
+var tooltipPlacements = [
+	"top",
+	"bottom",
+	"left",
+	"right"
+];
+//#endregion
+export { tooltipPlacements };
+
+//# sourceMappingURL=BlockTooltip.types.js.map

package/dist/components/display/BlockTooltip/BlockTooltip.types.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"BlockTooltip.types.js","names":[],"sources":["../../../../src/components/display/BlockTooltip/BlockTooltip.types.ts"],"sourcesContent":["import type { HTMLAttributes, ReactElement, ReactNode } from \"react\";\n\nexport const tooltipPlacements = [\"top\", \"bottom\", \"left\", \"right\"] as const;\n\nexport type BlockTooltipPlacement = (typeof tooltipPlacements)[number];\n\nexport interface BlockTooltipProps extends Omit<HTMLAttributes<HTMLSpanElement>, \"content\"> {\n  /** Tooltip text. Keep it short and non-interactive — links and buttons belong in a menu or modal. */\n  content: ReactNode;\n  /** A single focusable element (button, link, input). It receives `aria-describedby`. */\n  children: ReactElement<{ \"aria-describedby\"?: string }>;\n  /** Preferred side; flips to the opposite side when it would leave the viewport. @default \"top\" */\n  placement?: BlockTooltipPlacement;\n  /** Hover delay before opening, in ms. Focus opens immediately. @default 300 */\n  delay?: number;\n  /** `sm` wraps at 200px, `md` at 280px. @default \"md\" */\n  size?: \"sm\" | \"md\";\n  /** Never show the tooltip. */\n  disabled?: boolean;\n}\n"],"mappings":";AAEA,IAAa,oBAAoB;CAAC;CAAO;CAAU;CAAQ;AAAO"}

package/dist/components/display/BlockTooltip/index.d.ts

@@ -0,0 +1,4 @@
+export { BlockTooltip } from "./BlockTooltip";
+export { tooltipPlacements } from "./BlockTooltip.types";
+export type { BlockTooltipPlacement, BlockTooltipProps } from "./BlockTooltip.types";
+//# sourceMappingURL=index.d.ts.map

package/dist/components/display/BlockTooltip/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/display/BlockTooltip/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,YAAY,EAAE,MAAM,gBAAgB,CAAC;AAC9C,OAAO,EAAE,iBAAiB,EAAE,MAAM,sBAAsB,CAAC;AACzD,YAAY,EAAE,qBAAqB,EAAE,iBAAiB,EAAE,MAAM,sBAAsB,CAAC"}

package/dist/components/display/index.d.ts

@@ -1,2 +1,4 @@
 export * from "./BlockBadge";
+export * from "./BlockTooltip";
+export * from "./BlockTable";
 //# sourceMappingURL=index.d.ts.map

package/dist/components/display/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/display/index.ts"],"names":[],"mappings":"AAAA,cAAc,cAAc,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/display/index.ts"],"names":[],"mappings":"AAAA,cAAc,cAAc,CAAC;AAC7B,cAAc,gBAAgB,CAAC;AAC/B,cAAc,cAAc,CAAC"}

package/dist/components/layout/BlockDivider/BlockDivider.d.ts

@@ -0,0 +1,7 @@
+import type { BlockDividerProps } from "./BlockDivider.types";
+/**
+ * Carved separator line. Horizontal dividers render an `<hr>`; vertical ones a
+ * `role="separator"`. A labelled divider reads its label instead of a separator.
+ */
+export declare const BlockDivider: import("react").ForwardRefExoticComponent<BlockDividerProps & import("react").RefAttributes<HTMLElement>>;
+//# sourceMappingURL=BlockDivider.d.ts.map

package/dist/components/layout/BlockDivider/BlockDivider.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"BlockDivider.d.ts","sourceRoot":"","sources":["../../../../src/components/layout/BlockDivider/BlockDivider.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,sBAAsB,CAAC;AAE9D;;;GAGG;AACH,eAAO,MAAM,YAAY,2GA8CvB,CAAC"}

package/dist/components/layout/BlockDivider/BlockDivider.js

@@ -0,0 +1,54 @@
+import { cx } from "../../../utils/cx.js";
+import BlockDivider_module_default from "./BlockDivider.module.js";
+import { forwardRef } from "react";
+import { jsx, jsxs } from "react/jsx-runtime";
+//#region src/components/layout/BlockDivider/BlockDivider.tsx
+/**
+* Carved separator line. Horizontal dividers render an `<hr>`; vertical ones a
+* `role="separator"`. A labelled divider reads its label instead of a separator.
+*/
+var BlockDivider = forwardRef(function BlockDivider({ orientation = "horizontal", variant = "bevel", label, decorative = false, className, ...rest }, ref) {
+	const shared = {
+		"data-orientation": orientation,
+		"data-variant": variant,
+		className: cx(BlockDivider_module_default.divider, className)
+	};
+	if (label && orientation === "horizontal") return /* @__PURE__ */ jsxs("div", {
+		ref,
+		...shared,
+		"data-labelled": "",
+		"aria-hidden": decorative || void 0,
+		...rest,
+		children: [
+			/* @__PURE__ */ jsx("span", {
+				className: BlockDivider_module_default.line,
+				"aria-hidden": "true"
+			}),
+			/* @__PURE__ */ jsx("span", {
+				className: BlockDivider_module_default.label,
+				children: label
+			}),
+			/* @__PURE__ */ jsx("span", {
+				className: BlockDivider_module_default.line,
+				"aria-hidden": "true"
+			})
+		]
+	});
+	if (orientation === "horizontal") return /* @__PURE__ */ jsx("hr", {
+		ref,
+		...shared,
+		"aria-hidden": decorative || void 0,
+		...rest
+	});
+	return /* @__PURE__ */ jsx("div", {
+		ref,
+		role: decorative ? "none" : "separator",
+		"aria-orientation": decorative ? void 0 : "vertical",
+		...shared,
+		...rest
+	});
+});
+//#endregion
+export { BlockDivider };
+
+//# sourceMappingURL=BlockDivider.js.map

package/dist/components/layout/BlockDivider/BlockDivider.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"BlockDivider.js","names":["styles"],"sources":["../../../../src/components/layout/BlockDivider/BlockDivider.tsx"],"sourcesContent":["import { forwardRef, type Ref } from \"react\";\nimport { cx } from \"../../../utils/cx\";\nimport styles from \"./BlockDivider.module.css\";\nimport type { BlockDividerProps } from \"./BlockDivider.types\";\n\n/**\n * Carved separator line. Horizontal dividers render an `<hr>`; vertical ones a\n * `role=\"separator\"`. A labelled divider reads its label instead of a separator.\n */\nexport const BlockDivider = forwardRef<HTMLElement, BlockDividerProps>(function BlockDivider(\n  { orientation = \"horizontal\", variant = \"bevel\", label, decorative = false, className, ...rest },\n  ref,\n) {\n  const shared = {\n    \"data-orientation\": orientation,\n    \"data-variant\": variant,\n    className: cx(styles.divider, className),\n  };\n\n  if (label && orientation === \"horizontal\") {\n    return (\n      <div\n        ref={ref as Ref<HTMLDivElement>}\n        {...shared}\n        data-labelled=\"\"\n        aria-hidden={decorative || undefined}\n        {...rest}\n      >\n        <span className={styles.line} aria-hidden=\"true\" />\n        <span className={styles.label}>{label}</span>\n        <span className={styles.line} aria-hidden=\"true\" />\n      </div>\n    );\n  }\n\n  if (orientation === \"horizontal\") {\n    return (\n      <hr\n        ref={ref as Ref<HTMLHRElement>}\n        {...shared}\n        aria-hidden={decorative || undefined}\n        {...rest}\n      />\n    );\n  }\n\n  return (\n    <div\n      ref={ref as Ref<HTMLDivElement>}\n      role={decorative ? \"none\" : \"separator\"}\n      aria-orientation={decorative ? undefined : \"vertical\"}\n      {...shared}\n      {...rest}\n    />\n  );\n});\n"],"mappings":";;;;;;;;;AASA,IAAa,eAAe,WAA2C,SAAS,aAC9E,EAAE,cAAc,cAAc,UAAU,SAAS,OAAO,aAAa,OAAO,WAAW,GAAG,QAC1F,KACA;CACA,MAAM,SAAS;EACb,oBAAoB;EACpB,gBAAgB;EAChB,WAAW,GAAGA,4BAAO,SAAS,SAAS;CACzC;CAEA,IAAI,SAAS,gBAAgB,cAC3B,OACE,qBAAC,OAAD;EACO;EACL,GAAI;EACJ,iBAAc;EACd,eAAa,cAAc,KAAA;EAC3B,GAAI;EALN,UAAA;GAOE,oBAAC,QAAD;IAAM,WAAWA,4BAAO;IAAM,eAAY;GAAQ,CAAA;GAClD,oBAAC,QAAD;IAAM,WAAWA,4BAAO;IAAQ,UAAA;GAAY,CAAA;GAC5C,oBAAC,QAAD;IAAM,WAAWA,4BAAO;IAAM,eAAY;GAAQ,CAAA;EAC/C;;CAIT,IAAI,gBAAgB,cAClB,OACE,oBAAC,MAAD;EACO;EACL,GAAI;EACJ,eAAa,cAAc,KAAA;EAC3B,GAAI;CACL,CAAA;CAIL,OACE,oBAAC,OAAD;EACO;EACL,MAAM,aAAa,SAAS;EAC5B,oBAAkB,aAAa,KAAA,IAAY;EAC3C,GAAI;EACJ,GAAI;CACL,CAAA;AAEL,CAAC"}

package/dist/components/layout/BlockDivider/BlockDivider.module.js

@@ -0,0 +1,13 @@
+//#region src/components/layout/BlockDivider/BlockDivider.module.css
+var divider = "block-divider-7wQzM";
+var line = "block-line-WiUib";
+var label = "block-label-5tJ-t";
+var BlockDivider_module_default = {
+	divider,
+	line,
+	label
+};
+//#endregion
+export { BlockDivider_module_default as default, divider, label, line };
+
+//# sourceMappingURL=BlockDivider.module.js.map

package/dist/components/layout/BlockDivider/BlockDivider.module.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"BlockDivider.module.js","names":[],"sources":["../../../../src/components/layout/BlockDivider/BlockDivider.module.css"],"sourcesContent":[".divider {\n  --divider-thickness: 4px;\n  flex-shrink: 0;\n  margin: 0;\n  padding: 0;\n  border: 0;\n  color: var(--block-text-muted);\n}\n\n/* Horizontal / vertical lines share one look, drawn by .divider or .line. */\n.divider:not([data-labelled]),\n.line {\n  background-color: var(--block-border);\n}\n\n.divider[data-orientation=\"horizontal\"]:not([data-labelled]),\n.line {\n  width: 100%;\n  height: var(--divider-thickness);\n}\n\n.divider[data-orientation=\"vertical\"] {\n  align-self: stretch;\n  width: var(--divider-thickness);\n  min-height: 1em;\n}\n\n.divider[data-variant=\"bevel\"]:not([data-labelled]),\n.divider[data-variant=\"bevel\"] .line {\n  background-color: var(--block-shadow-bevel-dark);\n  box-shadow: inset -2px -2px 0 var(--block-shadow-bevel-light);\n}\n\n.divider[data-variant=\"line\"] {\n  --divider-thickness: 2px;\n}\n\n.divider[data-variant=\"dashed\"]:not([data-labelled]),\n.divider[data-variant=\"dashed\"] .line {\n  background-color: transparent;\n  background-image: linear-gradient(90deg, var(--block-border) 50%, transparent 50%);\n  background-size: 8px 100%;\n}\n\n.divider[data-orientation=\"vertical\"][data-variant=\"dashed\"] {\n  background-image: linear-gradient(180deg, var(--block-border) 50%, transparent 50%);\n  background-size: 100% 8px;\n}\n\n.divider[data-labelled] {\n  display: flex;\n  align-items: center;\n  gap: var(--block-space-3);\n  width: 100%;\n}\n\n.line {\n  flex: 1;\n  min-width: var(--block-space-4);\n}\n\n.label {\n  flex-shrink: 0;\n  font-family: var(--block-font-display);\n  font-size: var(--block-font-size-sm);\n  font-weight: var(--block-font-weight-bold);\n  letter-spacing: var(--block-letter-spacing-wide);\n  text-transform: uppercase;\n}\n"],"mappings":""}

package/dist/components/layout/BlockDivider/BlockDivider.types.d.ts

@@ -0,0 +1,14 @@
+import type { HTMLAttributes, ReactNode } from "react";
+export declare const dividerVariants: readonly ["bevel", "line", "dashed"];
+export type BlockDividerVariant = (typeof dividerVariants)[number];
+export interface BlockDividerProps extends HTMLAttributes<HTMLElement> {
+    /** @default "horizontal" */
+    orientation?: "horizontal" | "vertical";
+    /** `bevel` is a carved groove, `line` a flat border, `dashed` a pixel dash. @default "bevel" */
+    variant?: BlockDividerVariant;
+    /** Text in the middle of a horizontal divider (e.g. "or"). */
+    label?: ReactNode;
+    /** Purely visual: hide it from assistive technology. */
+    decorative?: boolean;
+}
+//# sourceMappingURL=BlockDivider.types.d.ts.map

package/dist/components/layout/BlockDivider/BlockDivider.types.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"BlockDivider.types.d.ts","sourceRoot":"","sources":["../../../../src/components/layout/BlockDivider/BlockDivider.types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,cAAc,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAEvD,eAAO,MAAM,eAAe,sCAAuC,CAAC;AAEpE,MAAM,MAAM,mBAAmB,GAAG,CAAC,OAAO,eAAe,CAAC,CAAC,MAAM,CAAC,CAAC;AAEnE,MAAM,WAAW,iBAAkB,SAAQ,cAAc,CAAC,WAAW,CAAC;IACpE,4BAA4B;IAC5B,WAAW,CAAC,EAAE,YAAY,GAAG,UAAU,CAAC;IACxC,gGAAgG;IAChG,OAAO,CAAC,EAAE,mBAAmB,CAAC;IAC9B,8DAA8D;IAC9D,KAAK,CAAC,EAAE,SAAS,CAAC;IAClB,wDAAwD;IACxD,UAAU,CAAC,EAAE,OAAO,CAAC;CACtB"}

package/dist/components/layout/BlockDivider/BlockDivider.types.js

@@ -0,0 +1,10 @@
+//#region src/components/layout/BlockDivider/BlockDivider.types.ts
+var dividerVariants = [
+	"bevel",
+	"line",
+	"dashed"
+];
+//#endregion
+export { dividerVariants };
+
+//# sourceMappingURL=BlockDivider.types.js.map

package/dist/components/layout/BlockDivider/BlockDivider.types.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"BlockDivider.types.js","names":[],"sources":["../../../../src/components/layout/BlockDivider/BlockDivider.types.ts"],"sourcesContent":["import type { HTMLAttributes, ReactNode } from \"react\";\n\nexport const dividerVariants = [\"bevel\", \"line\", \"dashed\"] as const;\n\nexport type BlockDividerVariant = (typeof dividerVariants)[number];\n\nexport interface BlockDividerProps extends HTMLAttributes<HTMLElement> {\n  /** @default \"horizontal\" */\n  orientation?: \"horizontal\" | \"vertical\";\n  /** `bevel` is a carved groove, `line` a flat border, `dashed` a pixel dash. @default \"bevel\" */\n  variant?: BlockDividerVariant;\n  /** Text in the middle of a horizontal divider (e.g. \"or\"). */\n  label?: ReactNode;\n  /** Purely visual: hide it from assistive technology. */\n  decorative?: boolean;\n}\n"],"mappings":";AAEA,IAAa,kBAAkB;CAAC;CAAS;CAAQ;AAAQ"}

package/dist/components/layout/BlockDivider/index.d.ts

@@ -0,0 +1,4 @@
+export { BlockDivider } from "./BlockDivider";
+export { dividerVariants } from "./BlockDivider.types";
+export type { BlockDividerProps, BlockDividerVariant } from "./BlockDivider.types";
+//# sourceMappingURL=index.d.ts.map

package/dist/components/layout/BlockDivider/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/layout/BlockDivider/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,YAAY,EAAE,MAAM,gBAAgB,CAAC;AAC9C,OAAO,EAAE,eAAe,EAAE,MAAM,sBAAsB,CAAC;AACvD,YAAY,EAAE,iBAAiB,EAAE,mBAAmB,EAAE,MAAM,sBAAsB,CAAC"}

package/dist/components/layout/BlockStack/BlockStack.d.ts

@@ -0,0 +1,4 @@
+import type { BlockStackProps } from "./BlockStack.types";
+/** Flex layout helper that spaces children on the 4px token grid. */
+export declare const BlockStack: import("react").ForwardRefExoticComponent<BlockStackProps & import("react").RefAttributes<HTMLElement>>;
+//# sourceMappingURL=BlockStack.d.ts.map

package/dist/components/layout/BlockStack/BlockStack.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"BlockStack.d.ts","sourceRoot":"","sources":["../../../../src/components/layout/BlockStack/BlockStack.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,oBAAoB,CAAC;AAE1D,qEAAqE;AACrE,eAAO,MAAM,UAAU,yGA8BrB,CAAC"}

package/dist/components/layout/BlockStack/BlockStack.js

@@ -0,0 +1,22 @@
+import { cx } from "../../../utils/cx.js";
+import BlockStack_module_default from "./BlockStack.module.js";
+import { createElement, forwardRef } from "react";
+//#region src/components/layout/BlockStack/BlockStack.tsx
+/** Flex layout helper that spaces children on the 4px token grid. */
+var BlockStack = forwardRef(function BlockStack({ direction = "column", gap = 3, align = "stretch", justify = "start", wrap = false, stackOnMobile = false, as = "div", className, children, ...rest }, ref) {
+	return createElement(as, {
+		ref,
+		"data-direction": direction,
+		"data-gap": gap,
+		"data-align": align,
+		"data-justify": justify,
+		"data-wrap": wrap || void 0,
+		"data-stack-mobile": stackOnMobile || void 0,
+		className: cx(BlockStack_module_default.stack, className),
+		...rest
+	}, children);
+});
+//#endregion
+export { BlockStack };
+
+//# sourceMappingURL=BlockStack.js.map

package/dist/components/layout/BlockStack/BlockStack.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"BlockStack.js","names":["styles"],"sources":["../../../../src/components/layout/BlockStack/BlockStack.tsx"],"sourcesContent":["import { createElement, forwardRef } from \"react\";\nimport { cx } from \"../../../utils/cx\";\nimport styles from \"./BlockStack.module.css\";\nimport type { BlockStackProps } from \"./BlockStack.types\";\n\n/** Flex layout helper that spaces children on the 4px token grid. */\nexport const BlockStack = forwardRef<HTMLElement, BlockStackProps>(function BlockStack(\n  {\n    direction = \"column\",\n    gap = 3,\n    align = \"stretch\",\n    justify = \"start\",\n    wrap = false,\n    stackOnMobile = false,\n    as = \"div\",\n    className,\n    children,\n    ...rest\n  },\n  ref,\n) {\n  return createElement(\n    as,\n    {\n      ref,\n      \"data-direction\": direction,\n      \"data-gap\": gap,\n      \"data-align\": align,\n      \"data-justify\": justify,\n      \"data-wrap\": wrap || undefined,\n      \"data-stack-mobile\": stackOnMobile || undefined,\n      className: cx(styles.stack, className),\n      ...rest,\n    },\n    children,\n  );\n});\n"],"mappings":";;;;;AAMA,IAAa,aAAa,WAAyC,SAAS,WAC1E,EACE,YAAY,UACZ,MAAM,GACN,QAAQ,WACR,UAAU,SACV,OAAO,OACP,gBAAgB,OAChB,KAAK,OACL,WACA,UACA,GAAG,QAEL,KACA;CACA,OAAO,cACL,IACA;EACE;EACA,kBAAkB;EAClB,YAAY;EACZ,cAAc;EACd,gBAAgB;EAChB,aAAa,QAAQ,KAAA;EACrB,qBAAqB,iBAAiB,KAAA;EACtC,WAAW,GAAGA,0BAAO,OAAO,SAAS;EACrC,GAAG;CACL,GACA,QACF;AACF,CAAC"}

package/dist/components/layout/BlockStack/BlockStack.module.js

@@ -0,0 +1,7 @@
+//#region src/components/layout/BlockStack/BlockStack.module.css
+var stack = "block-stack-z5qhc";
+var BlockStack_module_default = { stack };
+//#endregion
+export { BlockStack_module_default as default, stack };
+
+//# sourceMappingURL=BlockStack.module.js.map

package/dist/components/layout/BlockStack/BlockStack.module.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"BlockStack.module.js","names":[],"sources":["../../../../src/components/layout/BlockStack/BlockStack.module.css"],"sourcesContent":[".stack {\n  display: flex;\n  flex-direction: column;\n  min-width: 0;\n  margin: 0;\n  padding: 0;\n  list-style: none;\n}\n\n.stack[data-direction=\"row\"] {\n  flex-direction: row;\n}\n\n.stack[data-wrap] {\n  flex-wrap: wrap;\n}\n\n.stack[data-gap=\"0\"] {\n  gap: var(--block-space-0);\n}\n\n.stack[data-gap=\"1\"] {\n  gap: var(--block-space-1);\n}\n\n.stack[data-gap=\"2\"] {\n  gap: var(--block-space-2);\n}\n\n.stack[data-gap=\"3\"] {\n  gap: var(--block-space-3);\n}\n\n.stack[data-gap=\"4\"] {\n  gap: var(--block-space-4);\n}\n\n.stack[data-gap=\"5\"] {\n  gap: var(--block-space-5);\n}\n\n.stack[data-gap=\"6\"] {\n  gap: var(--block-space-6);\n}\n\n.stack[data-gap=\"8\"] {\n  gap: var(--block-space-8);\n}\n\n.stack[data-gap=\"10\"] {\n  gap: var(--block-space-10);\n}\n\n.stack[data-gap=\"12\"] {\n  gap: var(--block-space-12);\n}\n\n.stack[data-align=\"start\"] {\n  align-items: flex-start;\n}\n\n.stack[data-align=\"center\"] {\n  align-items: center;\n}\n\n.stack[data-align=\"end\"] {\n  align-items: flex-end;\n}\n\n.stack[data-align=\"stretch\"] {\n  align-items: stretch;\n}\n\n.stack[data-align=\"baseline\"] {\n  align-items: baseline;\n}\n\n.stack[data-justify=\"start\"] {\n  justify-content: flex-start;\n}\n\n.stack[data-justify=\"center\"] {\n  justify-content: center;\n}\n\n.stack[data-justify=\"end\"] {\n  justify-content: flex-end;\n}\n\n.stack[data-justify=\"between\"] {\n  justify-content: space-between;\n}\n\n.stack[data-justify=\"around\"] {\n  justify-content: space-around;\n}\n\n@media (max-width: 767.98px) {\n  .stack[data-stack-mobile] {\n    flex-direction: column;\n  }\n}\n"],"mappings":""}

package/dist/components/layout/BlockStack/BlockStack.types.d.ts

@@ -0,0 +1,24 @@
+import type { HTMLAttributes, ReactNode } from "react";
+/** Spacing token steps (4px grid) accepted by `gap`. */
+export declare const stackGaps: readonly [0, 1, 2, 3, 4, 5, 6, 8, 10, 12];
+export type BlockStackGap = (typeof stackGaps)[number];
+export type BlockStackAlign = "start" | "center" | "end" | "stretch" | "baseline";
+export type BlockStackJustify = "start" | "center" | "end" | "between" | "around";
+export interface BlockStackProps extends HTMLAttributes<HTMLElement> {
+    /** @default "column" */
+    direction?: "row" | "column";
+    /** Spacing token step between children (`3` = `--block-space-3` = 12px). @default 3 */
+    gap?: BlockStackGap;
+    /** Cross-axis alignment. @default "stretch" */
+    align?: BlockStackAlign;
+    /** Main-axis distribution. @default "start" */
+    justify?: BlockStackJustify;
+    /** Let children wrap onto new lines. */
+    wrap?: boolean;
+    /** Switch a row to a column below 768px (PRD §50 mobile). */
+    stackOnMobile?: boolean;
+    /** Render as a different element. @default "div" */
+    as?: "div" | "section" | "ul" | "ol" | "nav" | "header" | "footer";
+    children?: ReactNode;
+}
+//# sourceMappingURL=BlockStack.types.d.ts.map

package/dist/components/layout/BlockStack/BlockStack.types.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"BlockStack.types.d.ts","sourceRoot":"","sources":["../../../../src/components/layout/BlockStack/BlockStack.types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,cAAc,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAEvD,wDAAwD;AACxD,eAAO,MAAM,SAAS,2CAA4C,CAAC;AAEnE,MAAM,MAAM,aAAa,GAAG,CAAC,OAAO,SAAS,CAAC,CAAC,MAAM,CAAC,CAAC;AAEvD,MAAM,MAAM,eAAe,GAAG,OAAO,GAAG,QAAQ,GAAG,KAAK,GAAG,SAAS,GAAG,UAAU,CAAC;AAElF,MAAM,MAAM,iBAAiB,GAAG,OAAO,GAAG,QAAQ,GAAG,KAAK,GAAG,SAAS,GAAG,QAAQ,CAAC;AAElF,MAAM,WAAW,eAAgB,SAAQ,cAAc,CAAC,WAAW,CAAC;IAClE,wBAAwB;IACxB,SAAS,CAAC,EAAE,KAAK,GAAG,QAAQ,CAAC;IAC7B,uFAAuF;IACvF,GAAG,CAAC,EAAE,aAAa,CAAC;IACpB,+CAA+C;IAC/C,KAAK,CAAC,EAAE,eAAe,CAAC;IACxB,+CAA+C;IAC/C,OAAO,CAAC,EAAE,iBAAiB,CAAC;IAC5B,wCAAwC;IACxC,IAAI,CAAC,EAAE,OAAO,CAAC;IACf,6DAA6D;IAC7D,aAAa,CAAC,EAAE,OAAO,CAAC;IACxB,oDAAoD;IACpD,EAAE,CAAC,EAAE,KAAK,GAAG,SAAS,GAAG,IAAI,GAAG,IAAI,GAAG,KAAK,GAAG,QAAQ,GAAG,QAAQ,CAAC;IACnE,QAAQ,CAAC,EAAE,SAAS,CAAC;CACtB"}

package/dist/components/layout/BlockStack/BlockStack.types.js

@@ -0,0 +1,18 @@
+//#region src/components/layout/BlockStack/BlockStack.types.ts
+/** Spacing token steps (4px grid) accepted by `gap`. */
+var stackGaps = [
+	0,
+	1,
+	2,
+	3,
+	4,
+	5,
+	6,
+	8,
+	10,
+	12
+];
+//#endregion
+export { stackGaps };
+
+//# sourceMappingURL=BlockStack.types.js.map

package/dist/components/layout/BlockStack/BlockStack.types.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"BlockStack.types.js","names":[],"sources":["../../../../src/components/layout/BlockStack/BlockStack.types.ts"],"sourcesContent":["import type { HTMLAttributes, ReactNode } from \"react\";\n\n/** Spacing token steps (4px grid) accepted by `gap`. */\nexport const stackGaps = [0, 1, 2, 3, 4, 5, 6, 8, 10, 12] as const;\n\nexport type BlockStackGap = (typeof stackGaps)[number];\n\nexport type BlockStackAlign = \"start\" | \"center\" | \"end\" | \"stretch\" | \"baseline\";\n\nexport type BlockStackJustify = \"start\" | \"center\" | \"end\" | \"between\" | \"around\";\n\nexport interface BlockStackProps extends HTMLAttributes<HTMLElement> {\n  /** @default \"column\" */\n  direction?: \"row\" | \"column\";\n  /** Spacing token step between children (`3` = `--block-space-3` = 12px). @default 3 */\n  gap?: BlockStackGap;\n  /** Cross-axis alignment. @default \"stretch\" */\n  align?: BlockStackAlign;\n  /** Main-axis distribution. @default \"start\" */\n  justify?: BlockStackJustify;\n  /** Let children wrap onto new lines. */\n  wrap?: boolean;\n  /** Switch a row to a column below 768px (PRD §50 mobile). */\n  stackOnMobile?: boolean;\n  /** Render as a different element. @default \"div\" */\n  as?: \"div\" | \"section\" | \"ul\" | \"ol\" | \"nav\" | \"header\" | \"footer\";\n  children?: ReactNode;\n}\n"],"mappings":";;AAGA,IAAa,YAAY;CAAC;CAAG;CAAG;CAAG;CAAG;CAAG;CAAG;CAAG;CAAG;CAAI;AAAE"}

package/dist/components/layout/BlockStack/index.d.ts

@@ -0,0 +1,4 @@
+export { BlockStack } from "./BlockStack";
+export { stackGaps } from "./BlockStack.types";
+export type { BlockStackAlign, BlockStackGap, BlockStackJustify, BlockStackProps, } from "./BlockStack.types";
+//# sourceMappingURL=index.d.ts.map

package/dist/components/layout/BlockStack/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/layout/BlockStack/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAE,MAAM,cAAc,CAAC;AAC1C,OAAO,EAAE,SAAS,EAAE,MAAM,oBAAoB,CAAC;AAC/C,YAAY,EACV,eAAe,EACf,aAAa,EACb,iBAAiB,EACjB,eAAe,GAChB,MAAM,oBAAoB,CAAC"}

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

@@ -1,2 +1,4 @@
 export * from "./BlockPanel";
+export * from "./BlockStack";
+export * from "./BlockDivider";
 //# sourceMappingURL=index.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/layout/index.ts"],"names":[],"mappings":"AAAA,cAAc,cAAc,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/layout/index.ts"],"names":[],"mappings":"AAAA,cAAc,cAAc,CAAC;AAC7B,cAAc,cAAc,CAAC;AAC7B,cAAc,gBAAgB,CAAC"}

package/dist/components/navigation/BlockPagination/BlockPagination.d.ts

@@ -0,0 +1,7 @@
+import type { BlockPaginationProps } from "./BlockPagination.types";
+/**
+ * Page navigation with previous / next arrows. The current page is a grass
+ * block marked `aria-current="page"`; long ranges collapse into ellipses.
+ */
+export declare const BlockPagination: import("react").ForwardRefExoticComponent<BlockPaginationProps & import("react").RefAttributes<HTMLElement>>;
+//# sourceMappingURL=BlockPagination.d.ts.map

package/dist/components/navigation/BlockPagination/BlockPagination.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"BlockPagination.d.ts","sourceRoot":"","sources":["../../../../src/components/navigation/BlockPagination/BlockPagination.tsx"],"names":[],"mappings":"AAOA,OAAO,KAAK,EAAE,oBAAoB,EAAE,MAAM,yBAAyB,CAAC;AAGpE;;;GAGG;AACH,eAAO,MAAM,eAAe,8GA+F3B,CAAC"}