@malilion/block-ui-react 0.0.0-stage → 0.1.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/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.1.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-icons": "^0.1.0",
+    "@malilion/block-ui-themes": "^0.1.0",
+    "@malilion/block-ui-tokens": "^0.1.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"
+  }
 }