@malilion/block-ui-react 0.1.0 → 0.3.0

package/dist/components/hud/Scoreboard/Scoreboard.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Scoreboard.js","names":["styles"],"sources":["../../../../src/components/hud/Scoreboard/Scoreboard.tsx"],"sourcesContent":["import { forwardRef, useId } from \"react\";\nimport { cx } from \"../../../utils/cx\";\nimport { formatNumber } from \"../../../utils/number\";\nimport styles from \"./Scoreboard.module.css\";\nimport type { ScoreboardProps } from \"./Scoreboard.types\";\nimport { entryKey, sortEntries } from \"./Scoreboard.utils\";\n\n/**\n * Sidebar scoreboard: an objective title over name / score rows, sorted by\n * score. A captioned table, so screen readers announce each name with its score.\n */\nexport const Scoreboard = forwardRef<HTMLDivElement, ScoreboardProps>(function Scoreboard(\n  {\n    title,\n    entries,\n    sort = \"desc\",\n    maxEntries = 15,\n    highlightId,\n    showRank = false,\n    emptyText = \"No scores yet\",\n    className,\n    ...rest\n  },\n  ref,\n) {\n  const captionId = useId();\n  const sorted = sortEntries(entries, sort);\n  const visible = sorted.slice(0, Math.max(0, maxEntries));\n  const hidden = sorted.length - visible.length;\n\n  return (\n    <div ref={ref} className={cx(styles.scoreboard, className)} {...rest}>\n      <table className={styles.table} aria-labelledby={captionId}>\n        <caption id={captionId} className={styles.title}>\n          {title}\n        </caption>\n        <thead className=\"block-visually-hidden\">\n          <tr>\n            {showRank ? <th scope=\"col\">Rank</th> : null}\n            <th scope=\"col\">Name</th>\n            <th scope=\"col\">Score</th>\n          </tr>\n        </thead>\n        <tbody>\n          {visible.length === 0 ? (\n            <tr>\n              <td colSpan={showRank ? 3 : 2} className={styles.empty}>\n                {emptyText}\n              </td>\n            </tr>\n          ) : (\n            visible.map((entry, index) => {\n              const key = entryKey(entry, index);\n              const highlighted = highlightId !== undefined && key === highlightId;\n              return (\n                <tr\n                  key={key}\n                  className={styles.row}\n                  data-highlighted={highlighted || undefined}\n                  aria-current={highlighted ? \"true\" : undefined}\n                >\n                  {showRank ? <td className={styles.rank}>{index + 1}</td> : null}\n                  <th scope=\"row\" className={styles.name}>\n                    {entry.name}\n                  </th>\n                  <td className={styles.score}>{formatNumber(entry.score)}</td>\n                </tr>\n              );\n            })\n          )}\n        </tbody>\n      </table>\n      {hidden > 0 ? <p className={styles.more}>+{hidden} more</p> : null}\n    </div>\n  );\n});\n"],"mappings":";;;;;;;;;;;AAWA,IAAa,aAAa,WAA4C,SAAS,WAC7E,EACE,OACA,SACA,OAAO,QACP,aAAa,IACb,aACA,WAAW,OACX,YAAY,iBACZ,WACA,GAAG,QAEL,KACA;CACA,MAAM,YAAY,MAAM;CACxB,MAAM,SAAS,YAAY,SAAS,IAAI;CACxC,MAAM,UAAU,OAAO,MAAM,GAAG,KAAK,IAAI,GAAG,UAAU,CAAC;CACvD,MAAM,SAAS,OAAO,SAAS,QAAQ;CAEvC,OACE,qBAAC,OAAD;EAAU;EAAK,WAAW,GAAGA,0BAAO,YAAY,SAAS;EAAG,GAAI;EAAhE,UAAA,CACE,qBAAC,SAAD;GAAO,WAAWA,0BAAO;GAAO,mBAAiB;GAAjD,UAAA;IACE,oBAAC,WAAD;KAAS,IAAI;KAAW,WAAWA,0BAAO;KACvC,UAAA;IACM,CAAA;IACT,oBAAC,SAAD;KAAO,WAAU;KACf,UAAA,qBAAC,MAAD,EAAA,UAAA;MACG,WAAW,oBAAC,MAAD;OAAI,OAAM;OAAM,UAAA;MAAQ,CAAA,IAAI;MACxC,oBAAC,MAAD;OAAI,OAAM;OAAM,UAAA;MAAQ,CAAA;MACxB,oBAAC,MAAD;OAAI,OAAM;OAAM,UAAA;MAAS,CAAA;KACvB,EAAA,CAAA;IACC,CAAA;IACP,oBAAC,SAAD,EAAA,UACG,QAAQ,WAAW,IAClB,oBAAC,MAAD,EAAA,UACE,oBAAC,MAAD;KAAI,SAAS,WAAW,IAAI;KAAG,WAAWA,0BAAO;KAC9C,UAAA;IACC,CAAA,EACF,CAAA,IAEJ,QAAQ,KAAK,OAAO,UAAU;KAC5B,MAAM,MAAM,SAAS,OAAO,KAAK;KACjC,MAAM,cAAc,gBAAgB,KAAA,KAAa,QAAQ;KACzD,OACE,qBAAC,MAAD;MAEE,WAAWA,0BAAO;MAClB,oBAAkB,eAAe,KAAA;MACjC,gBAAc,cAAc,SAAS,KAAA;MAJvC,UAAA;OAMG,WAAW,oBAAC,MAAD;QAAI,WAAWA,0BAAO;QAAO,UAAA,QAAQ;OAAM,CAAA,IAAI;OAC3D,oBAAC,MAAD;QAAI,OAAM;QAAM,WAAWA,0BAAO;QAC/B,UAAA,MAAM;OACL,CAAA;OACJ,oBAAC,MAAD;QAAI,WAAWA,0BAAO;QAAQ,UAAA,aAAa,MAAM,KAAK;OAAM,CAAA;MAC1D;KAVG,GAAA,GAUH;IAER,CAAC,EAEE,CAAA;GACF;EACN,CAAA,GAAA,SAAS,IAAI,qBAAC,KAAD;GAAG,WAAWA,0BAAO;GAArB,UAAA;IAA2B;IAAE;IAAO;GAAQ;EAAI,CAAA,IAAA,IAC3D;;AAET,CAAC"}

package/dist/components/hud/Scoreboard/Scoreboard.module.js

@@ -0,0 +1,25 @@
+//#region src/components/hud/Scoreboard/Scoreboard.module.css
+var scoreboard = "block-scoreboard-2KTaQ";
+var table = "block-table-4kliz";
+var title = "block-title-6zX-U";
+var row = "block-row-gK5cA";
+var rank = "block-rank-TJ44y";
+var name = "block-name-H8EuJ";
+var score = "block-score-C7mhx";
+var empty = "block-empty-1FO3R";
+var more = "block-more-3TTcW";
+var Scoreboard_module_default = {
+	scoreboard,
+	table,
+	title,
+	row,
+	rank,
+	name,
+	score,
+	empty,
+	more
+};
+//#endregion
+export { Scoreboard_module_default as default, empty, more, name, rank, row, score, scoreboard, table, title };
+
+//# sourceMappingURL=Scoreboard.module.js.map

package/dist/components/hud/Scoreboard/Scoreboard.module.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Scoreboard.module.js","names":[],"sources":["../../../../src/components/hud/Scoreboard/Scoreboard.module.css"],"sourcesContent":[".scoreboard {\n  display: inline-flex;\n  flex-direction: column;\n  min-width: 180px;\n  max-width: 100%;\n  padding: var(--block-space-1) var(--block-space-2) var(--block-space-2);\n  font-family: var(--block-font-display);\n  font-size: var(--block-font-size-sm);\n  color: var(--block-text-primary);\n  text-shadow: var(--block-shadow-text);\n  background-color: color-mix(in srgb, var(--block-obsidian-dark) 82%, transparent);\n  border: var(--block-border-width-thin) solid var(--block-black);\n}\n\n.table {\n  width: 100%;\n  border-collapse: collapse;\n}\n\n.title {\n  padding: var(--block-space-1) 0 var(--block-space-2);\n  font-size: var(--block-font-size-md);\n  font-weight: var(--block-font-weight-bold);\n  text-align: center;\n  color: var(--block-gold-light);\n  overflow-wrap: anywhere;\n}\n\n.row > * {\n  padding: 2px 0;\n  vertical-align: baseline;\n}\n\n.rank {\n  width: 1%;\n  padding-right: var(--block-space-2);\n  color: var(--block-text-secondary);\n  font-variant-numeric: tabular-nums;\n  text-align: right;\n}\n\n.name {\n  font-weight: var(--block-font-weight-regular);\n  text-align: left;\n  overflow-wrap: anywhere;\n}\n\n.score {\n  padding-left: var(--block-space-4);\n  text-align: right;\n  white-space: nowrap;\n  color: var(--block-redstone-light);\n  font-variant-numeric: tabular-nums;\n}\n\n.row[data-highlighted] > * {\n  background-color: color-mix(in srgb, var(--block-emerald) 30%, transparent);\n}\n\n.row[data-highlighted] .name {\n  color: var(--block-emerald-light);\n}\n\n.empty {\n  padding: var(--block-space-2) 0;\n  text-align: center;\n  color: var(--block-text-secondary);\n}\n\n.more {\n  margin: var(--block-space-1) 0 0;\n  font-size: var(--block-font-size-xs);\n  text-align: right;\n  color: var(--block-text-secondary);\n}\n"],"mappings":""}

package/dist/components/hud/Scoreboard/Scoreboard.types.d.ts

@@ -0,0 +1,23 @@
+import type { HTMLAttributes, ReactNode } from "react";
+export interface ScoreboardEntry {
+    /** Stable key; defaults to `name` when it is a string. */
+    id?: string;
+    name: ReactNode;
+    score: number;
+}
+export interface ScoreboardProps extends Omit<HTMLAttributes<HTMLDivElement>, "title"> {
+    /** Objective shown in the header — also the table caption. */
+    title: ReactNode;
+    entries: ScoreboardEntry[];
+    /** `desc` puts the highest score first. `none` keeps the given order. @default "desc" */
+    sort?: "desc" | "asc" | "none";
+    /** Rows shown after sorting; the rest are summarised. @default 15 */
+    maxEntries?: number;
+    /** Entry id (or string name) to highlight, e.g. the current player. */
+    highlightId?: string;
+    /** Show a rank number before each name. */
+    showRank?: boolean;
+    /** Text when there are no entries. @default "No scores yet" */
+    emptyText?: ReactNode;
+}
+//# sourceMappingURL=Scoreboard.types.d.ts.map

package/dist/components/hud/Scoreboard/Scoreboard.types.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Scoreboard.types.d.ts","sourceRoot":"","sources":["../../../../src/components/hud/Scoreboard/Scoreboard.types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,cAAc,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAEvD,MAAM,WAAW,eAAe;IAC9B,0DAA0D;IAC1D,EAAE,CAAC,EAAE,MAAM,CAAC;IACZ,IAAI,EAAE,SAAS,CAAC;IAChB,KAAK,EAAE,MAAM,CAAC;CACf;AAED,MAAM,WAAW,eAAgB,SAAQ,IAAI,CAAC,cAAc,CAAC,cAAc,CAAC,EAAE,OAAO,CAAC;IACpF,8DAA8D;IAC9D,KAAK,EAAE,SAAS,CAAC;IACjB,OAAO,EAAE,eAAe,EAAE,CAAC;IAC3B,yFAAyF;IACzF,IAAI,CAAC,EAAE,MAAM,GAAG,KAAK,GAAG,MAAM,CAAC;IAC/B,qEAAqE;IACrE,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,uEAAuE;IACvE,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,2CAA2C;IAC3C,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,+DAA+D;IAC/D,SAAS,CAAC,EAAE,SAAS,CAAC;CACvB"}

package/dist/components/hud/Scoreboard/Scoreboard.utils.d.ts

@@ -0,0 +1,5 @@
+import type { ScoreboardEntry } from "./Scoreboard.types";
+export declare function entryKey(entry: ScoreboardEntry, index: number): string;
+/** Sorted copy (stable), highest first for `desc`. */
+export declare function sortEntries(entries: ScoreboardEntry[], sort: "desc" | "asc" | "none"): ScoreboardEntry[];
+//# sourceMappingURL=Scoreboard.utils.d.ts.map

package/dist/components/hud/Scoreboard/Scoreboard.utils.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Scoreboard.utils.d.ts","sourceRoot":"","sources":["../../../../src/components/hud/Scoreboard/Scoreboard.utils.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,oBAAoB,CAAC;AAE1D,wBAAgB,QAAQ,CAAC,KAAK,EAAE,eAAe,EAAE,KAAK,EAAE,MAAM,GAAG,MAAM,CAGtE;AAED,sDAAsD;AACtD,wBAAgB,WAAW,CACzB,OAAO,EAAE,eAAe,EAAE,EAC1B,IAAI,EAAE,MAAM,GAAG,KAAK,GAAG,MAAM,GAC5B,eAAe,EAAE,CAInB"}

package/dist/components/hud/Scoreboard/Scoreboard.utils.js

@@ -0,0 +1,15 @@
+//#region src/components/hud/Scoreboard/Scoreboard.utils.ts
+function entryKey(entry, index) {
+	if (entry.id !== void 0) return entry.id;
+	return typeof entry.name === "string" ? entry.name : String(index);
+}
+/** Sorted copy (stable), highest first for `desc`. */
+function sortEntries(entries, sort) {
+	if (sort === "none") return entries;
+	const sign = sort === "desc" ? -1 : 1;
+	return [...entries].sort((a, b) => (a.score - b.score) * sign);
+}
+//#endregion
+export { entryKey, sortEntries };
+
+//# sourceMappingURL=Scoreboard.utils.js.map

package/dist/components/hud/Scoreboard/Scoreboard.utils.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Scoreboard.utils.js","names":[],"sources":["../../../../src/components/hud/Scoreboard/Scoreboard.utils.ts"],"sourcesContent":["import type { ScoreboardEntry } from \"./Scoreboard.types\";\n\nexport function entryKey(entry: ScoreboardEntry, index: number): string {\n  if (entry.id !== undefined) return entry.id;\n  return typeof entry.name === \"string\" ? entry.name : String(index);\n}\n\n/** Sorted copy (stable), highest first for `desc`. */\nexport function sortEntries(\n  entries: ScoreboardEntry[],\n  sort: \"desc\" | \"asc\" | \"none\",\n): ScoreboardEntry[] {\n  if (sort === \"none\") return entries;\n  const sign = sort === \"desc\" ? -1 : 1;\n  return [...entries].sort((a, b) => (a.score - b.score) * sign);\n}\n"],"mappings":";AAEA,SAAgB,SAAS,OAAwB,OAAuB;CACtE,IAAI,MAAM,OAAO,KAAA,GAAW,OAAO,MAAM;CACzC,OAAO,OAAO,MAAM,SAAS,WAAW,MAAM,OAAO,OAAO,KAAK;AACnE;;AAGA,SAAgB,YACd,SACA,MACmB;CACnB,IAAI,SAAS,QAAQ,OAAO;CAC5B,MAAM,OAAO,SAAS,SAAS,KAAK;CACpC,OAAO,CAAC,GAAG,OAAO,CAAC,CAAC,MAAM,GAAG,OAAO,EAAE,QAAQ,EAAE,SAAS,IAAI;AAC/D"}

package/dist/components/hud/Scoreboard/index.d.ts

@@ -0,0 +1,3 @@
+export { Scoreboard } from "./Scoreboard";
+export type { ScoreboardEntry, ScoreboardProps } from "./Scoreboard.types";
+//# sourceMappingURL=index.d.ts.map

package/dist/components/hud/Scoreboard/index.d.ts.map

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

package/dist/components/hud/WeatherIndicator/WeatherIndicator.d.ts

@@ -0,0 +1,4 @@
+import type { WeatherIndicatorProps } from "./WeatherIndicator.types";
+/** Current weather read-out with a pixel icon and an optional time remaining. */
+export declare const WeatherIndicator: import("react").ForwardRefExoticComponent<WeatherIndicatorProps & import("react").RefAttributes<HTMLDivElement>>;
+//# sourceMappingURL=WeatherIndicator.d.ts.map

package/dist/components/hud/WeatherIndicator/WeatherIndicator.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"WeatherIndicator.d.ts","sourceRoot":"","sources":["../../../../src/components/hud/WeatherIndicator/WeatherIndicator.tsx"],"names":[],"mappings":"AAIA,OAAO,KAAK,EAAE,qBAAqB,EAAE,MAAM,0BAA0B,CAAC;AAGtE,iFAAiF;AACjF,eAAO,MAAM,gBAAgB,kHA8B5B,CAAC"}

package/dist/components/hud/WeatherIndicator/WeatherIndicator.js

@@ -0,0 +1,52 @@
+import { cx } from "../../../utils/cx.js";
+import hudChip_module_default from "../hudChip.module.js";
+import WeatherIndicator_module_default from "./WeatherIndicator.module.js";
+import { WEATHER_LABEL, weatherIcon } from "./WeatherIndicator.utils.js";
+import { forwardRef } from "react";
+import { jsx, jsxs } from "react/jsx-runtime";
+//#region src/components/hud/WeatherIndicator/WeatherIndicator.tsx
+/** Current weather read-out with a pixel icon and an optional time remaining. */
+var WeatherIndicator = forwardRef(function WeatherIndicator({ weather, name, remaining, night = false, announce = false, size = "md", className, ...rest }, ref) {
+	const Icon = weatherIcon(weather, night);
+	return /* @__PURE__ */ jsxs("div", {
+		ref,
+		role: announce ? "status" : void 0,
+		"data-weather": weather,
+		"data-size": size,
+		className: cx(hudChip_module_default.chip, WeatherIndicator_module_default.weather, className),
+		...rest,
+		children: [
+			/* @__PURE__ */ jsx("span", {
+				className: cx(hudChip_module_default.icon, WeatherIndicator_module_default.icon),
+				"aria-hidden": "true",
+				children: /* @__PURE__ */ jsx(Icon, { size: size === "lg" ? 24 : 16 })
+			}),
+			/* @__PURE__ */ jsxs("span", { children: [
+				/* @__PURE__ */ jsx("span", {
+					className: hudChip_module_default.label,
+					children: "Weather"
+				}),
+				" ",
+				/* @__PURE__ */ jsx("span", {
+					className: WeatherIndicator_module_default.name,
+					children: name ?? WEATHER_LABEL[weather]
+				})
+			] }),
+			remaining !== void 0 ? /* @__PURE__ */ jsxs("span", {
+				className: hudChip_module_default.label,
+				children: [
+					"· ",
+					/* @__PURE__ */ jsx("span", {
+						className: hudChip_module_default.value,
+						children: remaining
+					}),
+					" left"
+				]
+			}) : null
+		]
+	});
+});
+//#endregion
+export { WeatherIndicator };
+
+//# sourceMappingURL=WeatherIndicator.js.map

package/dist/components/hud/WeatherIndicator/WeatherIndicator.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"WeatherIndicator.js","names":["chip","styles"],"sources":["../../../../src/components/hud/WeatherIndicator/WeatherIndicator.tsx"],"sourcesContent":["import { forwardRef } from \"react\";\nimport { cx } from \"../../../utils/cx\";\nimport chip from \"../hudChip.module.css\";\nimport styles from \"./WeatherIndicator.module.css\";\nimport type { WeatherIndicatorProps } from \"./WeatherIndicator.types\";\nimport { WEATHER_LABEL, weatherIcon } from \"./WeatherIndicator.utils\";\n\n/** Current weather read-out with a pixel icon and an optional time remaining. */\nexport const WeatherIndicator = forwardRef<HTMLDivElement, WeatherIndicatorProps>(\n  function WeatherIndicator(\n    { weather, name, remaining, night = false, announce = false, size = \"md\", className, ...rest },\n    ref,\n  ) {\n    const Icon = weatherIcon(weather, night);\n    return (\n      <div\n        ref={ref}\n        role={announce ? \"status\" : undefined}\n        data-weather={weather}\n        data-size={size}\n        className={cx(chip.chip, styles.weather, className)}\n        {...rest}\n      >\n        <span className={cx(chip.icon, styles.icon)} aria-hidden=\"true\">\n          <Icon size={size === \"lg\" ? 24 : 16} />\n        </span>\n        <span>\n          <span className={chip.label}>Weather</span>{\" \"}\n          <span className={styles.name}>{name ?? WEATHER_LABEL[weather]}</span>\n        </span>\n        {remaining !== undefined ? (\n          <span className={chip.label}>\n            · <span className={chip.value}>{remaining}</span> left\n          </span>\n        ) : null}\n      </div>\n    );\n  },\n);\n"],"mappings":";;;;;;;;AAQA,IAAa,mBAAmB,WAC9B,SAAS,iBACP,EAAE,SAAS,MAAM,WAAW,QAAQ,OAAO,WAAW,OAAO,OAAO,MAAM,WAAW,GAAG,QACxF,KACA;CACA,MAAM,OAAO,YAAY,SAAS,KAAK;CACvC,OACE,qBAAC,OAAD;EACO;EACL,MAAM,WAAW,WAAW,KAAA;EAC5B,gBAAc;EACd,aAAW;EACX,WAAW,GAAGA,uBAAK,MAAMC,gCAAO,SAAS,SAAS;EAClD,GAAI;EANN,UAAA;GAQE,oBAAC,QAAD;IAAM,WAAW,GAAGD,uBAAK,MAAMC,gCAAO,IAAI;IAAG,eAAY;IACvD,UAAA,oBAAC,MAAD,EAAM,MAAM,SAAS,OAAO,KAAK,GAAK,CAAA;GAClC,CAAA;GACN,qBAAC,QAAD,EAAA,UAAA;IACE,oBAAC,QAAD;KAAM,WAAWD,uBAAK;KAAO,UAAA;IAAa,CAAA;IAAE;IAC5C,oBAAC,QAAD;KAAM,WAAWC,gCAAO;KAAO,UAAA,QAAQ,cAAc;IAAe,CAAA;GAChE,EAAA,CAAA;GACL,cAAc,KAAA,IACb,qBAAC,QAAD;IAAM,WAAWD,uBAAK;IAAtB,UAAA;KAA6B;KACzB,oBAAC,QAAD;MAAM,WAAWA,uBAAK;MAAQ,UAAA;KAAgB,CAAA;KAAC;IAC7C;GACJ,CAAA,IAAA;EACD;;AAET,CACF"}

package/dist/components/hud/WeatherIndicator/WeatherIndicator.module.js

@@ -0,0 +1,15 @@
+//#region src/components/hud/WeatherIndicator/WeatherIndicator.module.css
+var weather = "block-weather-7zqS2";
+var icon = "block-icon-sAoQZ";
+var name = "block-name-GjdrU";
+var WeatherIndicator_module_default = {
+	weather,
+	icon,
+	"block-weather-drift": "block-block-weather-drift-CfW9y",
+	"block-weather-flash": "block-block-weather-flash-vbjyP",
+	name
+};
+//#endregion
+export { WeatherIndicator_module_default as default, icon, name, weather };
+
+//# sourceMappingURL=WeatherIndicator.module.js.map

package/dist/components/hud/WeatherIndicator/WeatherIndicator.module.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"WeatherIndicator.module.js","names":[],"sources":["../../../../src/components/hud/WeatherIndicator/WeatherIndicator.module.css"],"sourcesContent":[".weather[data-weather=\"rain\"] .icon,\n.weather[data-weather=\"snow\"] .icon {\n  animation: block-weather-drift 1.2s steps(2, end) infinite;\n}\n\n.weather[data-weather=\"thunder\"] .icon {\n  animation: block-weather-flash 2.4s steps(1, end) infinite;\n}\n\n.weather[data-weather=\"thunder\"] .name {\n  color: var(--block-gold-light);\n}\n\n.weather[data-weather=\"snow\"] .name {\n  color: var(--block-diamond-light);\n}\n\n/* Two-frame pixel drift; reduced motion stops it (base.css). */\n@keyframes block-weather-drift {\n  from {\n    transform: translateY(0);\n  }\n  to {\n    transform: translateY(2px);\n  }\n}\n\n@keyframes block-weather-flash {\n  0%,\n  90% {\n    filter: none;\n  }\n  92% {\n    filter: brightness(1.8);\n  }\n}\n"],"mappings":""}

package/dist/components/hud/WeatherIndicator/WeatherIndicator.types.d.ts

@@ -0,0 +1,17 @@
+import type { HTMLAttributes, ReactNode } from "react";
+export declare const weatherTypes: readonly ["clear", "cloudy", "rain", "thunder", "snow"];
+export type WeatherType = (typeof weatherTypes)[number];
+export interface WeatherIndicatorProps extends HTMLAttributes<HTMLDivElement> {
+    weather: WeatherType;
+    /** Display text. Defaults to "Clear", "Cloudy", "Rain", "Thunderstorm" or "Snow". */
+    name?: ReactNode;
+    /** Time left for this weather, e.g. "4 min". */
+    remaining?: ReactNode;
+    /** Show the moon instead of the sun for clear weather. */
+    night?: boolean;
+    /** Announce weather changes politely to screen readers (`role="status"`). */
+    announce?: boolean;
+    /** @default "md" */
+    size?: "sm" | "md" | "lg";
+}
+//# sourceMappingURL=WeatherIndicator.types.d.ts.map

package/dist/components/hud/WeatherIndicator/WeatherIndicator.types.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"WeatherIndicator.types.d.ts","sourceRoot":"","sources":["../../../../src/components/hud/WeatherIndicator/WeatherIndicator.types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,cAAc,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAEvD,eAAO,MAAM,YAAY,yDAA0D,CAAC;AAEpF,MAAM,MAAM,WAAW,GAAG,CAAC,OAAO,YAAY,CAAC,CAAC,MAAM,CAAC,CAAC;AAExD,MAAM,WAAW,qBAAsB,SAAQ,cAAc,CAAC,cAAc,CAAC;IAC3E,OAAO,EAAE,WAAW,CAAC;IACrB,qFAAqF;IACrF,IAAI,CAAC,EAAE,SAAS,CAAC;IACjB,gDAAgD;IAChD,SAAS,CAAC,EAAE,SAAS,CAAC;IACtB,0DAA0D;IAC1D,KAAK,CAAC,EAAE,OAAO,CAAC;IAChB,6EAA6E;IAC7E,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,oBAAoB;IACpB,IAAI,CAAC,EAAE,IAAI,GAAG,IAAI,GAAG,IAAI,CAAC;CAC3B"}

package/dist/components/hud/WeatherIndicator/WeatherIndicator.types.js

@@ -0,0 +1,12 @@
+//#region src/components/hud/WeatherIndicator/WeatherIndicator.types.ts
+var weatherTypes = [
+	"clear",
+	"cloudy",
+	"rain",
+	"thunder",
+	"snow"
+];
+//#endregion
+export { weatherTypes };
+
+//# sourceMappingURL=WeatherIndicator.types.js.map

package/dist/components/hud/WeatherIndicator/WeatherIndicator.types.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"WeatherIndicator.types.js","names":[],"sources":["../../../../src/components/hud/WeatherIndicator/WeatherIndicator.types.ts"],"sourcesContent":["import type { HTMLAttributes, ReactNode } from \"react\";\n\nexport const weatherTypes = [\"clear\", \"cloudy\", \"rain\", \"thunder\", \"snow\"] as const;\n\nexport type WeatherType = (typeof weatherTypes)[number];\n\nexport interface WeatherIndicatorProps extends HTMLAttributes<HTMLDivElement> {\n  weather: WeatherType;\n  /** Display text. Defaults to \"Clear\", \"Cloudy\", \"Rain\", \"Thunderstorm\" or \"Snow\". */\n  name?: ReactNode;\n  /** Time left for this weather, e.g. \"4 min\". */\n  remaining?: ReactNode;\n  /** Show the moon instead of the sun for clear weather. */\n  night?: boolean;\n  /** Announce weather changes politely to screen readers (`role=\"status\"`). */\n  announce?: boolean;\n  /** @default \"md\" */\n  size?: \"sm\" | \"md\" | \"lg\";\n}\n"],"mappings":";AAEA,IAAa,eAAe;CAAC;CAAS;CAAU;CAAQ;CAAW;AAAM"}

package/dist/components/hud/WeatherIndicator/WeatherIndicator.utils.d.ts

@@ -0,0 +1,5 @@
+import { type PixelIcon } from "@malilion/block-ui-icons";
+import type { WeatherType } from "./WeatherIndicator.types";
+export declare const WEATHER_LABEL: Record<WeatherType, string>;
+export declare function weatherIcon(weather: WeatherType, night: boolean): PixelIcon;
+//# sourceMappingURL=WeatherIndicator.utils.d.ts.map

package/dist/components/hud/WeatherIndicator/WeatherIndicator.utils.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"WeatherIndicator.utils.d.ts","sourceRoot":"","sources":["../../../../src/components/hud/WeatherIndicator/WeatherIndicator.utils.ts"],"names":[],"mappings":"AAAA,OAAO,EAOL,KAAK,SAAS,EACf,MAAM,0BAA0B,CAAC;AAClC,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,0BAA0B,CAAC;AAE5D,eAAO,MAAM,aAAa,EAAE,MAAM,CAAC,WAAW,EAAE,MAAM,CAMrD,CAAC;AAEF,wBAAgB,WAAW,CAAC,OAAO,EAAE,WAAW,EAAE,KAAK,EAAE,OAAO,GAAG,SAAS,CAa3E"}

package/dist/components/hud/WeatherIndicator/WeatherIndicator.utils.js

@@ -0,0 +1,22 @@
+import { CloudIcon, MoonIcon, RainIcon, SnowIcon, SunIcon, ThunderIcon } from "@malilion/block-ui-icons";
+//#region src/components/hud/WeatherIndicator/WeatherIndicator.utils.ts
+var WEATHER_LABEL = {
+	clear: "Clear",
+	cloudy: "Cloudy",
+	rain: "Rain",
+	thunder: "Thunderstorm",
+	snow: "Snow"
+};
+function weatherIcon(weather, night) {
+	switch (weather) {
+		case "clear": return night ? MoonIcon : SunIcon;
+		case "cloudy": return CloudIcon;
+		case "rain": return RainIcon;
+		case "thunder": return ThunderIcon;
+		case "snow": return SnowIcon;
+	}
+}
+//#endregion
+export { WEATHER_LABEL, weatherIcon };
+
+//# sourceMappingURL=WeatherIndicator.utils.js.map

package/dist/components/hud/WeatherIndicator/WeatherIndicator.utils.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"WeatherIndicator.utils.js","names":[],"sources":["../../../../src/components/hud/WeatherIndicator/WeatherIndicator.utils.ts"],"sourcesContent":["import {\n  CloudIcon,\n  MoonIcon,\n  RainIcon,\n  SnowIcon,\n  SunIcon,\n  ThunderIcon,\n  type PixelIcon,\n} from \"@malilion/block-ui-icons\";\nimport type { WeatherType } from \"./WeatherIndicator.types\";\n\nexport const WEATHER_LABEL: Record<WeatherType, string> = {\n  clear: \"Clear\",\n  cloudy: \"Cloudy\",\n  rain: \"Rain\",\n  thunder: \"Thunderstorm\",\n  snow: \"Snow\",\n};\n\nexport function weatherIcon(weather: WeatherType, night: boolean): PixelIcon {\n  switch (weather) {\n    case \"clear\":\n      return night ? MoonIcon : SunIcon;\n    case \"cloudy\":\n      return CloudIcon;\n    case \"rain\":\n      return RainIcon;\n    case \"thunder\":\n      return ThunderIcon;\n    case \"snow\":\n      return SnowIcon;\n  }\n}\n"],"mappings":";;AAWA,IAAa,gBAA6C;CACxD,OAAO;CACP,QAAQ;CACR,MAAM;CACN,SAAS;CACT,MAAM;AACR;AAEA,SAAgB,YAAY,SAAsB,OAA2B;CAC3E,QAAQ,SAAR;EACE,KAAK,SACH,OAAO,QAAQ,WAAW;EAC5B,KAAK,UACH,OAAO;EACT,KAAK,QACH,OAAO;EACT,KAAK,WACH,OAAO;EACT,KAAK,QACH,OAAO;CACX;AACF"}

package/dist/components/hud/WeatherIndicator/index.d.ts

@@ -0,0 +1,4 @@
+export { WeatherIndicator } from "./WeatherIndicator";
+export { weatherTypes } from "./WeatherIndicator.types";
+export type { WeatherIndicatorProps, WeatherType } from "./WeatherIndicator.types";
+//# sourceMappingURL=index.d.ts.map

package/dist/components/hud/WeatherIndicator/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/hud/WeatherIndicator/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,gBAAgB,EAAE,MAAM,oBAAoB,CAAC;AACtD,OAAO,EAAE,YAAY,EAAE,MAAM,0BAA0B,CAAC;AACxD,YAAY,EAAE,qBAAqB,EAAE,WAAW,EAAE,MAAM,0BAA0B,CAAC"}

package/dist/components/hud/hudChip.module.js

@@ -0,0 +1,15 @@
+//#region src/components/hud/hudChip.module.css
+var chip = "block-chip-w274k";
+var icon = "block-icon-fd7cr";
+var label = "block-label-GMz9X";
+var value = "block-value-ZxJD0";
+var hudChip_module_default = {
+	chip,
+	icon,
+	label,
+	value
+};
+//#endregion
+export { chip, hudChip_module_default as default, icon, label, value };
+
+//# sourceMappingURL=hudChip.module.js.map

package/dist/components/hud/hudChip.module.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"hudChip.module.js","names":[],"sources":["../../../src/components/hud/hudChip.module.css"],"sourcesContent":["/*\n * Shared look of the small HUD read-outs (CoordinatesHUD, BiomeIndicator,\n * DayNightIndicator, WeatherIndicator): a dark, semi-transparent obsidian chip\n * that stays legible over any game scene or theme.\n */\n.chip {\n  display: inline-flex;\n  align-items: center;\n  gap: var(--block-space-2);\n  min-height: 32px;\n  padding: var(--block-space-1) var(--block-space-2);\n  font-family: var(--block-font-display);\n  font-size: var(--block-font-size-sm);\n  line-height: var(--block-line-height-tight);\n  color: var(--block-text-primary);\n  text-shadow: var(--block-shadow-text);\n  background-color: color-mix(in srgb, var(--block-obsidian-dark) 88%, transparent);\n  border: var(--block-border-width-thin) solid var(--block-black);\n  box-shadow: inset 0 0 0 2px color-mix(in srgb, var(--block-obsidian-light) 70%, transparent);\n}\n\n.chip[data-size=\"sm\"] {\n  min-height: 24px;\n  padding: 2px var(--block-space-1);\n  font-size: var(--block-font-size-xs);\n}\n\n.chip[data-size=\"lg\"] {\n  min-height: 44px;\n  padding: var(--block-space-2) var(--block-space-3);\n  font-size: var(--block-font-size-md);\n}\n\n.icon {\n  display: inline-flex;\n  flex-shrink: 0;\n  image-rendering: pixelated;\n}\n\n.label {\n  color: var(--block-text-secondary);\n}\n\n.value {\n  font-variant-numeric: tabular-nums;\n  white-space: nowrap;\n}\n"],"mappings":""}

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

@@ -3,4 +3,11 @@ export * from "./ArmorBar";
 export * from "./HungerBar";
 export * from "./XPBar";
 export * from "./PlayerHUD";
+export * from "./BossBar";
+export * from "./Scoreboard";
+export * from "./CoordinatesHUD";
+export * from "./BiomeIndicator";
+export * from "./DayNightIndicator";
+export * from "./WeatherIndicator";
+export * from "./MiniMap";
 //# sourceMappingURL=index.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/hud/index.ts"],"names":[],"mappings":"AAAA,cAAc,aAAa,CAAC;AAC5B,cAAc,YAAY,CAAC;AAC3B,cAAc,aAAa,CAAC;AAC5B,cAAc,SAAS,CAAC;AACxB,cAAc,aAAa,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/hud/index.ts"],"names":[],"mappings":"AAAA,cAAc,aAAa,CAAC;AAC5B,cAAc,YAAY,CAAC;AAC3B,cAAc,aAAa,CAAC;AAC5B,cAAc,SAAS,CAAC;AACxB,cAAc,aAAa,CAAC;AAC5B,cAAc,WAAW,CAAC;AAC1B,cAAc,cAAc,CAAC;AAC7B,cAAc,kBAAkB,CAAC;AACjC,cAAc,kBAAkB,CAAC;AACjC,cAAc,qBAAqB,CAAC;AACpC,cAAc,oBAAoB,CAAC;AACnC,cAAc,WAAW,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