@malilion/block-ui-react 0.0.0-stage → 0.2.0

package/dist/utils/cx.d.ts

@@ -0,0 +1,4 @@
+export type ClassValue = string | false | null | undefined | 0;
+/** Joins truthy class names. */
+export declare function cx(...values: ClassValue[]): string;
+//# sourceMappingURL=cx.d.ts.map

package/dist/utils/cx.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"cx.d.ts","sourceRoot":"","sources":["../../src/utils/cx.ts"],"names":[],"mappings":"AAAA,MAAM,MAAM,UAAU,GAAG,MAAM,GAAG,KAAK,GAAG,IAAI,GAAG,SAAS,GAAG,CAAC,CAAC;AAE/D,gCAAgC;AAChC,wBAAgB,EAAE,CAAC,GAAG,MAAM,EAAE,UAAU,EAAE,GAAG,MAAM,CAElD"}

package/dist/utils/cx.js

@@ -0,0 +1,9 @@
+//#region src/utils/cx.ts
+/** Joins truthy class names. */
+function cx(...values) {
+	return values.filter(Boolean).join(" ");
+}
+//#endregion
+export { cx };
+
+//# sourceMappingURL=cx.js.map

package/dist/utils/cx.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"cx.js","names":[],"sources":["../../src/utils/cx.ts"],"sourcesContent":["export type ClassValue = string | false | null | undefined | 0;\n\n/** Joins truthy class names. */\nexport function cx(...values: ClassValue[]): string {\n  return values.filter(Boolean).join(\" \");\n}\n"],"mappings":";;AAGA,SAAgB,GAAG,GAAG,QAA8B;CAClD,OAAO,OAAO,OAAO,OAAO,CAAC,CAAC,KAAK,GAAG;AACxC"}

package/dist/utils/dom.d.ts

@@ -0,0 +1,5 @@
+/** Visible, keyboard-focusable descendants in DOM order. */
+export declare function getFocusable(container: HTMLElement): HTMLElement[];
+/** True when a keyboard event comes from a text-entry control. */
+export declare function isTypingTarget(target: EventTarget | null): boolean;
+//# sourceMappingURL=dom.d.ts.map

package/dist/utils/dom.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"dom.d.ts","sourceRoot":"","sources":["../../src/utils/dom.ts"],"names":[],"mappings":"AAYA,4DAA4D;AAC5D,wBAAgB,YAAY,CAAC,SAAS,EAAE,WAAW,GAAG,WAAW,EAAE,CAIlE;AAED,kEAAkE;AAClE,wBAAgB,cAAc,CAAC,MAAM,EAAE,WAAW,GAAG,IAAI,GAAG,OAAO,CAQlE"}

package/dist/utils/dom.js

@@ -0,0 +1,38 @@
+//#region src/utils/dom.ts
+var FOCUSABLE = [
+	"a[href]",
+	"area[href]",
+	"button:not([disabled])",
+	"input:not([disabled]):not([type='hidden'])",
+	"select:not([disabled])",
+	"textarea:not([disabled])",
+	"iframe",
+	"[contenteditable='true']",
+	"[tabindex]:not([tabindex='-1'])"
+].join(",");
+/** Visible, keyboard-focusable descendants in DOM order. */
+function getFocusable(container) {
+	return Array.from(container.querySelectorAll(FOCUSABLE)).filter((el) => !el.hasAttribute("inert") && el.getAttribute("aria-hidden") !== "true");
+}
+/** True when a keyboard event comes from a text-entry control. */
+function isTypingTarget(target) {
+	if (!(target instanceof HTMLElement)) return false;
+	if (target.isContentEditable) return true;
+	const tag = target.tagName;
+	if (tag === "TEXTAREA" || tag === "SELECT") return true;
+	if (tag !== "INPUT") return false;
+	const type = target.type;
+	return ![
+		"checkbox",
+		"radio",
+		"button",
+		"submit",
+		"reset",
+		"range",
+		"color"
+	].includes(type);
+}
+//#endregion
+export { getFocusable, isTypingTarget };
+
+//# sourceMappingURL=dom.js.map

package/dist/utils/dom.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"dom.js","names":[],"sources":["../../src/utils/dom.ts"],"sourcesContent":["const FOCUSABLE = [\n  \"a[href]\",\n  \"area[href]\",\n  \"button:not([disabled])\",\n  \"input:not([disabled]):not([type='hidden'])\",\n  \"select:not([disabled])\",\n  \"textarea:not([disabled])\",\n  \"iframe\",\n  \"[contenteditable='true']\",\n  \"[tabindex]:not([tabindex='-1'])\",\n].join(\",\");\n\n/** Visible, keyboard-focusable descendants in DOM order. */\nexport function getFocusable(container: HTMLElement): HTMLElement[] {\n  return Array.from(container.querySelectorAll<HTMLElement>(FOCUSABLE)).filter(\n    (el) => !el.hasAttribute(\"inert\") && el.getAttribute(\"aria-hidden\") !== \"true\",\n  );\n}\n\n/** True when a keyboard event comes from a text-entry control. */\nexport function isTypingTarget(target: EventTarget | null): boolean {\n  if (!(target instanceof HTMLElement)) return false;\n  if (target.isContentEditable) return true;\n  const tag = target.tagName;\n  if (tag === \"TEXTAREA\" || tag === \"SELECT\") return true;\n  if (tag !== \"INPUT\") return false;\n  const type = (target as HTMLInputElement).type;\n  return ![\"checkbox\", \"radio\", \"button\", \"submit\", \"reset\", \"range\", \"color\"].includes(type);\n}\n"],"mappings":";AAAA,IAAM,YAAY;CAChB;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;AACF,CAAC,CAAC,KAAK,GAAG;;AAGV,SAAgB,aAAa,WAAuC;CAClE,OAAO,MAAM,KAAK,UAAU,iBAA8B,SAAS,CAAC,CAAC,CAAC,QACnE,OAAO,CAAC,GAAG,aAAa,OAAO,KAAK,GAAG,aAAa,aAAa,MAAM,MAC1E;AACF;;AAGA,SAAgB,eAAe,QAAqC;CAClE,IAAI,EAAE,kBAAkB,cAAc,OAAO;CAC7C,IAAI,OAAO,mBAAmB,OAAO;CACrC,MAAM,MAAM,OAAO;CACnB,IAAI,QAAQ,cAAc,QAAQ,UAAU,OAAO;CACnD,IAAI,QAAQ,SAAS,OAAO;CAC5B,MAAM,OAAQ,OAA4B;CAC1C,OAAO,CAAC;EAAC;EAAY;EAAS;EAAU;EAAU;EAAS;EAAS;CAAO,CAAC,CAAC,SAAS,IAAI;AAC5F"}

package/dist/utils/index.d.ts

@@ -0,0 +1,6 @@
+export { cx } from "./cx";
+export type { ClassValue } from "./cx";
+export { clamp, formatNumber, ratio } from "./number";
+export { mergeRefs } from "./refs";
+export { getFocusable, isTypingTarget } from "./dom";
+//# sourceMappingURL=index.d.ts.map

package/dist/utils/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/utils/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,EAAE,EAAE,MAAM,MAAM,CAAC;AAC1B,YAAY,EAAE,UAAU,EAAE,MAAM,MAAM,CAAC;AACvC,OAAO,EAAE,KAAK,EAAE,YAAY,EAAE,KAAK,EAAE,MAAM,UAAU,CAAC;AACtD,OAAO,EAAE,SAAS,EAAE,MAAM,QAAQ,CAAC;AACnC,OAAO,EAAE,YAAY,EAAE,cAAc,EAAE,MAAM,OAAO,CAAC"}

package/dist/utils/number.d.ts

@@ -0,0 +1,6 @@
+export declare function clamp(value: number, min: number, max: number): number;
+/** Ratio in [0, 1]; returns 0 when `max` is not positive. */
+export declare function ratio(value: number, max: number): number;
+/** `1240` → `"1,240"`. */
+export declare function formatNumber(value: number): string;
+//# sourceMappingURL=number.d.ts.map

package/dist/utils/number.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"number.d.ts","sourceRoot":"","sources":["../../src/utils/number.ts"],"names":[],"mappings":"AAAA,wBAAgB,KAAK,CAAC,KAAK,EAAE,MAAM,EAAE,GAAG,EAAE,MAAM,EAAE,GAAG,EAAE,MAAM,GAAG,MAAM,CAErE;AAED,6DAA6D;AAC7D,wBAAgB,KAAK,CAAC,KAAK,EAAE,MAAM,EAAE,GAAG,EAAE,MAAM,GAAG,MAAM,CAGxD;AAID,0BAA0B;AAC1B,wBAAgB,YAAY,CAAC,KAAK,EAAE,MAAM,GAAG,MAAM,CAElD"}

package/dist/utils/number.js

@@ -0,0 +1,18 @@
+//#region src/utils/number.ts
+function clamp(value, min, max) {
+	return Math.min(max, Math.max(min, value));
+}
+/** Ratio in [0, 1]; returns 0 when `max` is not positive. */
+function ratio(value, max) {
+	if (!(max > 0) || !Number.isFinite(value)) return 0;
+	return clamp(value / max, 0, 1);
+}
+var formatter = new Intl.NumberFormat("en-US");
+/** `1240` → `"1,240"`. */
+function formatNumber(value) {
+	return formatter.format(value);
+}
+//#endregion
+export { clamp, formatNumber, ratio };
+
+//# sourceMappingURL=number.js.map

package/dist/utils/number.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"number.js","names":[],"sources":["../../src/utils/number.ts"],"sourcesContent":["export function clamp(value: number, min: number, max: number): number {\n  return Math.min(max, Math.max(min, value));\n}\n\n/** Ratio in [0, 1]; returns 0 when `max` is not positive. */\nexport function ratio(value: number, max: number): number {\n  if (!(max > 0) || !Number.isFinite(value)) return 0;\n  return clamp(value / max, 0, 1);\n}\n\nconst formatter = new Intl.NumberFormat(\"en-US\");\n\n/** `1240` → `\"1,240\"`. */\nexport function formatNumber(value: number): string {\n  return formatter.format(value);\n}\n"],"mappings":";AAAA,SAAgB,MAAM,OAAe,KAAa,KAAqB;CACrE,OAAO,KAAK,IAAI,KAAK,KAAK,IAAI,KAAK,KAAK,CAAC;AAC3C;;AAGA,SAAgB,MAAM,OAAe,KAAqB;CACxD,IAAI,EAAE,MAAM,MAAM,CAAC,OAAO,SAAS,KAAK,GAAG,OAAO;CAClD,OAAO,MAAM,QAAQ,KAAK,GAAG,CAAC;AAChC;AAEA,IAAM,YAAY,IAAI,KAAK,aAAa,OAAO;;AAG/C,SAAgB,aAAa,OAAuB;CAClD,OAAO,UAAU,OAAO,KAAK;AAC/B"}

package/dist/utils/position.d.ts

@@ -0,0 +1,41 @@
+export type FloatingSide = "top" | "bottom" | "left" | "right";
+export type FloatingAlign = "start" | "center" | "end";
+export interface FloatingPosition {
+    /** Viewport coordinates for a `position: fixed` element. */
+    x: number;
+    y: number;
+    /** The side actually used after flipping. */
+    side: FloatingSide;
+    /** Anchor center along the floating element's edge, for an arrow. */
+    arrow: number;
+}
+interface Rect {
+    top: number;
+    bottom: number;
+    left: number;
+    right: number;
+    width: number;
+    height: number;
+}
+/**
+ * Places a floating box next to an anchor: on `side` if it fits, otherwise on
+ * the opposite side (when that fits better), then slides it along the edge so
+ * it stays inside the viewport.
+ */
+export declare function computePosition({ anchor, floating, viewport, side, align, gap, margin, }: {
+    anchor: Rect;
+    floating: {
+        width: number;
+        height: number;
+    };
+    viewport: {
+        width: number;
+        height: number;
+    };
+    side: FloatingSide;
+    align?: FloatingAlign;
+    gap?: number;
+    margin?: number;
+}): FloatingPosition;
+export {};
+//# sourceMappingURL=position.d.ts.map

package/dist/utils/position.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"position.d.ts","sourceRoot":"","sources":["../../src/utils/position.ts"],"names":[],"mappings":"AAAA,MAAM,MAAM,YAAY,GAAG,KAAK,GAAG,QAAQ,GAAG,MAAM,GAAG,OAAO,CAAC;AAC/D,MAAM,MAAM,aAAa,GAAG,OAAO,GAAG,QAAQ,GAAG,KAAK,CAAC;AAEvD,MAAM,WAAW,gBAAgB;IAC/B,4DAA4D;IAC5D,CAAC,EAAE,MAAM,CAAC;IACV,CAAC,EAAE,MAAM,CAAC;IACV,6CAA6C;IAC7C,IAAI,EAAE,YAAY,CAAC;IACnB,qEAAqE;IACrE,KAAK,EAAE,MAAM,CAAC;CACf;AAED,UAAU,IAAI;IACZ,GAAG,EAAE,MAAM,CAAC;IACZ,MAAM,EAAE,MAAM,CAAC;IACf,IAAI,EAAE,MAAM,CAAC;IACb,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,EAAE,MAAM,CAAC;IACd,MAAM,EAAE,MAAM,CAAC;CAChB;AAaD;;;;GAIG;AACH,wBAAgB,eAAe,CAAC,EAC9B,MAAM,EACN,QAAQ,EACR,QAAQ,EACR,IAAI,EACJ,KAAgB,EAChB,GAAO,EACP,MAAU,GACX,EAAE;IACD,MAAM,EAAE,IAAI,CAAC;IACb,QAAQ,EAAE;QAAE,KAAK,EAAE,MAAM,CAAC;QAAC,MAAM,EAAE,MAAM,CAAA;KAAE,CAAC;IAC5C,QAAQ,EAAE;QAAE,KAAK,EAAE,MAAM,CAAC;QAAC,MAAM,EAAE,MAAM,CAAA;KAAE,CAAC;IAC5C,IAAI,EAAE,YAAY,CAAC;IACnB,KAAK,CAAC,EAAE,aAAa,CAAC;IACtB,GAAG,CAAC,EAAE,MAAM,CAAC;IACb,MAAM,CAAC,EAAE,MAAM,CAAC;CACjB,GAAG,gBAAgB,CAgCnB"}

package/dist/utils/position.js

@@ -0,0 +1,48 @@
+//#region src/utils/position.ts
+var OPPOSITE = {
+	top: "bottom",
+	bottom: "top",
+	left: "right",
+	right: "left"
+};
+function clampInto(value, size, viewport, margin) {
+	return Math.max(margin, Math.min(value, viewport - margin - size));
+}
+/**
+* Places a floating box next to an anchor: on `side` if it fits, otherwise on
+* the opposite side (when that fits better), then slides it along the edge so
+* it stays inside the viewport.
+*/
+function computePosition({ anchor, floating, viewport, side, align = "center", gap = 8, margin = 8 }) {
+	const space = {
+		top: anchor.top - gap - margin,
+		bottom: viewport.height - anchor.bottom - gap - margin,
+		left: anchor.left - gap - margin,
+		right: viewport.width - anchor.right - gap - margin
+	};
+	const needed = side === "top" || side === "bottom" ? floating.height : floating.width;
+	const flipped = OPPOSITE[side];
+	const actual = space[side] < needed && space[flipped] > space[side] ? flipped : side;
+	if (actual === "top" || actual === "bottom") {
+		const y = actual === "top" ? anchor.top - gap - floating.height : anchor.bottom + gap;
+		const x = clampInto(align === "start" ? anchor.left : align === "end" ? anchor.right - floating.width : anchor.left + (anchor.width - floating.width) / 2, floating.width, viewport.width, margin);
+		return {
+			x,
+			y,
+			side: actual,
+			arrow: anchor.left + anchor.width / 2 - x
+		};
+	}
+	const x = actual === "left" ? anchor.left - gap - floating.width : anchor.right + gap;
+	const y = clampInto(align === "start" ? anchor.top : align === "end" ? anchor.bottom - floating.height : anchor.top + (anchor.height - floating.height) / 2, floating.height, viewport.height, margin);
+	return {
+		x,
+		y,
+		side: actual,
+		arrow: anchor.top + anchor.height / 2 - y
+	};
+}
+//#endregion
+export { computePosition };
+
+//# sourceMappingURL=position.js.map

package/dist/utils/position.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"position.js","names":[],"sources":["../../src/utils/position.ts"],"sourcesContent":["export type FloatingSide = \"top\" | \"bottom\" | \"left\" | \"right\";\nexport type FloatingAlign = \"start\" | \"center\" | \"end\";\n\nexport interface FloatingPosition {\n  /** Viewport coordinates for a `position: fixed` element. */\n  x: number;\n  y: number;\n  /** The side actually used after flipping. */\n  side: FloatingSide;\n  /** Anchor center along the floating element's edge, for an arrow. */\n  arrow: number;\n}\n\ninterface Rect {\n  top: number;\n  bottom: number;\n  left: number;\n  right: number;\n  width: number;\n  height: number;\n}\n\nconst OPPOSITE: Record<FloatingSide, FloatingSide> = {\n  top: \"bottom\",\n  bottom: \"top\",\n  left: \"right\",\n  right: \"left\",\n};\n\nfunction clampInto(value: number, size: number, viewport: number, margin: number): number {\n  return Math.max(margin, Math.min(value, viewport - margin - size));\n}\n\n/**\n * Places a floating box next to an anchor: on `side` if it fits, otherwise on\n * the opposite side (when that fits better), then slides it along the edge so\n * it stays inside the viewport.\n */\nexport function computePosition({\n  anchor,\n  floating,\n  viewport,\n  side,\n  align = \"center\",\n  gap = 8,\n  margin = 8,\n}: {\n  anchor: Rect;\n  floating: { width: number; height: number };\n  viewport: { width: number; height: number };\n  side: FloatingSide;\n  align?: FloatingAlign;\n  gap?: number;\n  margin?: number;\n}): FloatingPosition {\n  const space: Record<FloatingSide, number> = {\n    top: anchor.top - gap - margin,\n    bottom: viewport.height - anchor.bottom - gap - margin,\n    left: anchor.left - gap - margin,\n    right: viewport.width - anchor.right - gap - margin,\n  };\n  const needed = side === \"top\" || side === \"bottom\" ? floating.height : floating.width;\n  const flipped = OPPOSITE[side];\n  const actual = space[side] < needed && space[flipped] > space[side] ? flipped : side;\n\n  if (actual === \"top\" || actual === \"bottom\") {\n    const y = actual === \"top\" ? anchor.top - gap - floating.height : anchor.bottom + gap;\n    const start =\n      align === \"start\"\n        ? anchor.left\n        : align === \"end\"\n          ? anchor.right - floating.width\n          : anchor.left + (anchor.width - floating.width) / 2;\n    const x = clampInto(start, floating.width, viewport.width, margin);\n    return { x, y, side: actual, arrow: anchor.left + anchor.width / 2 - x };\n  }\n\n  const x = actual === \"left\" ? anchor.left - gap - floating.width : anchor.right + gap;\n  const start =\n    align === \"start\"\n      ? anchor.top\n      : align === \"end\"\n        ? anchor.bottom - floating.height\n        : anchor.top + (anchor.height - floating.height) / 2;\n  const y = clampInto(start, floating.height, viewport.height, margin);\n  return { x, y, side: actual, arrow: anchor.top + anchor.height / 2 - y };\n}\n"],"mappings":";AAsBA,IAAM,WAA+C;CACnD,KAAK;CACL,QAAQ;CACR,MAAM;CACN,OAAO;AACT;AAEA,SAAS,UAAU,OAAe,MAAc,UAAkB,QAAwB;CACxF,OAAO,KAAK,IAAI,QAAQ,KAAK,IAAI,OAAO,WAAW,SAAS,IAAI,CAAC;AACnE;;;;;;AAOA,SAAgB,gBAAgB,EAC9B,QACA,UACA,UACA,MACA,QAAQ,UACR,MAAM,GACN,SAAS,KASU;CACnB,MAAM,QAAsC;EAC1C,KAAK,OAAO,MAAM,MAAM;EACxB,QAAQ,SAAS,SAAS,OAAO,SAAS,MAAM;EAChD,MAAM,OAAO,OAAO,MAAM;EAC1B,OAAO,SAAS,QAAQ,OAAO,QAAQ,MAAM;CAC/C;CACA,MAAM,SAAS,SAAS,SAAS,SAAS,WAAW,SAAS,SAAS,SAAS;CAChF,MAAM,UAAU,SAAS;CACzB,MAAM,SAAS,MAAM,QAAQ,UAAU,MAAM,WAAW,MAAM,QAAQ,UAAU;CAEhF,IAAI,WAAW,SAAS,WAAW,UAAU;EAC3C,MAAM,IAAI,WAAW,QAAQ,OAAO,MAAM,MAAM,SAAS,SAAS,OAAO,SAAS;EAOlF,MAAM,IAAI,UALR,UAAU,UACN,OAAO,OACP,UAAU,QACR,OAAO,QAAQ,SAAS,QACxB,OAAO,QAAQ,OAAO,QAAQ,SAAS,SAAS,GAC7B,SAAS,OAAO,SAAS,OAAO,MAAM;EACjE,OAAO;GAAE;GAAG;GAAG,MAAM;GAAQ,OAAO,OAAO,OAAO,OAAO,QAAQ,IAAI;EAAE;CACzE;CAEA,MAAM,IAAI,WAAW,SAAS,OAAO,OAAO,MAAM,SAAS,QAAQ,OAAO,QAAQ;CAOlF,MAAM,IAAI,UALR,UAAU,UACN,OAAO,MACP,UAAU,QACR,OAAO,SAAS,SAAS,SACzB,OAAO,OAAO,OAAO,SAAS,SAAS,UAAU,GAC9B,SAAS,QAAQ,SAAS,QAAQ,MAAM;CACnE,OAAO;EAAE;EAAG;EAAG,MAAM;EAAQ,OAAO,OAAO,MAAM,OAAO,SAAS,IAAI;CAAE;AACzE"}

package/dist/utils/refs.d.ts

@@ -0,0 +1,4 @@
+import type { Ref, RefCallback } from "react";
+/** Combines several refs into one callback ref. */
+export declare function mergeRefs<T>(...refs: Array<Ref<T> | undefined>): RefCallback<T>;
+//# sourceMappingURL=refs.d.ts.map

package/dist/utils/refs.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"refs.d.ts","sourceRoot":"","sources":["../../src/utils/refs.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,GAAG,EAAE,WAAW,EAAE,MAAM,OAAO,CAAC;AAE9C,mDAAmD;AACnD,wBAAgB,SAAS,CAAC,CAAC,EAAE,GAAG,IAAI,EAAE,KAAK,CAAC,GAAG,CAAC,CAAC,CAAC,GAAG,SAAS,CAAC,GAAG,WAAW,CAAC,CAAC,CAAC,CAO/E"}

package/dist/utils/refs.js

@@ -0,0 +1,12 @@
+//#region src/utils/refs.ts
+/** Combines several refs into one callback ref. */
+function mergeRefs(...refs) {
+	return (value) => {
+		for (const ref of refs) if (typeof ref === "function") ref(value);
+		else if (ref) ref.current = value;
+	};
+}
+//#endregion
+export { mergeRefs };
+
+//# sourceMappingURL=refs.js.map

package/dist/utils/refs.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"refs.js","names":[],"sources":["../../src/utils/refs.ts"],"sourcesContent":["import type { Ref, RefCallback } from \"react\";\n\n/** Combines several refs into one callback ref. */\nexport function mergeRefs<T>(...refs: Array<Ref<T> | undefined>): RefCallback<T> {\n  return (value) => {\n    for (const ref of refs) {\n      if (typeof ref === \"function\") ref(value);\n      else if (ref) (ref as { current: T | null }).current = value;\n    }\n  };\n}\n"],"mappings":";;AAGA,SAAgB,UAAa,GAAG,MAAiD;CAC/E,QAAQ,UAAU;EAChB,KAAK,MAAM,OAAO,MAChB,IAAI,OAAO,QAAQ,YAAY,IAAI,KAAK;OACnC,IAAI,KAAK,IAA+B,UAAU;CAE3D;AACF"}

package/package.json

@@ -1,6 +1,83 @@
 {
   "name": "@malilion/block-ui-react",
-  "version": "0.0.0-stage",
-  "stub": true,
-  "description": "Temporary package placeholder for staged publishing"
+  "version": "0.2.0",
+  "description": "Block UI — block / pixel / crafting game-style React components: inventory, crafting, HUD, cards, forms and more.",
+  "license": "MIT",
+  "author": "Block UI Contributors",
+  "homepage": "https://malilion.github.io/BlockUI/",
+  "repository": {
+    "type": "git",
+    "url": "git+https://github.com/malilion/BlockUI.git",
+    "directory": "packages/react"
+  },
+  "bugs": {
+    "url": "https://github.com/malilion/BlockUI/issues"
+  },
+  "type": "module",
+  "sideEffects": [
+    "**/*.css"
+  ],
+  "exports": {
+    ".": {
+      "@block-ui/source": "./src/index.ts",
+      "types": "./dist/index.d.ts",
+      "import": "./dist/index.js"
+    },
+    "./styles.css": {
+      "@block-ui/source": "./src/styles/index.css",
+      "default": "./dist/styles.css"
+    },
+    "./package.json": "./package.json"
+  },
+  "main": "./dist/index.js",
+  "module": "./dist/index.js",
+  "types": "./dist/index.d.ts",
+  "files": [
+    "dist",
+    "README.md",
+    "LICENSE"
+  ],
+  "peerDependencies": {
+    "react": "^18.2.0 || ^19.0.0",
+    "react-dom": "^18.2.0 || ^19.0.0"
+  },
+  "dependencies": {
+    "@malilion/block-ui-themes": "^0.2.0",
+    "@malilion/block-ui-icons": "^0.2.0",
+    "@malilion/block-ui-tokens": "^0.2.0"
+  },
+  "devDependencies": {
+    "@storybook/react-vite": "^10.6.1",
+    "@testing-library/jest-dom": "^7.0.1",
+    "@testing-library/react": "^16.3.3",
+    "@testing-library/user-event": "^14.6.7",
+    "@types/react": "^19.3.0",
+    "@types/react-dom": "^19.3.0",
+    "@vitejs/plugin-react": "^6.1.1",
+    "axe-core": "^4.13.0",
+    "jsdom": "^30.1.1",
+    "react": "^19.3.0",
+    "react-dom": "^19.3.0",
+    "storybook": "^10.6.1",
+    "vite": "^8.3.2",
+    "vitest": "^5.0.3"
+  },
+  "publishConfig": {
+    "access": "public"
+  },
+  "keywords": [
+    "react",
+    "ui",
+    "component-library",
+    "pixel",
+    "block",
+    "game-ui",
+    "inventory",
+    "crafting",
+    "hud"
+  ],
+  "scripts": {
+    "build": "vite build && tsc -p tsconfig.build.json",
+    "typecheck": "tsc -p tsconfig.json"
+  }
 }