@malilion/block-ui-react 0.1.0 → 0.3.0

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"}

package/dist/components/navigation/BlockPagination/BlockPagination.js

@@ -0,0 +1,83 @@
+import { cx } from "../../../utils/cx.js";
+import { BlockButton } from "../../actions/BlockButton/BlockButton.js";
+import { useControllableState } from "../../../hooks/useControllableState.js";
+import { clamp } from "../../../utils/number.js";
+import BlockPagination_module_default from "./BlockPagination.module.js";
+import { getPaginationRange } from "./BlockPagination.utils.js";
+import { forwardRef } from "react";
+import { ChevronLeftIcon, ChevronRightIcon } from "@malilion/block-ui-icons";
+import { jsx, jsxs } from "react/jsx-runtime";
+//#region src/components/navigation/BlockPagination/BlockPagination.tsx
+/**
+* Page navigation with previous / next arrows. The current page is a grass
+* block marked `aria-current="page"`; long ranges collapse into ellipses.
+*/
+var BlockPagination = forwardRef(function BlockPagination({ pageCount, page, defaultPage = 1, onPageChange, siblingCount = 1, boundaryCount = 1, variant = "full", size = "md", disabled = false, label = "Pagination", className, ...rest }, ref) {
+	const count = Math.max(1, Math.floor(pageCount));
+	const [rawPage, setPage] = useControllableState({
+		value: page,
+		defaultValue: defaultPage,
+		onChange: onPageChange
+	});
+	const current = clamp(rawPage, 1, count);
+	const goTo = (next) => {
+		if (disabled || next < 1 || next > count || next === current) return;
+		setPage(next);
+	};
+	const buttonSize = size === "sm" ? "sm" : "md";
+	return /* @__PURE__ */ jsx("nav", {
+		ref,
+		"aria-label": label,
+		"data-size": size,
+		className: cx(BlockPagination_module_default.pagination, className),
+		...rest,
+		children: /* @__PURE__ */ jsxs("ul", {
+			className: BlockPagination_module_default.list,
+			children: [
+				/* @__PURE__ */ jsx("li", { children: /* @__PURE__ */ jsx(BlockButton, {
+					size: buttonSize,
+					"aria-label": "Previous page",
+					disabled: disabled || current <= 1,
+					className: BlockPagination_module_default.arrow,
+					onClick: () => goTo(current - 1),
+					children: /* @__PURE__ */ jsx(ChevronLeftIcon, { size: 16 })
+				}) }),
+				variant === "compact" ? /* @__PURE__ */ jsxs("li", {
+					className: BlockPagination_module_default.status,
+					"aria-live": "polite",
+					children: [
+						"Page ",
+						current,
+						" of ",
+						count
+					]
+				}) : getPaginationRange(current, count, siblingCount, boundaryCount).map((entry) => typeof entry === "number" ? /* @__PURE__ */ jsx("li", { children: /* @__PURE__ */ jsx(BlockButton, {
+					size: buttonSize,
+					variant: entry === current ? "grass" : "stone",
+					"aria-label": `Page ${entry}`,
+					"aria-current": entry === current ? "page" : void 0,
+					disabled,
+					className: BlockPagination_module_default.page,
+					onClick: () => goTo(entry),
+					children: entry
+				}) }, entry) : /* @__PURE__ */ jsx("li", {
+					className: BlockPagination_module_default.ellipsis,
+					"aria-hidden": "true",
+					children: "…"
+				}, entry)),
+				/* @__PURE__ */ jsx("li", { children: /* @__PURE__ */ jsx(BlockButton, {
+					size: buttonSize,
+					"aria-label": "Next page",
+					disabled: disabled || current >= count,
+					className: BlockPagination_module_default.arrow,
+					onClick: () => goTo(current + 1),
+					children: /* @__PURE__ */ jsx(ChevronRightIcon, { size: 16 })
+				}) })
+			]
+		})
+	});
+});
+//#endregion
+export { BlockPagination };
+
+//# sourceMappingURL=BlockPagination.js.map

package/dist/components/navigation/BlockPagination/BlockPagination.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"BlockPagination.js","names":["styles"],"sources":["../../../../src/components/navigation/BlockPagination/BlockPagination.tsx"],"sourcesContent":["import { ChevronLeftIcon, ChevronRightIcon } from \"@malilion/block-ui-icons\";\nimport { forwardRef } from \"react\";\nimport { useControllableState } from \"../../../hooks/useControllableState\";\nimport { cx } from \"../../../utils/cx\";\nimport { clamp } from \"../../../utils/number\";\nimport { BlockButton } from \"../../actions/BlockButton/BlockButton\";\nimport styles from \"./BlockPagination.module.css\";\nimport type { BlockPaginationProps } from \"./BlockPagination.types\";\nimport { getPaginationRange } from \"./BlockPagination.utils\";\n\n/**\n * Page navigation with previous / next arrows. The current page is a grass\n * block marked `aria-current=\"page\"`; long ranges collapse into ellipses.\n */\nexport const BlockPagination = forwardRef<HTMLElement, BlockPaginationProps>(\n  function BlockPagination(\n    {\n      pageCount,\n      page,\n      defaultPage = 1,\n      onPageChange,\n      siblingCount = 1,\n      boundaryCount = 1,\n      variant = \"full\",\n      size = \"md\",\n      disabled = false,\n      label = \"Pagination\",\n      className,\n      ...rest\n    },\n    ref,\n  ) {\n    const count = Math.max(1, Math.floor(pageCount));\n    const [rawPage, setPage] = useControllableState({\n      value: page,\n      defaultValue: defaultPage,\n      onChange: onPageChange,\n    });\n    const current = clamp(rawPage, 1, count);\n\n    const goTo = (next: number) => {\n      if (disabled || next < 1 || next > count || next === current) return;\n      setPage(next);\n    };\n\n    const buttonSize = size === \"sm\" ? \"sm\" : \"md\";\n\n    return (\n      <nav\n        ref={ref}\n        aria-label={label}\n        data-size={size}\n        className={cx(styles.pagination, className)}\n        {...rest}\n      >\n        <ul className={styles.list}>\n          <li>\n            <BlockButton\n              size={buttonSize}\n              aria-label=\"Previous page\"\n              disabled={disabled || current <= 1}\n              className={styles.arrow}\n              onClick={() => goTo(current - 1)}\n            >\n              <ChevronLeftIcon size={16} />\n            </BlockButton>\n          </li>\n          {variant === \"compact\" ? (\n            <li className={styles.status} aria-live=\"polite\">\n              Page {current} of {count}\n            </li>\n          ) : (\n            getPaginationRange(current, count, siblingCount, boundaryCount).map((entry) =>\n              typeof entry === \"number\" ? (\n                <li key={entry}>\n                  <BlockButton\n                    size={buttonSize}\n                    variant={entry === current ? \"grass\" : \"stone\"}\n                    aria-label={`Page ${entry}`}\n                    aria-current={entry === current ? \"page\" : undefined}\n                    disabled={disabled}\n                    className={styles.page}\n                    onClick={() => goTo(entry)}\n                  >\n                    {entry}\n                  </BlockButton>\n                </li>\n              ) : (\n                <li key={entry} className={styles.ellipsis} aria-hidden=\"true\">\n                  …\n                </li>\n              ),\n            )\n          )}\n          <li>\n            <BlockButton\n              size={buttonSize}\n              aria-label=\"Next page\"\n              disabled={disabled || current >= count}\n              className={styles.arrow}\n              onClick={() => goTo(current + 1)}\n            >\n              <ChevronRightIcon size={16} />\n            </BlockButton>\n          </li>\n        </ul>\n      </nav>\n    );\n  },\n);\n"],"mappings":";;;;;;;;;;;;;;AAcA,IAAa,kBAAkB,WAC7B,SAAS,gBACP,EACE,WACA,MACA,cAAc,GACd,cACA,eAAe,GACf,gBAAgB,GAChB,UAAU,QACV,OAAO,MACP,WAAW,OACX,QAAQ,cACR,WACA,GAAG,QAEL,KACA;CACA,MAAM,QAAQ,KAAK,IAAI,GAAG,KAAK,MAAM,SAAS,CAAC;CAC/C,MAAM,CAAC,SAAS,WAAW,qBAAqB;EAC9C,OAAO;EACP,cAAc;EACd,UAAU;CACZ,CAAC;CACD,MAAM,UAAU,MAAM,SAAS,GAAG,KAAK;CAEvC,MAAM,QAAQ,SAAiB;EAC7B,IAAI,YAAY,OAAO,KAAK,OAAO,SAAS,SAAS,SAAS;EAC9D,QAAQ,IAAI;CACd;CAEA,MAAM,aAAa,SAAS,OAAO,OAAO;CAE1C,OACE,oBAAC,OAAD;EACO;EACL,cAAY;EACZ,aAAW;EACX,WAAW,GAAGA,+BAAO,YAAY,SAAS;EAC1C,GAAI;EAEJ,UAAA,qBAAC,MAAD;GAAI,WAAWA,+BAAO;GAAtB,UAAA;IACE,oBAAC,MAAD,EAAA,UACE,oBAAC,aAAD;KACE,MAAM;KACN,cAAW;KACX,UAAU,YAAY,WAAW;KACjC,WAAWA,+BAAO;KAClB,eAAe,KAAK,UAAU,CAAC;KAE/B,UAAA,oBAAC,iBAAD,EAAiB,MAAM,GAAK,CAAA;IACjB,CAAA,EACX,CAAA;IACH,YAAY,YACX,qBAAC,MAAD;KAAI,WAAWA,+BAAO;KAAQ,aAAU;KAAxC,UAAA;MAAiD;MACzC;MAAQ;MAAK;KACjB;IAEJ,CAAA,IAAA,mBAAmB,SAAS,OAAO,cAAc,aAAa,CAAC,CAAC,KAAK,UACnE,OAAO,UAAU,WACf,oBAAC,MAAD,EAAA,UACE,oBAAC,aAAD;KACE,MAAM;KACN,SAAS,UAAU,UAAU,UAAU;KACvC,cAAY,QAAQ;KACpB,gBAAc,UAAU,UAAU,SAAS,KAAA;KACjC;KACV,WAAWA,+BAAO;KAClB,eAAe,KAAK,KAAK;KAExB,UAAA;IACU,CAAA,EACX,GAZK,KAYL,IAEJ,oBAAC,MAAD;KAAgB,WAAWA,+BAAO;KAAU,eAAY;KAAO,UAAA;IAE3D,GAFK,KAEL,CAER;IAEF,oBAAC,MAAD,EAAA,UACE,oBAAC,aAAD;KACE,MAAM;KACN,cAAW;KACX,UAAU,YAAY,WAAW;KACjC,WAAWA,+BAAO;KAClB,eAAe,KAAK,UAAU,CAAC;KAE/B,UAAA,oBAAC,kBAAD,EAAkB,MAAM,GAAK,CAAA;IAClB,CAAA,EACX,CAAA;GACF;;CACD,CAAA;AAET,CACF"}

package/dist/components/navigation/BlockPagination/BlockPagination.module.js

@@ -0,0 +1,19 @@
+//#region src/components/navigation/BlockPagination/BlockPagination.module.css
+var pagination = "block-pagination-jR1nM";
+var list = "block-list-Z1jbw";
+var page = "block-page-BkAnx";
+var arrow = "block-arrow-ry9f4";
+var ellipsis = "block-ellipsis-nx5KR";
+var status = "block-status-jjwdn";
+var BlockPagination_module_default = {
+	pagination,
+	list,
+	page,
+	arrow,
+	ellipsis,
+	status
+};
+//#endregion
+export { arrow, BlockPagination_module_default as default, ellipsis, list, page, pagination, status };
+
+//# sourceMappingURL=BlockPagination.module.js.map

package/dist/components/navigation/BlockPagination/BlockPagination.module.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"BlockPagination.module.js","names":[],"sources":["../../../../src/components/navigation/BlockPagination/BlockPagination.module.css"],"sourcesContent":[".pagination {\n  min-width: 0;\n}\n\n.list {\n  display: flex;\n  flex-wrap: wrap;\n  align-items: center;\n  gap: var(--block-space-1);\n  margin: 0;\n  padding: 0;\n  list-style: none;\n}\n\n.page,\n.arrow {\n  min-width: var(--block-size-control-md);\n  padding-inline: var(--block-space-2);\n  font-variant-numeric: tabular-nums;\n}\n\n.pagination[data-size=\"sm\"] .page,\n.pagination[data-size=\"sm\"] .arrow {\n  min-width: var(--block-size-control-sm);\n  padding-inline: var(--block-space-1);\n}\n\n.ellipsis {\n  display: inline-flex;\n  justify-content: center;\n  min-width: var(--block-space-6);\n  font-family: var(--block-font-display);\n  color: var(--block-text-muted);\n}\n\n.status {\n  padding-inline: var(--block-space-3);\n  font-family: var(--block-font-display);\n  font-size: var(--block-font-size-sm);\n  font-weight: var(--block-font-weight-bold);\n  text-transform: uppercase;\n  white-space: nowrap;\n  color: var(--block-text);\n}\n"],"mappings":""}

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

@@ -0,0 +1,22 @@
+import type { HTMLAttributes } from "react";
+export interface BlockPaginationProps extends Omit<HTMLAttributes<HTMLElement>, "onChange" | "defaultValue"> {
+    /** Total number of pages. */
+    pageCount: number;
+    /** Controlled current page (1-based). */
+    page?: number;
+    /** Initial page when uncontrolled. @default 1 */
+    defaultPage?: number;
+    onPageChange?: (page: number) => void;
+    /** Pages shown on each side of the current page. @default 1 */
+    siblingCount?: number;
+    /** Pages always shown at the start and end. @default 1 */
+    boundaryCount?: number;
+    /** `full` lists page numbers; `compact` shows "Page 3 of 10" between the arrows. @default "full" */
+    variant?: "full" | "compact";
+    /** @default "md" */
+    size?: "sm" | "md";
+    disabled?: boolean;
+    /** Accessible name of the navigation landmark. @default "Pagination" */
+    label?: string;
+}
+//# sourceMappingURL=BlockPagination.types.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"BlockPagination.types.d.ts","sourceRoot":"","sources":["../../../../src/components/navigation/BlockPagination/BlockPagination.types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,OAAO,CAAC;AAE5C,MAAM,WAAW,oBAAqB,SAAQ,IAAI,CAChD,cAAc,CAAC,WAAW,CAAC,EAC3B,UAAU,GAAG,cAAc,CAC5B;IACC,6BAA6B;IAC7B,SAAS,EAAE,MAAM,CAAC;IAClB,yCAAyC;IACzC,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,iDAAiD;IACjD,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,YAAY,CAAC,EAAE,CAAC,IAAI,EAAE,MAAM,KAAK,IAAI,CAAC;IACtC,+DAA+D;IAC/D,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,0DAA0D;IAC1D,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,oGAAoG;IACpG,OAAO,CAAC,EAAE,MAAM,GAAG,SAAS,CAAC;IAC7B,oBAAoB;IACpB,IAAI,CAAC,EAAE,IAAI,GAAG,IAAI,CAAC;IACnB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,wEAAwE;IACxE,KAAK,CAAC,EAAE,MAAM,CAAC;CAChB"}

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

@@ -0,0 +1,7 @@
+export type PaginationEntry = number | "start-ellipsis" | "end-ellipsis";
+/**
+ * Page numbers to render, with ellipses for skipped runs. The list always has
+ * the same length for a given `pageCount`, so the control does not jump around.
+ */
+export declare function getPaginationRange(page: number, pageCount: number, siblingCount?: number, boundaryCount?: number): PaginationEntry[];
+//# sourceMappingURL=BlockPagination.utils.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"BlockPagination.utils.d.ts","sourceRoot":"","sources":["../../../../src/components/navigation/BlockPagination/BlockPagination.utils.ts"],"names":[],"mappings":"AAAA,MAAM,MAAM,eAAe,GAAG,MAAM,GAAG,gBAAgB,GAAG,cAAc,CAAC;AAMzE;;;GAGG;AACH,wBAAgB,kBAAkB,CAChC,IAAI,EAAE,MAAM,EACZ,SAAS,EAAE,MAAM,EACjB,YAAY,SAAI,EAChB,aAAa,SAAI,GAChB,eAAe,EAAE,CAwBnB"}

package/dist/components/navigation/BlockPagination/BlockPagination.utils.js

@@ -0,0 +1,26 @@
+//#region src/components/navigation/BlockPagination/BlockPagination.utils.ts
+function range(start, end) {
+	return Array.from({ length: Math.max(end - start + 1, 0) }, (_, i) => start + i);
+}
+/**
+* Page numbers to render, with ellipses for skipped runs. The list always has
+* the same length for a given `pageCount`, so the control does not jump around.
+*/
+function getPaginationRange(page, pageCount, siblingCount = 1, boundaryCount = 1) {
+	if (pageCount <= boundaryCount * 2 + siblingCount * 2 + 3) return range(1, pageCount);
+	const startPages = range(1, boundaryCount);
+	const endPages = range(pageCount - boundaryCount + 1, pageCount);
+	const siblingsStart = Math.max(Math.min(page - siblingCount, pageCount - boundaryCount - siblingCount * 2 - 1), boundaryCount + 2);
+	const siblingsEnd = Math.min(Math.max(page + siblingCount, boundaryCount + siblingCount * 2 + 2), pageCount - boundaryCount - 1);
+	return [
+		...startPages,
+		siblingsStart > boundaryCount + 2 ? "start-ellipsis" : boundaryCount + 1,
+		...range(siblingsStart, siblingsEnd),
+		siblingsEnd < pageCount - boundaryCount - 1 ? "end-ellipsis" : pageCount - boundaryCount,
+		...endPages
+	];
+}
+//#endregion
+export { getPaginationRange };
+
+//# sourceMappingURL=BlockPagination.utils.js.map

package/dist/components/navigation/BlockPagination/BlockPagination.utils.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"BlockPagination.utils.js","names":[],"sources":["../../../../src/components/navigation/BlockPagination/BlockPagination.utils.ts"],"sourcesContent":["export type PaginationEntry = number | \"start-ellipsis\" | \"end-ellipsis\";\n\nfunction range(start: number, end: number): number[] {\n  return Array.from({ length: Math.max(end - start + 1, 0) }, (_, i) => start + i);\n}\n\n/**\n * Page numbers to render, with ellipses for skipped runs. The list always has\n * the same length for a given `pageCount`, so the control does not jump around.\n */\nexport function getPaginationRange(\n  page: number,\n  pageCount: number,\n  siblingCount = 1,\n  boundaryCount = 1,\n): PaginationEntry[] {\n  // Boundaries + siblings + current + two ellipses.\n  const total = boundaryCount * 2 + siblingCount * 2 + 3;\n  if (pageCount <= total) return range(1, pageCount);\n\n  const startPages = range(1, boundaryCount);\n  const endPages = range(pageCount - boundaryCount + 1, pageCount);\n\n  const siblingsStart = Math.max(\n    Math.min(page - siblingCount, pageCount - boundaryCount - siblingCount * 2 - 1),\n    boundaryCount + 2,\n  );\n  const siblingsEnd = Math.min(\n    Math.max(page + siblingCount, boundaryCount + siblingCount * 2 + 2),\n    pageCount - boundaryCount - 1,\n  );\n\n  return [\n    ...startPages,\n    siblingsStart > boundaryCount + 2 ? \"start-ellipsis\" : boundaryCount + 1,\n    ...range(siblingsStart, siblingsEnd),\n    siblingsEnd < pageCount - boundaryCount - 1 ? \"end-ellipsis\" : pageCount - boundaryCount,\n    ...endPages,\n  ];\n}\n"],"mappings":";AAEA,SAAS,MAAM,OAAe,KAAuB;CACnD,OAAO,MAAM,KAAK,EAAE,QAAQ,KAAK,IAAI,MAAM,QAAQ,GAAG,CAAC,EAAE,IAAI,GAAG,MAAM,QAAQ,CAAC;AACjF;;;;;AAMA,SAAgB,mBACd,MACA,WACA,eAAe,GACf,gBAAgB,GACG;CAGnB,IAAI,aADU,gBAAgB,IAAI,eAAe,IAAI,GAC7B,OAAO,MAAM,GAAG,SAAS;CAEjD,MAAM,aAAa,MAAM,GAAG,aAAa;CACzC,MAAM,WAAW,MAAM,YAAY,gBAAgB,GAAG,SAAS;CAE/D,MAAM,gBAAgB,KAAK,IACzB,KAAK,IAAI,OAAO,cAAc,YAAY,gBAAgB,eAAe,IAAI,CAAC,GAC9E,gBAAgB,CAClB;CACA,MAAM,cAAc,KAAK,IACvB,KAAK,IAAI,OAAO,cAAc,gBAAgB,eAAe,IAAI,CAAC,GAClE,YAAY,gBAAgB,CAC9B;CAEA,OAAO;EACL,GAAG;EACH,gBAAgB,gBAAgB,IAAI,mBAAmB,gBAAgB;EACvE,GAAG,MAAM,eAAe,WAAW;EACnC,cAAc,YAAY,gBAAgB,IAAI,iBAAiB,YAAY;EAC3E,GAAG;CACL;AACF"}

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

@@ -0,0 +1,5 @@
+export { BlockPagination } from "./BlockPagination";
+export { getPaginationRange } from "./BlockPagination.utils";
+export type { PaginationEntry } from "./BlockPagination.utils";
+export type { BlockPaginationProps } from "./BlockPagination.types";
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/navigation/BlockPagination/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,eAAe,EAAE,MAAM,mBAAmB,CAAC;AACpD,OAAO,EAAE,kBAAkB,EAAE,MAAM,yBAAyB,CAAC;AAC7D,YAAY,EAAE,eAAe,EAAE,MAAM,yBAAyB,CAAC;AAC/D,YAAY,EAAE,oBAAoB,EAAE,MAAM,yBAAyB,CAAC"}

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

@@ -2,4 +2,5 @@ export * from "./BlockSidebar";
 export * from "./BlockTabs";
 export * from "./Breadcrumb";
 export * from "./HotbarNavigation";
+export * from "./BlockPagination";
 //# sourceMappingURL=index.d.ts.map

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

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

package/dist/components/social/ChatWindow/ChatWindow.d.ts

@@ -0,0 +1,8 @@
+import type { ChatWindowProps } from "./ChatWindow.types";
+/**
+ * In-game chat: a scrolling message log (`role="log"`) above a text field.
+ * Enter sends, ↑ / ↓ recall sent messages, and the log only auto-scrolls while
+ * the reader is already at the bottom.
+ */
+export declare const ChatWindow: import("react").ForwardRefExoticComponent<ChatWindowProps & import("react").RefAttributes<HTMLDivElement>>;
+//# sourceMappingURL=ChatWindow.d.ts.map

package/dist/components/social/ChatWindow/ChatWindow.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ChatWindow.d.ts","sourceRoot":"","sources":["../../../../src/components/social/ChatWindow/ChatWindow.tsx"],"names":[],"mappings":"AAYA,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,oBAAoB,CAAC;AAK1D;;;;GAIG;AACH,eAAO,MAAM,UAAU,4GAmIrB,CAAC"}

package/dist/components/social/ChatWindow/ChatWindow.js

@@ -0,0 +1,146 @@
+import { cx } from "../../../utils/cx.js";
+import ChatWindow_module_default from "./ChatWindow.module.js";
+import { forwardRef, useEffect, useId, useLayoutEffect, useRef, useState } from "react";
+import { jsx, jsxs } from "react/jsx-runtime";
+//#region src/components/social/ChatWindow/ChatWindow.tsx
+/** Pixels from the bottom that still count as "following" the conversation. */
+var STICK_THRESHOLD = 24;
+/**
+* In-game chat: a scrolling message log (`role="log"`) above a text field.
+* Enter sends, ↑ / ↓ recall sent messages, and the log only auto-scrolls while
+* the reader is already at the bottom.
+*/
+var ChatWindow = forwardRef(function ChatWindow({ messages, onSend, placeholder = "Type a message…", maxLength = 256, showTimestamps = false, size = "md", label = "Chat", className, ...rest }, ref) {
+	const inputId = useId();
+	const logRef = useRef(null);
+	const stick = useRef(true);
+	const [draft, setDraft] = useState("");
+	const [history, setHistory] = useState([]);
+	const [historyIndex, setHistoryIndex] = useState(null);
+	useLayoutEffect(() => {
+		const log = logRef.current;
+		if (log && stick.current) log.scrollTop = log.scrollHeight;
+	}, [messages]);
+	useEffect(() => {
+		const log = logRef.current;
+		if (!log) return void 0;
+		const onScroll = () => {
+			stick.current = log.scrollHeight - log.scrollTop - log.clientHeight <= STICK_THRESHOLD;
+		};
+		log.addEventListener("scroll", onScroll);
+		return () => log.removeEventListener("scroll", onScroll);
+	}, []);
+	const submit = (event) => {
+		event.preventDefault();
+		const text = draft.trim();
+		if (!text) return;
+		onSend?.(text);
+		setHistory((previous) => [...previous, text]);
+		setHistoryIndex(null);
+		setDraft("");
+		stick.current = true;
+	};
+	const onKeyDown = (event) => {
+		if (history.length === 0) return;
+		if (event.key === "ArrowUp") {
+			event.preventDefault();
+			const next = historyIndex === null ? history.length - 1 : Math.max(0, historyIndex - 1);
+			setHistoryIndex(next);
+			setDraft(history[next] ?? "");
+		} else if (event.key === "ArrowDown" && historyIndex !== null) {
+			event.preventDefault();
+			const next = historyIndex + 1;
+			if (next >= history.length) {
+				setHistoryIndex(null);
+				setDraft("");
+			} else {
+				setHistoryIndex(next);
+				setDraft(history[next] ?? "");
+			}
+		}
+	};
+	return /* @__PURE__ */ jsxs("div", {
+		ref,
+		role: "region",
+		"aria-label": label,
+		"data-size": size,
+		className: cx(ChatWindow_module_default.chat, className),
+		...rest,
+		children: [/* @__PURE__ */ jsx("div", {
+			ref: logRef,
+			role: "log",
+			"aria-label": `${label} messages`,
+			tabIndex: 0,
+			className: ChatWindow_module_default.log,
+			children: /* @__PURE__ */ jsx("ol", {
+				className: ChatWindow_module_default.list,
+				children: messages.map((message) => {
+					const type = message.type ?? "chat";
+					return /* @__PURE__ */ jsxs("li", {
+						className: ChatWindow_module_default.message,
+						"data-type": type,
+						children: [
+							showTimestamps && message.time ? /* @__PURE__ */ jsxs("span", {
+								className: ChatWindow_module_default.time,
+								children: [
+									"[",
+									message.time,
+									"] "
+								]
+							}) : null,
+							type === "chat" && message.author ? /* @__PURE__ */ jsxs("span", {
+								className: ChatWindow_module_default.author,
+								children: [
+									"<",
+									message.author,
+									"> "
+								]
+							}) : null,
+							type === "whisper" && message.author ? /* @__PURE__ */ jsxs("span", {
+								className: ChatWindow_module_default.author,
+								children: [message.author, " whispers: "]
+							}) : null,
+							/* @__PURE__ */ jsx("span", {
+								className: ChatWindow_module_default.text,
+								children: message.text
+							})
+						]
+					}, message.id);
+				})
+			})
+		}), onSend ? /* @__PURE__ */ jsxs("form", {
+			className: ChatWindow_module_default.form,
+			onSubmit: submit,
+			children: [
+				/* @__PURE__ */ jsx("label", {
+					htmlFor: inputId,
+					className: "block-visually-hidden",
+					children: "Message"
+				}),
+				/* @__PURE__ */ jsx("input", {
+					id: inputId,
+					type: "text",
+					value: draft,
+					maxLength,
+					placeholder,
+					autoComplete: "off",
+					className: ChatWindow_module_default.input,
+					onChange: (event) => {
+						setDraft(event.target.value);
+						setHistoryIndex(null);
+					},
+					onKeyDown
+				}),
+				/* @__PURE__ */ jsx("button", {
+					type: "submit",
+					className: ChatWindow_module_default.send,
+					children: "Send"
+				})
+			]
+		}) : null]
+	});
+});
+//#endregion
+export { ChatWindow };
+
+//# sourceMappingURL=ChatWindow.js.map

package/dist/components/social/ChatWindow/ChatWindow.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ChatWindow.js","names":["styles"],"sources":["../../../../src/components/social/ChatWindow/ChatWindow.tsx"],"sourcesContent":["import {\n  forwardRef,\n  useEffect,\n  useId,\n  useLayoutEffect,\n  useRef,\n  useState,\n  type FormEvent,\n  type KeyboardEvent,\n} from \"react\";\nimport { cx } from \"../../../utils/cx\";\nimport styles from \"./ChatWindow.module.css\";\nimport type { ChatWindowProps } from \"./ChatWindow.types\";\n\n/** Pixels from the bottom that still count as \"following\" the conversation. */\nconst STICK_THRESHOLD = 24;\n\n/**\n * In-game chat: a scrolling message log (`role=\"log\"`) above a text field.\n * Enter sends, ↑ / ↓ recall sent messages, and the log only auto-scrolls while\n * the reader is already at the bottom.\n */\nexport const ChatWindow = forwardRef<HTMLDivElement, ChatWindowProps>(function ChatWindow(\n  {\n    messages,\n    onSend,\n    placeholder = \"Type a message…\",\n    maxLength = 256,\n    showTimestamps = false,\n    size = \"md\",\n    label = \"Chat\",\n    className,\n    ...rest\n  },\n  ref,\n) {\n  const inputId = useId();\n  const logRef = useRef<HTMLDivElement>(null);\n  const stick = useRef(true);\n  const [draft, setDraft] = useState(\"\");\n  const [history, setHistory] = useState<string[]>([]);\n  const [historyIndex, setHistoryIndex] = useState<number | null>(null);\n\n  useLayoutEffect(() => {\n    const log = logRef.current;\n    if (log && stick.current) log.scrollTop = log.scrollHeight;\n  }, [messages]);\n\n  useEffect(() => {\n    const log = logRef.current;\n    if (!log) return undefined;\n    const onScroll = () => {\n      stick.current = log.scrollHeight - log.scrollTop - log.clientHeight <= STICK_THRESHOLD;\n    };\n    log.addEventListener(\"scroll\", onScroll);\n    return () => log.removeEventListener(\"scroll\", onScroll);\n  }, []);\n\n  const submit = (event: FormEvent<HTMLFormElement>) => {\n    event.preventDefault();\n    const text = draft.trim();\n    if (!text) return;\n    onSend?.(text);\n    setHistory((previous) => [...previous, text]);\n    setHistoryIndex(null);\n    setDraft(\"\");\n    stick.current = true;\n  };\n\n  const onKeyDown = (event: KeyboardEvent<HTMLInputElement>) => {\n    if (history.length === 0) return;\n    if (event.key === \"ArrowUp\") {\n      event.preventDefault();\n      const next = historyIndex === null ? history.length - 1 : Math.max(0, historyIndex - 1);\n      setHistoryIndex(next);\n      setDraft(history[next] ?? \"\");\n    } else if (event.key === \"ArrowDown\" && historyIndex !== null) {\n      event.preventDefault();\n      const next = historyIndex + 1;\n      if (next >= history.length) {\n        setHistoryIndex(null);\n        setDraft(\"\");\n      } else {\n        setHistoryIndex(next);\n        setDraft(history[next] ?? \"\");\n      }\n    }\n  };\n\n  return (\n    <div\n      ref={ref}\n      role=\"region\"\n      aria-label={label}\n      data-size={size}\n      className={cx(styles.chat, className)}\n      {...rest}\n    >\n      <div\n        ref={logRef}\n        role=\"log\"\n        aria-label={`${label} messages`}\n        // Scrollable log: keyboard users must be able to focus it to scroll.\n        // eslint-disable-next-line jsx-a11y/no-noninteractive-tabindex\n        tabIndex={0}\n        className={styles.log}\n      >\n        <ol className={styles.list}>\n          {messages.map((message) => {\n            const type = message.type ?? \"chat\";\n            return (\n              <li key={message.id} className={styles.message} data-type={type}>\n                {showTimestamps && message.time ? (\n                  <span className={styles.time}>[{message.time}] </span>\n                ) : null}\n                {type === \"chat\" && message.author ? (\n                  <span className={styles.author}>&lt;{message.author}&gt; </span>\n                ) : null}\n                {type === \"whisper\" && message.author ? (\n                  <span className={styles.author}>{message.author} whispers: </span>\n                ) : null}\n                <span className={styles.text}>{message.text}</span>\n              </li>\n            );\n          })}\n        </ol>\n      </div>\n      {onSend ? (\n        <form className={styles.form} onSubmit={submit}>\n          <label htmlFor={inputId} className=\"block-visually-hidden\">\n            Message\n          </label>\n          <input\n            id={inputId}\n            type=\"text\"\n            value={draft}\n            maxLength={maxLength}\n            placeholder={placeholder}\n            autoComplete=\"off\"\n            className={styles.input}\n            onChange={(event) => {\n              setDraft(event.target.value);\n              setHistoryIndex(null);\n            }}\n            onKeyDown={onKeyDown}\n          />\n          <button type=\"submit\" className={styles.send}>\n            Send\n          </button>\n        </form>\n      ) : null}\n    </div>\n  );\n});\n"],"mappings":";;;;;;AAeA,IAAM,kBAAkB;;;;;;AAOxB,IAAa,aAAa,WAA4C,SAAS,WAC7E,EACE,UACA,QACA,cAAc,mBACd,YAAY,KACZ,iBAAiB,OACjB,OAAO,MACP,QAAQ,QACR,WACA,GAAG,QAEL,KACA;CACA,MAAM,UAAU,MAAM;CACtB,MAAM,SAAS,OAAuB,IAAI;CAC1C,MAAM,QAAQ,OAAO,IAAI;CACzB,MAAM,CAAC,OAAO,YAAY,SAAS,EAAE;CACrC,MAAM,CAAC,SAAS,cAAc,SAAmB,CAAC,CAAC;CACnD,MAAM,CAAC,cAAc,mBAAmB,SAAwB,IAAI;CAEpE,sBAAsB;EACpB,MAAM,MAAM,OAAO;EACnB,IAAI,OAAO,MAAM,SAAS,IAAI,YAAY,IAAI;CAChD,GAAG,CAAC,QAAQ,CAAC;CAEb,gBAAgB;EACd,MAAM,MAAM,OAAO;EACnB,IAAI,CAAC,KAAK,OAAO,KAAA;EACjB,MAAM,iBAAiB;GACrB,MAAM,UAAU,IAAI,eAAe,IAAI,YAAY,IAAI,gBAAgB;EACzE;EACA,IAAI,iBAAiB,UAAU,QAAQ;EACvC,aAAa,IAAI,oBAAoB,UAAU,QAAQ;CACzD,GAAG,CAAC,CAAC;CAEL,MAAM,UAAU,UAAsC;EACpD,MAAM,eAAe;EACrB,MAAM,OAAO,MAAM,KAAK;EACxB,IAAI,CAAC,MAAM;EACX,SAAS,IAAI;EACb,YAAY,aAAa,CAAC,GAAG,UAAU,IAAI,CAAC;EAC5C,gBAAgB,IAAI;EACpB,SAAS,EAAE;EACX,MAAM,UAAU;CAClB;CAEA,MAAM,aAAa,UAA2C;EAC5D,IAAI,QAAQ,WAAW,GAAG;EAC1B,IAAI,MAAM,QAAQ,WAAW;GAC3B,MAAM,eAAe;GACrB,MAAM,OAAO,iBAAiB,OAAO,QAAQ,SAAS,IAAI,KAAK,IAAI,GAAG,eAAe,CAAC;GACtF,gBAAgB,IAAI;GACpB,SAAS,QAAQ,SAAS,EAAE;EAC9B,OAAO,IAAI,MAAM,QAAQ,eAAe,iBAAiB,MAAM;GAC7D,MAAM,eAAe;GACrB,MAAM,OAAO,eAAe;GAC5B,IAAI,QAAQ,QAAQ,QAAQ;IAC1B,gBAAgB,IAAI;IACpB,SAAS,EAAE;GACb,OAAO;IACL,gBAAgB,IAAI;IACpB,SAAS,QAAQ,SAAS,EAAE;GAC9B;EACF;CACF;CAEA,OACE,qBAAC,OAAD;EACO;EACL,MAAK;EACL,cAAY;EACZ,aAAW;EACX,WAAW,GAAGA,0BAAO,MAAM,SAAS;EACpC,GAAI;EANN,UAAA,CAQE,oBAAC,OAAD;GACE,KAAK;GACL,MAAK;GACL,cAAY,GAAG,MAAM;GAGrB,UAAU;GACV,WAAWA,0BAAO;GAElB,UAAA,oBAAC,MAAD;IAAI,WAAWA,0BAAO;IACnB,UAAA,SAAS,KAAK,YAAY;KACzB,MAAM,OAAO,QAAQ,QAAQ;KAC7B,OACE,qBAAC,MAAD;MAAqB,WAAWA,0BAAO;MAAS,aAAW;MAA3D,UAAA;OACG,kBAAkB,QAAQ,OACzB,qBAAC,QAAD;QAAM,WAAWA,0BAAO;QAAxB,UAAA;SAA8B;SAAE,QAAQ;SAAK;QAAQ;OACnD,CAAA,IAAA;OACH,SAAS,UAAU,QAAQ,SAC1B,qBAAC,QAAD;QAAM,WAAWA,0BAAO;QAAxB,UAAA;SAAgC;SAAK,QAAQ;SAAO;QAAW;OAC7D,CAAA,IAAA;OACH,SAAS,aAAa,QAAQ,SAC7B,qBAAC,QAAD;QAAM,WAAWA,0BAAO;QAAxB,UAAA,CAAiC,QAAQ,QAAO,aAAiB;OAC/D,CAAA,IAAA;OACJ,oBAAC,QAAD;QAAM,WAAWA,0BAAO;QAAO,UAAA,QAAQ;OAAW,CAAA;MAChD;KAXK,GAAA,QAAQ,EAWb;IAER,CAAC;GACC,CAAA;EACD,CAAA,GACJ,SACC,qBAAC,QAAD;GAAM,WAAWA,0BAAO;GAAM,UAAU;GAAxC,UAAA;IACE,oBAAC,SAAD;KAAO,SAAS;KAAS,WAAU;KAAwB,UAAA;IAEpD,CAAA;IACP,oBAAC,SAAD;KACE,IAAI;KACJ,MAAK;KACL,OAAO;KACI;KACE;KACb,cAAa;KACb,WAAWA,0BAAO;KAClB,WAAW,UAAU;MACnB,SAAS,MAAM,OAAO,KAAK;MAC3B,gBAAgB,IAAI;KACtB;KACW;IACZ,CAAA;IACD,oBAAC,UAAD;KAAQ,MAAK;KAAS,WAAWA,0BAAO;KAAM,UAAA;IAEtC,CAAA;GACJ;EACJ,CAAA,IAAA,IACD;;AAET,CAAC"}

package/dist/components/social/ChatWindow/ChatWindow.module.js

@@ -0,0 +1,27 @@
+//#region src/components/social/ChatWindow/ChatWindow.module.css
+var chat = "block-chat-Q0XDo";
+var log = "block-log-HVoUA";
+var list = "block-list-JP34I";
+var message = "block-message-hLZr5";
+var time = "block-time-ADjHo";
+var author = "block-author-4B0dn";
+var text = "block-text-dAB3G";
+var form = "block-form--uumN";
+var input = "block-input-jrO44";
+var send = "block-send-P4NkZ";
+var ChatWindow_module_default = {
+	chat,
+	log,
+	list,
+	message,
+	time,
+	author,
+	text,
+	form,
+	input,
+	send
+};
+//#endregion
+export { author, chat, ChatWindow_module_default as default, form, input, list, log, message, send, text, time };
+
+//# sourceMappingURL=ChatWindow.module.js.map

package/dist/components/social/ChatWindow/ChatWindow.module.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ChatWindow.module.js","names":[],"sources":["../../../../src/components/social/ChatWindow/ChatWindow.module.css"],"sourcesContent":[".chat {\n  --chat-height: 240px;\n  display: flex;\n  flex-direction: column;\n  width: 100%;\n  max-width: 560px;\n  font-size: var(--block-font-size-sm);\n  color: var(--block-text-primary);\n  background-color: color-mix(in srgb, var(--block-obsidian-dark) 80%, transparent);\n  border: var(--block-border-width-thin) solid var(--block-black);\n}\n\n.chat[data-size=\"sm\"] {\n  --chat-height: 160px;\n}\n\n.chat[data-size=\"lg\"] {\n  --chat-height: 360px;\n}\n\n.log {\n  display: flex;\n  flex-direction: column;\n  height: var(--chat-height);\n  padding: var(--block-space-2);\n  overflow-y: auto;\n  scrollbar-width: thin;\n}\n\n/* Messages stack from the bottom, like in-game chat. */\n.list {\n  display: flex;\n  flex-direction: column;\n  gap: 2px;\n  margin: auto 0 0;\n  padding: 0;\n  list-style: none;\n}\n\n.log:focus-visible {\n  outline: 3px solid var(--block-focus);\n  outline-offset: -3px;\n}\n\n.message {\n  line-height: var(--block-line-height-normal);\n  text-shadow: var(--block-shadow-text);\n  overflow-wrap: anywhere;\n}\n\n.time {\n  color: var(--block-text-secondary);\n  font-variant-numeric: tabular-nums;\n}\n\n.author {\n  color: var(--block-diamond-light);\n}\n\n.message[data-type=\"system\"] .text {\n  color: var(--block-gold-light);\n}\n\n.message[data-type=\"join\"] .text {\n  color: var(--block-gold-light);\n}\n\n.message[data-type=\"death\"] .text {\n  color: var(--block-redstone-light);\n}\n\n.message[data-type=\"whisper\"] {\n  color: var(--block-text-secondary);\n  font-style: italic;\n}\n\n.form {\n  display: flex;\n  gap: var(--block-space-1);\n  padding: var(--block-space-1);\n  border-top: var(--block-border-width-thin) solid var(--block-black);\n}\n\n.input {\n  flex: 1;\n  min-width: 0;\n  min-height: 36px;\n  padding: 0 var(--block-space-2);\n  font: inherit;\n  color: var(--block-text-primary);\n  background-color: color-mix(in srgb, var(--block-black) 70%, transparent);\n  border: var(--block-border-width-thin) solid var(--block-obsidian-light);\n}\n\n.input::placeholder {\n  color: var(--block-text-secondary);\n}\n\n.input:focus-visible {\n  outline: 3px solid var(--block-focus);\n  outline-offset: -1px;\n}\n\n.send {\n  min-width: 64px;\n  min-height: 36px;\n  padding: 0 var(--block-space-2);\n  font-family: var(--block-font-display);\n  font-size: var(--block-font-size-xs);\n  text-transform: uppercase;\n  color: var(--block-text-primary);\n  background-color: var(--block-obsidian-light);\n  border: var(--block-border-width-thin) solid var(--block-black);\n  cursor: pointer;\n}\n\n.send:focus-visible {\n  outline: 3px solid var(--block-focus);\n  outline-offset: 2px;\n}\n"],"mappings":""}

package/dist/components/social/ChatWindow/ChatWindow.types.d.ts

@@ -0,0 +1,29 @@
+import type { HTMLAttributes, ReactNode } from "react";
+export declare const chatMessageTypes: readonly ["chat", "system", "whisper", "join", "death"];
+export type ChatMessageType = (typeof chatMessageTypes)[number];
+export interface ChatMessage {
+    id: string;
+    /** Sender; omitted for system lines. */
+    author?: string;
+    text: ReactNode;
+    /** Display time, e.g. "14:02". */
+    time?: string;
+    /** @default "chat" */
+    type?: ChatMessageType;
+}
+export interface ChatWindowProps extends HTMLAttributes<HTMLDivElement> {
+    messages: ChatMessage[];
+    /** Renders the input; called with the trimmed text on Enter. */
+    onSend?: (text: string) => void;
+    /** @default "Type a message…" */
+    placeholder?: string;
+    /** @default 256 */
+    maxLength?: number;
+    /** Show each message's time. */
+    showTimestamps?: boolean;
+    /** Log height. @default "md" */
+    size?: "sm" | "md" | "lg";
+    /** Accessible name. @default "Chat" */
+    label?: string;
+}
+//# sourceMappingURL=ChatWindow.types.d.ts.map

package/dist/components/social/ChatWindow/ChatWindow.types.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ChatWindow.types.d.ts","sourceRoot":"","sources":["../../../../src/components/social/ChatWindow/ChatWindow.types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,cAAc,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAEvD,eAAO,MAAM,gBAAgB,yDAA0D,CAAC;AAExF,MAAM,MAAM,eAAe,GAAG,CAAC,OAAO,gBAAgB,CAAC,CAAC,MAAM,CAAC,CAAC;AAEhE,MAAM,WAAW,WAAW;IAC1B,EAAE,EAAE,MAAM,CAAC;IACX,wCAAwC;IACxC,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,IAAI,EAAE,SAAS,CAAC;IAChB,kCAAkC;IAClC,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,sBAAsB;IACtB,IAAI,CAAC,EAAE,eAAe,CAAC;CACxB;AAED,MAAM,WAAW,eAAgB,SAAQ,cAAc,CAAC,cAAc,CAAC;IACrE,QAAQ,EAAE,WAAW,EAAE,CAAC;IACxB,gEAAgE;IAChE,MAAM,CAAC,EAAE,CAAC,IAAI,EAAE,MAAM,KAAK,IAAI,CAAC;IAChC,iCAAiC;IACjC,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,mBAAmB;IACnB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,gCAAgC;IAChC,cAAc,CAAC,EAAE,OAAO,CAAC;IACzB,gCAAgC;IAChC,IAAI,CAAC,EAAE,IAAI,GAAG,IAAI,GAAG,IAAI,CAAC;IAC1B,uCAAuC;IACvC,KAAK,CAAC,EAAE,MAAM,CAAC;CAChB"}

package/dist/components/social/ChatWindow/ChatWindow.types.js

@@ -0,0 +1,12 @@
+//#region src/components/social/ChatWindow/ChatWindow.types.ts
+var chatMessageTypes = [
+	"chat",
+	"system",
+	"whisper",
+	"join",
+	"death"
+];
+//#endregion
+export { chatMessageTypes };
+
+//# sourceMappingURL=ChatWindow.types.js.map

package/dist/components/social/ChatWindow/ChatWindow.types.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ChatWindow.types.js","names":[],"sources":["../../../../src/components/social/ChatWindow/ChatWindow.types.ts"],"sourcesContent":["import type { HTMLAttributes, ReactNode } from \"react\";\n\nexport const chatMessageTypes = [\"chat\", \"system\", \"whisper\", \"join\", \"death\"] as const;\n\nexport type ChatMessageType = (typeof chatMessageTypes)[number];\n\nexport interface ChatMessage {\n  id: string;\n  /** Sender; omitted for system lines. */\n  author?: string;\n  text: ReactNode;\n  /** Display time, e.g. \"14:02\". */\n  time?: string;\n  /** @default \"chat\" */\n  type?: ChatMessageType;\n}\n\nexport interface ChatWindowProps extends HTMLAttributes<HTMLDivElement> {\n  messages: ChatMessage[];\n  /** Renders the input; called with the trimmed text on Enter. */\n  onSend?: (text: string) => void;\n  /** @default \"Type a message…\" */\n  placeholder?: string;\n  /** @default 256 */\n  maxLength?: number;\n  /** Show each message's time. */\n  showTimestamps?: boolean;\n  /** Log height. @default \"md\" */\n  size?: \"sm\" | \"md\" | \"lg\";\n  /** Accessible name. @default \"Chat\" */\n  label?: string;\n}\n"],"mappings":";AAEA,IAAa,mBAAmB;CAAC;CAAQ;CAAU;CAAW;CAAQ;AAAO"}

package/dist/components/social/ChatWindow/index.d.ts

@@ -0,0 +1,4 @@
+export { ChatWindow } from "./ChatWindow";
+export { chatMessageTypes } from "./ChatWindow.types";
+export type { ChatMessage, ChatMessageType, ChatWindowProps } from "./ChatWindow.types";
+//# sourceMappingURL=index.d.ts.map

package/dist/components/social/ChatWindow/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/social/ChatWindow/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAE,MAAM,cAAc,CAAC;AAC1C,OAAO,EAAE,gBAAgB,EAAE,MAAM,oBAAoB,CAAC;AACtD,YAAY,EAAE,WAAW,EAAE,eAAe,EAAE,eAAe,EAAE,MAAM,oBAAoB,CAAC"}

package/dist/components/social/CommandConsole/CommandConsole.d.ts

@@ -0,0 +1,7 @@
+import type { CommandConsoleProps } from "./CommandConsole.types";
+/**
+ * Command console: an output log above a "/" command line with suggestions
+ * (WAI-ARIA combobox). Tab completes, ↑ / ↓ pick a suggestion or recall history.
+ */
+export declare const CommandConsole: import("react").ForwardRefExoticComponent<CommandConsoleProps & import("react").RefAttributes<HTMLDivElement>>;
+//# sourceMappingURL=CommandConsole.d.ts.map

package/dist/components/social/CommandConsole/CommandConsole.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"CommandConsole.d.ts","sourceRoot":"","sources":["../../../../src/components/social/CommandConsole/CommandConsole.tsx"],"names":[],"mappings":"AAYA,OAAO,KAAK,EAAE,mBAAmB,EAAE,MAAM,wBAAwB,CAAC;AAKlE;;;GAGG;AACH,eAAO,MAAM,cAAc,gHAwL1B,CAAC"}