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

package/dist/components/feedback/Progress/BlockProgress.types.js

@@ -0,0 +1,13 @@
+//#region src/components/feedback/Progress/BlockProgress.types.ts
+var progressVariants = [
+	"grass",
+	"water",
+	"diamond",
+	"emerald",
+	"gold",
+	"redstone"
+];
+//#endregion
+export { progressVariants };
+
+//# sourceMappingURL=BlockProgress.types.js.map

package/dist/components/feedback/Progress/BlockProgress.types.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"BlockProgress.types.js","names":[],"sources":["../../../../src/components/feedback/Progress/BlockProgress.types.ts"],"sourcesContent":["import type { HTMLAttributes } from \"react\";\n\nexport const progressVariants = [\n  \"grass\",\n  \"water\",\n  \"diamond\",\n  \"emerald\",\n  \"gold\",\n  \"redstone\",\n] as const;\n\nexport type BlockProgressVariant = (typeof progressVariants)[number];\n\nexport interface BlockProgressProps extends HTMLAttributes<HTMLDivElement> {\n  /** Current value. Omit for an indeterminate bar. */\n  value?: number;\n  /** @default 100 */\n  max?: number;\n  /** @default \"grass\" */\n  variant?: BlockProgressVariant;\n  /** Visible label above the bar (also the accessible name). */\n  label?: string;\n  /** Show the formatted value next to the label. */\n  showValue?: boolean;\n  /** @default \"md\" */\n  size?: \"sm\" | \"md\" | \"lg\";\n  /** Formats the visible value and `aria-valuetext`. Defaults to a percentage. */\n  formatValue?: (value: number, max: number) => string;\n}\n"],"mappings":";AAEA,IAAa,mBAAmB;CAC9B;CACA;CACA;CACA;CACA;CACA;AACF"}

package/dist/components/feedback/Progress/index.d.ts

@@ -0,0 +1,4 @@
+export { BlockProgress } from "./BlockProgress";
+export { progressVariants } from "./BlockProgress.types";
+export type { BlockProgressProps, BlockProgressVariant } from "./BlockProgress.types";
+//# sourceMappingURL=index.d.ts.map

package/dist/components/feedback/Progress/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/feedback/Progress/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,aAAa,EAAE,MAAM,iBAAiB,CAAC;AAChD,OAAO,EAAE,gBAAgB,EAAE,MAAM,uBAAuB,CAAC;AACzD,YAAY,EAAE,kBAAkB,EAAE,oBAAoB,EAAE,MAAM,uBAAuB,CAAC"}

package/dist/components/feedback/Toast/Toast.d.ts

@@ -0,0 +1,7 @@
+import type { BlockToasterProps } from "./Toast.types";
+/**
+ * Renders the stack of toasts created with `toast.*()` inside an ARIA live
+ * region. Hover or focus pauses auto-close; `Escape` dismisses the focused toast.
+ */
+export declare function BlockToaster({ limit, label, className, }: BlockToasterProps): import("react").ReactPortal | null;
+//# sourceMappingURL=Toast.d.ts.map

package/dist/components/feedback/Toast/Toast.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Toast.d.ts","sourceRoot":"","sources":["../../../../src/components/feedback/Toast/Toast.tsx"],"names":[],"mappings":"AAOA,OAAO,KAAK,EAAE,iBAAiB,EAAe,MAAM,eAAe,CAAC;AAyDpE;;;GAGG;AACH,wBAAgB,YAAY,CAAC,EAC3B,KAA2B,EAC3B,KAAuB,EACvB,SAAS,GACV,EAAE,iBAAiB,sCAgBnB"}

package/dist/components/feedback/Toast/Toast.js

@@ -0,0 +1,81 @@
+import { cx } from "../../../utils/cx.js";
+import { usePortalContainer } from "../../../provider/context.js";
+import { BlockAlert } from "../Alert/BlockAlert.js";
+import { toast } from "./store.js";
+import Toast_module_default from "./Toast.module.js";
+import { useToasts } from "./useToasts.js";
+import { useCallback, useEffect, useRef, useState } from "react";
+import { createPortal } from "react-dom";
+import { jsx } from "react/jsx-runtime";
+//#region src/components/feedback/Toast/Toast.tsx
+function ToastItem({ record }) {
+	const [paused, setPaused] = useState(false);
+	const remaining = useRef(record.duration);
+	const startedAt = useRef(0);
+	const persistent = !Number.isFinite(record.duration) || record.duration <= 0;
+	const close = useCallback(() => toast.dismiss(record.id), [record.id]);
+	useEffect(() => {
+		remaining.current = record.duration;
+	}, [record.duration]);
+	useEffect(() => {
+		if (persistent || paused) return void 0;
+		startedAt.current = Date.now();
+		const timer = window.setTimeout(close, remaining.current);
+		return () => {
+			window.clearTimeout(timer);
+			remaining.current -= Date.now() - startedAt.current;
+		};
+	}, [
+		persistent,
+		paused,
+		close
+	]);
+	const onKeyDown = (event) => {
+		if (event.key === "Escape") {
+			event.stopPropagation();
+			close();
+		}
+	};
+	return /* @__PURE__ */ jsx("li", {
+		className: Toast_module_default.item,
+		"data-toast-id": record.id,
+		onMouseEnter: () => setPaused(true),
+		onMouseLeave: () => setPaused(false),
+		onFocus: () => setPaused(true),
+		onBlur: () => setPaused(false),
+		onKeyDown,
+		children: /* @__PURE__ */ jsx(BlockAlert, {
+			variant: record.variant,
+			title: record.title,
+			action: record.action,
+			onClose: close,
+			closeLabel: "Dismiss notification",
+			className: Toast_module_default.toast,
+			children: record.message
+		})
+	});
+}
+/**
+* Renders the stack of toasts created with `toast.*()` inside an ARIA live
+* region. Hover or focus pauses auto-close; `Escape` dismisses the focused toast.
+*/
+function BlockToaster({ limit = 5, label = "Notifications", className }) {
+	const records = useToasts();
+	const container = usePortalContainer();
+	const visible = records.slice(-limit);
+	const region = /* @__PURE__ */ jsx("section", {
+		"aria-label": label,
+		className: cx(Toast_module_default.region, className),
+		children: /* @__PURE__ */ jsx("ol", {
+			className: Toast_module_default.list,
+			"aria-live": "polite",
+			"aria-relevant": "additions text",
+			children: visible.map((record) => /* @__PURE__ */ jsx(ToastItem, { record }, record.id))
+		})
+	});
+	return container ? createPortal(region, container) : null;
+}
+//#endregion
+export { BlockToaster };
+
+//# sourceMappingURL=Toast.js.map

package/dist/components/feedback/Toast/Toast.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Toast.js","names":["styles"],"sources":["../../../../src/components/feedback/Toast/Toast.tsx"],"sourcesContent":["import { useCallback, useEffect, useRef, useState, type KeyboardEvent } from \"react\";\nimport { createPortal } from \"react-dom\";\nimport { usePortalContainer } from \"../../../provider/context\";\nimport { cx } from \"../../../utils/cx\";\nimport { BlockAlert } from \"../Alert/BlockAlert\";\nimport { DEFAULT_TOAST_LIMIT, toast } from \"./store\";\nimport styles from \"./Toast.module.css\";\nimport type { BlockToasterProps, ToastRecord } from \"./Toast.types\";\nimport { useToasts } from \"./useToasts\";\n\nfunction ToastItem({ record }: { record: ToastRecord }) {\n  const [paused, setPaused] = useState(false);\n  const remaining = useRef(record.duration);\n  const startedAt = useRef(0);\n  const persistent = !Number.isFinite(record.duration) || record.duration <= 0;\n  const close = useCallback(() => toast.dismiss(record.id), [record.id]);\n\n  useEffect(() => {\n    remaining.current = record.duration;\n  }, [record.duration]);\n\n  useEffect(() => {\n    if (persistent || paused) return undefined;\n    startedAt.current = Date.now();\n    const timer = window.setTimeout(close, remaining.current);\n    return () => {\n      window.clearTimeout(timer);\n      remaining.current -= Date.now() - startedAt.current;\n    };\n  }, [persistent, paused, close]);\n\n  const onKeyDown = (event: KeyboardEvent<HTMLLIElement>) => {\n    if (event.key === \"Escape\") {\n      event.stopPropagation();\n      close();\n    }\n  };\n\n  return (\n    // Pausing auto-dismiss on hover/focus is standard toast UX\n    // eslint-disable-next-line jsx-a11y/no-noninteractive-element-interactions\n    <li\n      className={styles.item}\n      data-toast-id={record.id}\n      onMouseEnter={() => setPaused(true)}\n      onMouseLeave={() => setPaused(false)}\n      onFocus={() => setPaused(true)}\n      onBlur={() => setPaused(false)}\n      onKeyDown={onKeyDown}\n    >\n      <BlockAlert\n        variant={record.variant}\n        title={record.title}\n        action={record.action}\n        onClose={close}\n        closeLabel=\"Dismiss notification\"\n        className={styles.toast}\n      >\n        {record.message}\n      </BlockAlert>\n    </li>\n  );\n}\n\n/**\n * Renders the stack of toasts created with `toast.*()` inside an ARIA live\n * region. Hover or focus pauses auto-close; `Escape` dismisses the focused toast.\n */\nexport function BlockToaster({\n  limit = DEFAULT_TOAST_LIMIT,\n  label = \"Notifications\",\n  className,\n}: BlockToasterProps) {\n  const records = useToasts();\n  const container = usePortalContainer();\n  const visible = records.slice(-limit);\n\n  const region = (\n    <section aria-label={label} className={cx(styles.region, className)}>\n      <ol className={styles.list} aria-live=\"polite\" aria-relevant=\"additions text\">\n        {visible.map((record) => (\n          <ToastItem key={record.id} record={record} />\n        ))}\n      </ol>\n    </section>\n  );\n\n  return container ? createPortal(region, container) : null;\n}\n"],"mappings":";;;;;;;;;;AAUA,SAAS,UAAU,EAAE,UAAmC;CACtD,MAAM,CAAC,QAAQ,aAAa,SAAS,KAAK;CAC1C,MAAM,YAAY,OAAO,OAAO,QAAQ;CACxC,MAAM,YAAY,OAAO,CAAC;CAC1B,MAAM,aAAa,CAAC,OAAO,SAAS,OAAO,QAAQ,KAAK,OAAO,YAAY;CAC3E,MAAM,QAAQ,kBAAkB,MAAM,QAAQ,OAAO,EAAE,GAAG,CAAC,OAAO,EAAE,CAAC;CAErE,gBAAgB;EACd,UAAU,UAAU,OAAO;CAC7B,GAAG,CAAC,OAAO,QAAQ,CAAC;CAEpB,gBAAgB;EACd,IAAI,cAAc,QAAQ,OAAO,KAAA;EACjC,UAAU,UAAU,KAAK,IAAI;EAC7B,MAAM,QAAQ,OAAO,WAAW,OAAO,UAAU,OAAO;EACxD,aAAa;GACX,OAAO,aAAa,KAAK;GACzB,UAAU,WAAW,KAAK,IAAI,IAAI,UAAU;EAC9C;CACF,GAAG;EAAC;EAAY;EAAQ;CAAK,CAAC;CAE9B,MAAM,aAAa,UAAwC;EACzD,IAAI,MAAM,QAAQ,UAAU;GAC1B,MAAM,gBAAgB;GACtB,MAAM;EACR;CACF;CAEA,OAGE,oBAAC,MAAD;EACE,WAAWA,qBAAO;EAClB,iBAAe,OAAO;EACtB,oBAAoB,UAAU,IAAI;EAClC,oBAAoB,UAAU,KAAK;EACnC,eAAe,UAAU,IAAI;EAC7B,cAAc,UAAU,KAAK;EAClB;EAEX,UAAA,oBAAC,YAAD;GACE,SAAS,OAAO;GAChB,OAAO,OAAO;GACd,QAAQ,OAAO;GACf,SAAS;GACT,YAAW;GACX,WAAWA,qBAAO;GAEjB,UAAA,OAAO;EACE,CAAA;CACV,CAAA;AAER;;;;;AAMA,SAAgB,aAAa,EAC3B,QAAA,GACA,QAAQ,iBACR,aACoB;CACpB,MAAM,UAAU,UAAU;CAC1B,MAAM,YAAY,mBAAmB;CACrC,MAAM,UAAU,QAAQ,MAAM,CAAC,KAAK;CAEpC,MAAM,SACJ,oBAAC,WAAD;EAAS,cAAY;EAAO,WAAW,GAAGA,qBAAO,QAAQ,SAAS;EAChE,UAAA,oBAAC,MAAD;GAAI,WAAWA,qBAAO;GAAM,aAAU;GAAS,iBAAc;GAC1D,UAAA,QAAQ,KAAK,WACZ,oBAAC,WAAD,EAAmC,OAAS,GAA5B,OAAO,EAAqB,CAC7C;EACC,CAAA;CACG,CAAA;CAGX,OAAO,YAAY,aAAa,QAAQ,SAAS,IAAI;AACvD"}

package/dist/components/feedback/Toast/Toast.module.js

@@ -0,0 +1,16 @@
+//#region src/components/feedback/Toast/Toast.module.css
+var region = "block-region-Xxd1D";
+var list = "block-list-el0uX";
+var item = "block-item-TirgY";
+var toast = "block-toast--IOyH";
+var Toast_module_default = {
+	region,
+	list,
+	item,
+	"toast-in": "block-toast-in-3EfjG",
+	toast
+};
+//#endregion
+export { Toast_module_default as default, item, list, region, toast };
+
+//# sourceMappingURL=Toast.module.js.map

package/dist/components/feedback/Toast/Toast.module.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Toast.module.js","names":[],"sources":["../../../../src/components/feedback/Toast/Toast.module.css"],"sourcesContent":[".region {\n  position: fixed;\n  right: var(--block-space-4);\n  bottom: var(--block-space-4);\n  z-index: var(--block-z-toast);\n  width: min(380px, calc(100vw - 2 * var(--block-space-4)));\n  pointer-events: none;\n}\n\n.list {\n  display: flex;\n  flex-direction: column;\n  gap: var(--block-space-2);\n  margin: 0;\n  padding: 0;\n  list-style: none;\n}\n\n.item {\n  pointer-events: auto;\n  animation: toast-in var(--block-duration-normal) steps(4, end);\n}\n\n.toast {\n  box-shadow:\n    inset 3px 3px 0 color-mix(in srgb, var(--block-mat-light) 30%, transparent),\n    inset -3px -3px 0 var(--block-shadow-bevel-dark),\n    var(--block-shadow-drop);\n}\n\n@keyframes toast-in {\n  from {\n    transform: translateX(24px);\n    opacity: 0;\n  }\n  to {\n    transform: translateX(0);\n    opacity: 1;\n  }\n}\n\n@media (max-width: 767.98px) {\n  .region {\n    left: var(--block-space-4);\n    right: var(--block-space-4);\n    bottom: calc(var(--block-space-4) + 72px);\n    width: auto;\n  }\n}\n"],"mappings":""}

package/dist/components/feedback/Toast/Toast.types.d.ts

@@ -0,0 +1,29 @@
+import type { ReactNode } from "react";
+import type { AlertVariant } from "../Alert/BlockAlert.types";
+export type ToastVariant = AlertVariant;
+export interface ToastOptions {
+    /** Stable id — showing a toast with an existing id replaces it. */
+    id?: string;
+    /** Bold first line. */
+    title?: ReactNode;
+    /** Auto-close delay in ms. `0` or `Infinity` keeps it open. @default 4000 */
+    duration?: number;
+    /** Optional action element (e.g. an "Undo" button). */
+    action?: ReactNode;
+}
+export interface ToastRecord {
+    id: string;
+    variant: ToastVariant;
+    message: ReactNode;
+    title?: ReactNode;
+    duration: number;
+    action?: ReactNode;
+}
+export interface BlockToasterProps {
+    /** Maximum toasts kept on screen; older ones are dropped. @default 5 */
+    limit?: number;
+    /** Accessible name of the notification region. @default "Notifications" */
+    label?: string;
+    className?: string;
+}
+//# sourceMappingURL=Toast.types.d.ts.map

package/dist/components/feedback/Toast/Toast.types.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Toast.types.d.ts","sourceRoot":"","sources":["../../../../src/components/feedback/Toast/Toast.types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AACvC,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,2BAA2B,CAAC;AAE9D,MAAM,MAAM,YAAY,GAAG,YAAY,CAAC;AAExC,MAAM,WAAW,YAAY;IAC3B,mEAAmE;IACnE,EAAE,CAAC,EAAE,MAAM,CAAC;IACZ,uBAAuB;IACvB,KAAK,CAAC,EAAE,SAAS,CAAC;IAClB,6EAA6E;IAC7E,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,uDAAuD;IACvD,MAAM,CAAC,EAAE,SAAS,CAAC;CACpB;AAED,MAAM,WAAW,WAAW;IAC1B,EAAE,EAAE,MAAM,CAAC;IACX,OAAO,EAAE,YAAY,CAAC;IACtB,OAAO,EAAE,SAAS,CAAC;IACnB,KAAK,CAAC,EAAE,SAAS,CAAC;IAClB,QAAQ,EAAE,MAAM,CAAC;IACjB,MAAM,CAAC,EAAE,SAAS,CAAC;CACpB;AAED,MAAM,WAAW,iBAAiB;IAChC,wEAAwE;IACxE,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,2EAA2E;IAC3E,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB"}

package/dist/components/feedback/Toast/index.d.ts

@@ -0,0 +1,6 @@
+export { BlockToaster } from "./Toast";
+export { useToasts } from "./useToasts";
+export { toast, DEFAULT_TOAST_DURATION } from "./store";
+export type { ToastApi } from "./store";
+export type { BlockToasterProps, ToastOptions, ToastRecord, ToastVariant } from "./Toast.types";
+//# sourceMappingURL=index.d.ts.map

package/dist/components/feedback/Toast/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/feedback/Toast/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,YAAY,EAAE,MAAM,SAAS,CAAC;AACvC,OAAO,EAAE,SAAS,EAAE,MAAM,aAAa,CAAC;AACxC,OAAO,EAAE,KAAK,EAAE,sBAAsB,EAAE,MAAM,SAAS,CAAC;AACxD,YAAY,EAAE,QAAQ,EAAE,MAAM,SAAS,CAAC;AACxC,YAAY,EAAE,iBAAiB,EAAE,YAAY,EAAE,WAAW,EAAE,YAAY,EAAE,MAAM,eAAe,CAAC"}

package/dist/components/feedback/Toast/store.d.ts

@@ -0,0 +1,28 @@
+import type { ReactNode } from "react";
+import type { ToastOptions, ToastRecord } from "./Toast.types";
+export declare const DEFAULT_TOAST_DURATION = 4000;
+export declare const DEFAULT_TOAST_LIMIT = 5;
+type Listener = () => void;
+export declare function subscribeToasts(listener: Listener): () => void;
+export declare function getToasts(): ToastRecord[];
+type ToastFn = (message: ReactNode, options?: ToastOptions) => string;
+export interface ToastApi extends ToastFn {
+    success: ToastFn;
+    info: ToastFn;
+    warning: ToastFn;
+    error: ToastFn;
+    /** Dismiss one toast, or all when called without an id. */
+    dismiss: (id?: string) => void;
+}
+/**
+ * Imperative toast API (PRD §44). Requires a `<BlockToaster />` — rendered
+ * automatically by `<BlockUIProvider>`.
+ *
+ * ```ts
+ * toast.success("World saved.");
+ * toast.error("Connection failed.", { duration: 0 });
+ * ```
+ */
+export declare const toast: ToastApi;
+export {};
+//# sourceMappingURL=store.d.ts.map

package/dist/components/feedback/Toast/store.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"store.d.ts","sourceRoot":"","sources":["../../../../src/components/feedback/Toast/store.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AACvC,OAAO,KAAK,EAAE,YAAY,EAAE,WAAW,EAAgB,MAAM,eAAe,CAAC;AAE7E,eAAO,MAAM,sBAAsB,OAAO,CAAC;AAC3C,eAAO,MAAM,mBAAmB,IAAI,CAAC;AAErC,KAAK,QAAQ,GAAG,MAAM,IAAI,CAAC;AAU3B,wBAAgB,eAAe,CAAC,QAAQ,EAAE,QAAQ,GAAG,MAAM,IAAI,CAG9D;AAED,wBAAgB,SAAS,IAAI,WAAW,EAAE,CAEzC;AA0BD,KAAK,OAAO,GAAG,CAAC,OAAO,EAAE,SAAS,EAAE,OAAO,CAAC,EAAE,YAAY,KAAK,MAAM,CAAC;AAEtE,MAAM,WAAW,QAAS,SAAQ,OAAO;IACvC,OAAO,EAAE,OAAO,CAAC;IACjB,IAAI,EAAE,OAAO,CAAC;IACd,OAAO,EAAE,OAAO,CAAC;IACjB,KAAK,EAAE,OAAO,CAAC;IACf,2DAA2D;IAC3D,OAAO,EAAE,CAAC,EAAE,CAAC,EAAE,MAAM,KAAK,IAAI,CAAC;CAChC;AAED;;;;;;;;GAQG;AACH,eAAO,MAAM,KAAK,EAAE,QASnB,CAAC"}

package/dist/components/feedback/Toast/store.js

@@ -0,0 +1,54 @@
+//#region src/components/feedback/Toast/store.ts
+var DEFAULT_TOAST_DURATION = 4e3;
+var records = [];
+var listeners = /* @__PURE__ */ new Set();
+var counter = 0;
+function emit() {
+	for (const listener of listeners) listener();
+}
+function subscribeToasts(listener) {
+	listeners.add(listener);
+	return () => listeners.delete(listener);
+}
+function getToasts() {
+	return records;
+}
+function show(variant, message, options = {}) {
+	counter += 1;
+	const id = options.id ?? `block-toast-${counter}`;
+	const record = {
+		id,
+		variant,
+		message,
+		title: options.title,
+		duration: options.duration ?? 4e3,
+		action: options.action
+	};
+	records = records.some((toast) => toast.id === id) ? records.map((toast) => toast.id === id ? record : toast) : [...records, record].slice(-20);
+	emit();
+	return id;
+}
+function dismiss(id) {
+	records = id === void 0 ? [] : records.filter((toast) => toast.id !== id);
+	emit();
+}
+/**
+* Imperative toast API (PRD §44). Requires a `<BlockToaster />` — rendered
+* automatically by `<BlockUIProvider>`.
+*
+* ```ts
+* toast.success("World saved.");
+* toast.error("Connection failed.", { duration: 0 });
+* ```
+*/
+var toast = Object.assign((message, options) => show("info", message, options), {
+	success: (message, options) => show("success", message, options),
+	info: (message, options) => show("info", message, options),
+	warning: (message, options) => show("warning", message, options),
+	error: (message, options) => show("error", message, options),
+	dismiss
+});
+//#endregion
+export { DEFAULT_TOAST_DURATION, getToasts, subscribeToasts, toast };
+
+//# sourceMappingURL=store.js.map

package/dist/components/feedback/Toast/store.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"store.js","names":[],"sources":["../../../../src/components/feedback/Toast/store.ts"],"sourcesContent":["import type { ReactNode } from \"react\";\nimport type { ToastOptions, ToastRecord, ToastVariant } from \"./Toast.types\";\n\nexport const DEFAULT_TOAST_DURATION = 4000;\nexport const DEFAULT_TOAST_LIMIT = 5;\n\ntype Listener = () => void;\n\nlet records: ToastRecord[] = [];\nconst listeners = new Set<Listener>();\nlet counter = 0;\n\nfunction emit() {\n  for (const listener of listeners) listener();\n}\n\nexport function subscribeToasts(listener: Listener): () => void {\n  listeners.add(listener);\n  return () => listeners.delete(listener);\n}\n\nexport function getToasts(): ToastRecord[] {\n  return records;\n}\n\nfunction show(variant: ToastVariant, message: ReactNode, options: ToastOptions = {}): string {\n  counter += 1;\n  const id = options.id ?? `block-toast-${counter}`;\n  const record: ToastRecord = {\n    id,\n    variant,\n    message,\n    title: options.title,\n    duration: options.duration ?? DEFAULT_TOAST_DURATION,\n    action: options.action,\n  };\n  const existing = records.some((toast) => toast.id === id);\n  records = existing\n    ? records.map((toast) => (toast.id === id ? record : toast))\n    : [...records, record].slice(-DEFAULT_TOAST_LIMIT * 4);\n  emit();\n  return id;\n}\n\nfunction dismiss(id?: string): void {\n  records = id === undefined ? [] : records.filter((toast) => toast.id !== id);\n  emit();\n}\n\ntype ToastFn = (message: ReactNode, options?: ToastOptions) => string;\n\nexport interface ToastApi extends ToastFn {\n  success: ToastFn;\n  info: ToastFn;\n  warning: ToastFn;\n  error: ToastFn;\n  /** Dismiss one toast, or all when called without an id. */\n  dismiss: (id?: string) => void;\n}\n\n/**\n * Imperative toast API (PRD §44). Requires a `<BlockToaster />` — rendered\n * automatically by `<BlockUIProvider>`.\n *\n * ```ts\n * toast.success(\"World saved.\");\n * toast.error(\"Connection failed.\", { duration: 0 });\n * ```\n */\nexport const toast: ToastApi = Object.assign(\n  (message: ReactNode, options?: ToastOptions) => show(\"info\", message, options),\n  {\n    success: (message: ReactNode, options?: ToastOptions) => show(\"success\", message, options),\n    info: (message: ReactNode, options?: ToastOptions) => show(\"info\", message, options),\n    warning: (message: ReactNode, options?: ToastOptions) => show(\"warning\", message, options),\n    error: (message: ReactNode, options?: ToastOptions) => show(\"error\", message, options),\n    dismiss,\n  },\n);\n"],"mappings":";AAGA,IAAa,yBAAyB;AAKtC,IAAI,UAAyB,CAAC;AAC9B,IAAM,4BAAY,IAAI,IAAc;AACpC,IAAI,UAAU;AAEd,SAAS,OAAO;CACd,KAAK,MAAM,YAAY,WAAW,SAAS;AAC7C;AAEA,SAAgB,gBAAgB,UAAgC;CAC9D,UAAU,IAAI,QAAQ;CACtB,aAAa,UAAU,OAAO,QAAQ;AACxC;AAEA,SAAgB,YAA2B;CACzC,OAAO;AACT;AAEA,SAAS,KAAK,SAAuB,SAAoB,UAAwB,CAAC,GAAW;CAC3F,WAAW;CACX,MAAM,KAAK,QAAQ,MAAM,eAAe;CACxC,MAAM,SAAsB;EAC1B;EACA;EACA;EACA,OAAO,QAAQ;EACf,UAAU,QAAQ,YAAA;EAClB,QAAQ,QAAQ;CAClB;CAEA,UADiB,QAAQ,MAAM,UAAU,MAAM,OAAO,EAC5C,IACN,QAAQ,KAAK,UAAW,MAAM,OAAO,KAAK,SAAS,KAAM,IACzD,CAAC,GAAG,SAAS,MAAM,CAAC,CAAC,MAAM,GAAwB;CACvD,KAAK;CACL,OAAO;AACT;AAEA,SAAS,QAAQ,IAAmB;CAClC,UAAU,OAAO,KAAA,IAAY,CAAC,IAAI,QAAQ,QAAQ,UAAU,MAAM,OAAO,EAAE;CAC3E,KAAK;AACP;;;;;;;;;;AAsBA,IAAa,QAAkB,OAAO,QACnC,SAAoB,YAA2B,KAAK,QAAQ,SAAS,OAAO,GAC7E;CACE,UAAU,SAAoB,YAA2B,KAAK,WAAW,SAAS,OAAO;CACzF,OAAO,SAAoB,YAA2B,KAAK,QAAQ,SAAS,OAAO;CACnF,UAAU,SAAoB,YAA2B,KAAK,WAAW,SAAS,OAAO;CACzF,QAAQ,SAAoB,YAA2B,KAAK,SAAS,SAAS,OAAO;CACrF;AACF,CACF"}

package/dist/components/feedback/Toast/useToasts.d.ts

@@ -0,0 +1,4 @@
+import type { ToastRecord } from "./Toast.types";
+/** Subscribe to the live toast list. */
+export declare function useToasts(): ToastRecord[];
+//# sourceMappingURL=useToasts.d.ts.map

package/dist/components/feedback/Toast/useToasts.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"useToasts.d.ts","sourceRoot":"","sources":["../../../../src/components/feedback/Toast/useToasts.ts"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,eAAe,CAAC;AAEjD,wCAAwC;AACxC,wBAAgB,SAAS,IAAI,WAAW,EAAE,CAEzC"}

package/dist/components/feedback/Toast/useToasts.js

@@ -0,0 +1,11 @@
+import { getToasts, subscribeToasts } from "./store.js";
+import { useSyncExternalStore } from "react";
+//#region src/components/feedback/Toast/useToasts.ts
+/** Subscribe to the live toast list. */
+function useToasts() {
+	return useSyncExternalStore(subscribeToasts, getToasts, getToasts);
+}
+//#endregion
+export { useToasts };
+
+//# sourceMappingURL=useToasts.js.map

package/dist/components/feedback/Toast/useToasts.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useToasts.js","names":[],"sources":["../../../../src/components/feedback/Toast/useToasts.ts"],"sourcesContent":["import { useSyncExternalStore } from \"react\";\nimport { getToasts, subscribeToasts } from \"./store\";\nimport type { ToastRecord } from \"./Toast.types\";\n\n/** Subscribe to the live toast list. */\nexport function useToasts(): ToastRecord[] {\n  return useSyncExternalStore(subscribeToasts, getToasts, getToasts);\n}\n"],"mappings":";;;;AAKA,SAAgB,YAA2B;CACzC,OAAO,qBAAqB,iBAAiB,WAAW,SAAS;AACnE"}

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

@@ -0,0 +1,7 @@
+export * from "./Alert";
+export * from "./Toast";
+export * from "./Modal";
+export * from "./ConfirmDialog";
+export * from "./Progress";
+export * from "./Loading";
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/feedback/index.ts"],"names":[],"mappings":"AAAA,cAAc,SAAS,CAAC;AACxB,cAAc,SAAS,CAAC;AACxB,cAAc,SAAS,CAAC;AACxB,cAAc,iBAAiB,CAAC;AAChC,cAAc,YAAY,CAAC;AAC3B,cAAc,WAAW,CAAC"}

package/dist/components/forms/BlockCheckbox/BlockCheckbox.d.ts

@@ -0,0 +1,4 @@
+import type { BlockCheckboxProps } from "./BlockCheckbox.types";
+/** Native checkbox with a pixel block box. */
+export declare const BlockCheckbox: import("react").ForwardRefExoticComponent<BlockCheckboxProps & import("react").RefAttributes<HTMLInputElement>>;
+//# sourceMappingURL=BlockCheckbox.d.ts.map

package/dist/components/forms/BlockCheckbox/BlockCheckbox.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"BlockCheckbox.d.ts","sourceRoot":"","sources":["../../../../src/components/forms/BlockCheckbox/BlockCheckbox.tsx"],"names":[],"mappings":"AAKA,OAAO,KAAK,EAAE,kBAAkB,EAAE,MAAM,uBAAuB,CAAC;AAEhE,8CAA8C;AAC9C,eAAO,MAAM,aAAa,iHAsEzB,CAAC"}

package/dist/components/forms/BlockCheckbox/BlockCheckbox.js

@@ -0,0 +1,69 @@
+import { cx } from "../../../utils/cx.js";
+import { mergeRefs } from "../../../utils/refs.js";
+import BlockCheckbox_module_default from "./BlockCheckbox.module.js";
+import { forwardRef, useEffect, useId, useRef } from "react";
+import { CheckIcon, MinusIcon } from "@malilion/block-ui-icons";
+import { jsx, jsxs } from "react/jsx-runtime";
+//#region src/components/forms/BlockCheckbox/BlockCheckbox.tsx
+/** Native checkbox with a pixel block box. */
+var BlockCheckbox = forwardRef(function BlockCheckbox({ id, label, description, indeterminate = false, error, className, disabled, "aria-describedby": ariaDescribedBy, ...rest }, ref) {
+	const generated = useId();
+	const inputId = id ?? `block-checkbox-${generated}`;
+	const descriptionId = description ? `${inputId}-description` : void 0;
+	const errorId = error ? `${inputId}-error` : void 0;
+	const inner = useRef(null);
+	useEffect(() => {
+		if (inner.current) inner.current.indeterminate = indeterminate;
+	}, [indeterminate]);
+	return /* @__PURE__ */ jsxs("div", {
+		className: cx(BlockCheckbox_module_default.root, className),
+		"data-disabled": disabled || void 0,
+		children: [/* @__PURE__ */ jsxs("span", {
+			className: BlockCheckbox_module_default.control,
+			children: [/* @__PURE__ */ jsx("input", {
+				ref: mergeRefs(inner, ref),
+				id: inputId,
+				type: "checkbox",
+				disabled,
+				"aria-invalid": error ? true : void 0,
+				"aria-describedby": cx(errorId, descriptionId, ariaDescribedBy) || void 0,
+				className: BlockCheckbox_module_default.input,
+				"data-indeterminate": indeterminate || void 0,
+				...rest
+			}), /* @__PURE__ */ jsxs("span", {
+				className: BlockCheckbox_module_default.box,
+				"aria-hidden": "true",
+				children: [/* @__PURE__ */ jsx("span", {
+					className: BlockCheckbox_module_default.check,
+					children: /* @__PURE__ */ jsx(CheckIcon, { size: 16 })
+				}), /* @__PURE__ */ jsx("span", {
+					className: BlockCheckbox_module_default.dash,
+					children: /* @__PURE__ */ jsx(MinusIcon, { size: 16 })
+				})]
+			})]
+		}), label || description || error ? /* @__PURE__ */ jsxs("span", {
+			className: BlockCheckbox_module_default.text,
+			children: [
+				label ? /* @__PURE__ */ jsx("label", {
+					htmlFor: inputId,
+					className: BlockCheckbox_module_default.label,
+					children: label
+				}) : null,
+				description ? /* @__PURE__ */ jsx("span", {
+					id: descriptionId,
+					className: BlockCheckbox_module_default.description,
+					children: description
+				}) : null,
+				error ? /* @__PURE__ */ jsx("span", {
+					id: errorId,
+					className: BlockCheckbox_module_default.error,
+					children: error
+				}) : null
+			]
+		}) : null]
+	});
+});
+//#endregion
+export { BlockCheckbox };
+
+//# sourceMappingURL=BlockCheckbox.js.map

package/dist/components/forms/BlockCheckbox/BlockCheckbox.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"BlockCheckbox.js","names":["styles"],"sources":["../../../../src/components/forms/BlockCheckbox/BlockCheckbox.tsx"],"sourcesContent":["import { CheckIcon, MinusIcon } from \"@malilion/block-ui-icons\";\nimport { forwardRef, useEffect, useId, useRef } from \"react\";\nimport { cx } from \"../../../utils/cx\";\nimport { mergeRefs } from \"../../../utils/refs\";\nimport styles from \"./BlockCheckbox.module.css\";\nimport type { BlockCheckboxProps } from \"./BlockCheckbox.types\";\n\n/** Native checkbox with a pixel block box. */\nexport const BlockCheckbox = forwardRef<HTMLInputElement, BlockCheckboxProps>(\n  function BlockCheckbox(\n    {\n      id,\n      label,\n      description,\n      indeterminate = false,\n      error,\n      className,\n      disabled,\n      \"aria-describedby\": ariaDescribedBy,\n      ...rest\n    },\n    ref,\n  ) {\n    const generated = useId();\n    const inputId = id ?? `block-checkbox-${generated}`;\n    const descriptionId = description ? `${inputId}-description` : undefined;\n    const errorId = error ? `${inputId}-error` : undefined;\n    const inner = useRef<HTMLInputElement>(null);\n\n    useEffect(() => {\n      if (inner.current) inner.current.indeterminate = indeterminate;\n    }, [indeterminate]);\n\n    return (\n      <div className={cx(styles.root, className)} data-disabled={disabled || undefined}>\n        <span className={styles.control}>\n          <input\n            ref={mergeRefs(inner, ref)}\n            id={inputId}\n            type=\"checkbox\"\n            disabled={disabled}\n            aria-invalid={error ? true : undefined}\n            aria-describedby={cx(errorId, descriptionId, ariaDescribedBy) || undefined}\n            className={styles.input}\n            data-indeterminate={indeterminate || undefined}\n            {...rest}\n          />\n          <span className={styles.box} aria-hidden=\"true\">\n            <span className={styles.check}>\n              <CheckIcon size={16} />\n            </span>\n            <span className={styles.dash}>\n              <MinusIcon size={16} />\n            </span>\n          </span>\n        </span>\n        {label || description || error ? (\n          <span className={styles.text}>\n            {label ? (\n              <label htmlFor={inputId} className={styles.label}>\n                {label}\n              </label>\n            ) : null}\n            {description ? (\n              <span id={descriptionId} className={styles.description}>\n                {description}\n              </span>\n            ) : null}\n            {error ? (\n              <span id={errorId} className={styles.error}>\n                {error}\n              </span>\n            ) : null}\n          </span>\n        ) : null}\n      </div>\n    );\n  },\n);\n"],"mappings":";;;;;;;;AAQA,IAAa,gBAAgB,WAC3B,SAAS,cACP,EACE,IACA,OACA,aACA,gBAAgB,OAChB,OACA,WACA,UACA,oBAAoB,iBACpB,GAAG,QAEL,KACA;CACA,MAAM,YAAY,MAAM;CACxB,MAAM,UAAU,MAAM,kBAAkB;CACxC,MAAM,gBAAgB,cAAc,GAAG,QAAQ,gBAAgB,KAAA;CAC/D,MAAM,UAAU,QAAQ,GAAG,QAAQ,UAAU,KAAA;CAC7C,MAAM,QAAQ,OAAyB,IAAI;CAE3C,gBAAgB;EACd,IAAI,MAAM,SAAS,MAAM,QAAQ,gBAAgB;CACnD,GAAG,CAAC,aAAa,CAAC;CAElB,OACE,qBAAC,OAAD;EAAK,WAAW,GAAGA,6BAAO,MAAM,SAAS;EAAG,iBAAe,YAAY,KAAA;EAAvE,UAAA,CACE,qBAAC,QAAD;GAAM,WAAWA,6BAAO;GAAxB,UAAA,CACE,oBAAC,SAAD;IACE,KAAK,UAAU,OAAO,GAAG;IACzB,IAAI;IACJ,MAAK;IACK;IACV,gBAAc,QAAQ,OAAO,KAAA;IAC7B,oBAAkB,GAAG,SAAS,eAAe,eAAe,KAAK,KAAA;IACjE,WAAWA,6BAAO;IAClB,sBAAoB,iBAAiB,KAAA;IACrC,GAAI;GACL,CAAA,GACD,qBAAC,QAAD;IAAM,WAAWA,6BAAO;IAAK,eAAY;IAAzC,UAAA,CACE,oBAAC,QAAD;KAAM,WAAWA,6BAAO;KACtB,UAAA,oBAAC,WAAD,EAAW,MAAM,GAAK,CAAA;IAClB,CAAA,GACN,oBAAC,QAAD;KAAM,WAAWA,6BAAO;KACtB,UAAA,oBAAC,WAAD,EAAW,MAAM,GAAK,CAAA;IAClB,CAAA,CACF;GACF,CAAA,CAAA;EACL,CAAA,GAAA,SAAS,eAAe,QACvB,qBAAC,QAAD;GAAM,WAAWA,6BAAO;GAAxB,UAAA;IACG,QACC,oBAAC,SAAD;KAAO,SAAS;KAAS,WAAWA,6BAAO;KACxC,UAAA;IACI,CAAA,IACL;IACH,cACC,oBAAC,QAAD;KAAM,IAAI;KAAe,WAAWA,6BAAO;KACxC,UAAA;IACG,CAAA,IACJ;IACH,QACC,oBAAC,QAAD;KAAM,IAAI;KAAS,WAAWA,6BAAO;KAClC,UAAA;IACG,CAAA,IACJ;GACA;EACJ,CAAA,IAAA,IACD;;AAET,CACF"}

package/dist/components/forms/BlockCheckbox/BlockCheckbox.module.js

@@ -0,0 +1,27 @@
+//#region src/components/forms/BlockCheckbox/BlockCheckbox.module.css
+var root = "block-root-Q-ut2";
+var control = "block-control-K8td-";
+var input = "block-input-dsxjm";
+var box = "block-box-Cd5RT";
+var check = "block-check-RXiFN";
+var dash = "block-dash-I49UR";
+var text = "block-text-9Gra0";
+var label = "block-label-7G2-n";
+var description = "block-description-bDlOv";
+var error = "block-error-Dbi0v";
+var BlockCheckbox_module_default = {
+	root,
+	control,
+	input,
+	box,
+	check,
+	dash,
+	text,
+	label,
+	description,
+	error
+};
+//#endregion
+export { box, check, control, dash, BlockCheckbox_module_default as default, description, error, input, label, root, text };
+
+//# sourceMappingURL=BlockCheckbox.module.js.map

package/dist/components/forms/BlockCheckbox/BlockCheckbox.module.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"BlockCheckbox.module.js","names":[],"sources":["../../../../src/components/forms/BlockCheckbox/BlockCheckbox.module.css"],"sourcesContent":[".root {\n  display: inline-flex;\n  align-items: flex-start;\n  gap: var(--block-space-2);\n}\n\n.control {\n  position: relative;\n  display: inline-flex;\n  flex-shrink: 0;\n  width: 24px;\n  height: 24px;\n}\n\n.input {\n  position: absolute;\n  inset: 0;\n  width: 100%;\n  height: 100%;\n  margin: 0;\n  opacity: 0;\n  cursor: pointer;\n}\n\n.input:disabled {\n  cursor: not-allowed;\n}\n\n.box {\n  display: inline-flex;\n  align-items: center;\n  justify-content: center;\n  width: 100%;\n  height: 100%;\n  color: var(--block-on-primary);\n  background-color: var(--block-slot);\n  border: var(--block-border-width-thin) solid var(--block-border);\n  box-shadow: inset 2px 2px 0 var(--block-shadow-bevel-dark);\n  pointer-events: none;\n}\n\n.check,\n.dash {\n  display: none;\n}\n\n.input:checked + .box,\n.input[data-indeterminate] + .box {\n  background-color: var(--block-primary);\n  box-shadow:\n    inset 2px 2px 0 var(--block-primary-light),\n    inset -2px -2px 0 var(--block-primary-dark);\n}\n\n.input:checked:not([data-indeterminate]) + .box .check {\n  display: inline-flex;\n}\n\n.input[data-indeterminate] + .box .dash {\n  display: inline-flex;\n}\n\n.input:hover:not(:disabled) + .box {\n  filter: brightness(1.15);\n}\n\n.input:focus-visible + .box {\n  outline: 3px solid var(--block-focus);\n  outline-offset: 2px;\n}\n\n.input[aria-invalid=\"true\"] + .box {\n  border-color: var(--block-redstone-light);\n}\n\n.input:disabled + .box {\n  opacity: 0.5;\n}\n\n.text {\n  display: flex;\n  flex-direction: column;\n  gap: 2px;\n  padding-top: 2px;\n}\n\n.label {\n  font-size: var(--block-font-size-md);\n  cursor: pointer;\n}\n\n.root[data-disabled] .label {\n  color: var(--block-text-muted);\n  cursor: not-allowed;\n}\n\n.description {\n  font-size: var(--block-font-size-xs);\n  color: var(--block-text-muted);\n}\n\n.error {\n  font-size: var(--block-font-size-xs);\n  font-weight: var(--block-font-weight-bold);\n  color: var(--block-redstone-light);\n}\n"],"mappings":""}

package/dist/components/forms/BlockCheckbox/BlockCheckbox.types.d.ts

@@ -0,0 +1,10 @@
+import type { InputHTMLAttributes, ReactNode } from "react";
+export interface BlockCheckboxProps extends Omit<InputHTMLAttributes<HTMLInputElement>, "type" | "size"> {
+    label?: ReactNode;
+    /** Secondary text under the label. */
+    description?: ReactNode;
+    /** Shows a dash and sets the native `indeterminate` state. */
+    indeterminate?: boolean;
+    error?: string;
+}
+//# sourceMappingURL=BlockCheckbox.types.d.ts.map

package/dist/components/forms/BlockCheckbox/BlockCheckbox.types.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"BlockCheckbox.types.d.ts","sourceRoot":"","sources":["../../../../src/components/forms/BlockCheckbox/BlockCheckbox.types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,mBAAmB,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAE5D,MAAM,WAAW,kBAAmB,SAAQ,IAAI,CAC9C,mBAAmB,CAAC,gBAAgB,CAAC,EACrC,MAAM,GAAG,MAAM,CAChB;IACC,KAAK,CAAC,EAAE,SAAS,CAAC;IAClB,sCAAsC;IACtC,WAAW,CAAC,EAAE,SAAS,CAAC;IACxB,8DAA8D;IAC9D,aAAa,CAAC,EAAE,OAAO,CAAC;IACxB,KAAK,CAAC,EAAE,MAAM,CAAC;CAChB"}

package/dist/components/forms/BlockCheckbox/index.d.ts

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

package/dist/components/forms/BlockCheckbox/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/forms/BlockCheckbox/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,aAAa,EAAE,MAAM,iBAAiB,CAAC;AAChD,YAAY,EAAE,kBAAkB,EAAE,MAAM,uBAAuB,CAAC"}

package/dist/components/forms/BlockInput/BlockInput.d.ts

@@ -0,0 +1,4 @@
+import type { BlockInputProps } from "./BlockInput.types";
+/** Text input in a sunken slot well. */
+export declare const BlockInput: import("react").ForwardRefExoticComponent<BlockInputProps & import("react").RefAttributes<HTMLInputElement>>;
+//# sourceMappingURL=BlockInput.d.ts.map

package/dist/components/forms/BlockInput/BlockInput.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"BlockInput.d.ts","sourceRoot":"","sources":["../../../../src/components/forms/BlockInput/BlockInput.tsx"],"names":[],"mappings":"AAKA,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,oBAAoB,CAAC;AAE1D,wCAAwC;AACxC,eAAO,MAAM,UAAU,8GA2DrB,CAAC"}

package/dist/components/forms/BlockInput/BlockInput.js

@@ -0,0 +1,49 @@
+import { cx } from "../../../utils/cx.js";
+import { Field } from "../Field/Field.js";
+import control_module_default from "../Field/control.module.js";
+import BlockInput_module_default from "./BlockInput.module.js";
+import { forwardRef } from "react";
+import { jsx, jsxs } from "react/jsx-runtime";
+//#region src/components/forms/BlockInput/BlockInput.tsx
+/** Text input in a sunken slot well. */
+var BlockInput = forwardRef(function BlockInput({ id, label, error, success, helperText, startIcon, endAdornment, className, wrapperClassName, disabled, required, type = "text", "aria-describedby": ariaDescribedBy, ...rest }, ref) {
+	return /* @__PURE__ */ jsx(Field, {
+		id,
+		label,
+		error,
+		success,
+		helperText,
+		disabled,
+		required,
+		className: wrapperClassName,
+		children: ({ inputId, describedBy, invalid }) => /* @__PURE__ */ jsxs("div", {
+			className: BlockInput_module_default.wrapper,
+			children: [
+				startIcon ? /* @__PURE__ */ jsx("span", {
+					className: BlockInput_module_default.startIcon,
+					"aria-hidden": "true",
+					children: startIcon
+				}) : null,
+				/* @__PURE__ */ jsx("input", {
+					ref,
+					id: inputId,
+					type,
+					disabled,
+					required,
+					"aria-invalid": invalid || void 0,
+					"aria-describedby": cx(describedBy, ariaDescribedBy) || void 0,
+					className: cx(control_module_default.control, BlockInput_module_default.input, Boolean(startIcon) && BlockInput_module_default.hasStart, Boolean(endAdornment) && BlockInput_module_default.hasEnd, className),
+					...rest
+				}),
+				endAdornment ? /* @__PURE__ */ jsx("span", {
+					className: BlockInput_module_default.end,
+					children: endAdornment
+				}) : null
+			]
+		})
+	});
+});
+//#endregion
+export { BlockInput };
+
+//# sourceMappingURL=BlockInput.js.map

package/dist/components/forms/BlockInput/BlockInput.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"BlockInput.js","names":["styles","control"],"sources":["../../../../src/components/forms/BlockInput/BlockInput.tsx"],"sourcesContent":["import { forwardRef } from \"react\";\nimport { cx } from \"../../../utils/cx\";\nimport { Field } from \"../Field/Field\";\nimport control from \"../Field/control.module.css\";\nimport styles from \"./BlockInput.module.css\";\nimport type { BlockInputProps } from \"./BlockInput.types\";\n\n/** Text input in a sunken slot well. */\nexport const BlockInput = forwardRef<HTMLInputElement, BlockInputProps>(function BlockInput(\n  {\n    id,\n    label,\n    error,\n    success,\n    helperText,\n    startIcon,\n    endAdornment,\n    className,\n    wrapperClassName,\n    disabled,\n    required,\n    type = \"text\",\n    \"aria-describedby\": ariaDescribedBy,\n    ...rest\n  },\n  ref,\n) {\n  return (\n    <Field\n      id={id}\n      label={label}\n      error={error}\n      success={success}\n      helperText={helperText}\n      disabled={disabled}\n      required={required}\n      className={wrapperClassName}\n    >\n      {({ inputId, describedBy, invalid }) => (\n        <div className={styles.wrapper}>\n          {startIcon ? (\n            <span className={styles.startIcon} aria-hidden=\"true\">\n              {startIcon}\n            </span>\n          ) : null}\n          <input\n            ref={ref}\n            id={inputId}\n            type={type}\n            disabled={disabled}\n            required={required}\n            aria-invalid={invalid || undefined}\n            aria-describedby={cx(describedBy, ariaDescribedBy) || undefined}\n            className={cx(\n              control.control,\n              styles.input,\n              Boolean(startIcon) && styles.hasStart,\n              Boolean(endAdornment) && styles.hasEnd,\n              className,\n            )}\n            {...rest}\n          />\n          {endAdornment ? <span className={styles.end}>{endAdornment}</span> : null}\n        </div>\n      )}\n    </Field>\n  );\n});\n"],"mappings":";;;;;;;;AAQA,IAAa,aAAa,WAA8C,SAAS,WAC/E,EACE,IACA,OACA,OACA,SACA,YACA,WACA,cACA,WACA,kBACA,UACA,UACA,OAAO,QACP,oBAAoB,iBACpB,GAAG,QAEL,KACA;CACA,OACE,oBAAC,OAAD;EACM;EACG;EACA;EACE;EACG;EACF;EACA;EACV,WAAW;EAET,WAAA,EAAE,SAAS,aAAa,cACxB,qBAAC,OAAD;GAAK,WAAWA,0BAAO;GAAvB,UAAA;IACG,YACC,oBAAC,QAAD;KAAM,WAAWA,0BAAO;KAAW,eAAY;KAC5C,UAAA;IACG,CAAA,IACJ;IACJ,oBAAC,SAAD;KACO;KACL,IAAI;KACE;KACI;KACA;KACV,gBAAc,WAAW,KAAA;KACzB,oBAAkB,GAAG,aAAa,eAAe,KAAK,KAAA;KACtD,WAAW,GACTC,uBAAQ,SACRD,0BAAO,OACP,QAAQ,SAAS,KAAKA,0BAAO,UAC7B,QAAQ,YAAY,KAAKA,0BAAO,QAChC,SACF;KACA,GAAI;IACL,CAAA;IACA,eAAe,oBAAC,QAAD;KAAM,WAAWA,0BAAO;KAAM,UAAA;IAAmB,CAAA,IAAI;GAClE;;CAEF,CAAA;AAEX,CAAC"}

package/dist/components/forms/BlockInput/BlockInput.module.js

@@ -0,0 +1,19 @@
+//#region src/components/forms/BlockInput/BlockInput.module.css
+var wrapper = "block-wrapper-nQ33e";
+var input = "block-input-CXZ3n";
+var hasStart = "block-hasStart-eSXZ6";
+var hasEnd = "block-hasEnd-3KogV";
+var startIcon = "block-startIcon-uZ491";
+var end = "block-end-Z0Gqj";
+var BlockInput_module_default = {
+	wrapper,
+	input,
+	hasStart,
+	hasEnd,
+	startIcon,
+	end
+};
+//#endregion
+export { BlockInput_module_default as default, end, hasEnd, hasStart, input, startIcon, wrapper };
+
+//# sourceMappingURL=BlockInput.module.js.map

package/dist/components/forms/BlockInput/BlockInput.module.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"BlockInput.module.js","names":[],"sources":["../../../../src/components/forms/BlockInput/BlockInput.module.css"],"sourcesContent":[".wrapper {\n  position: relative;\n  display: flex;\n  align-items: center;\n}\n\n.input {\n  height: var(--block-size-control-md);\n}\n\n.hasStart {\n  padding-left: calc(var(--block-space-3) + 24px);\n}\n\n.hasEnd {\n  padding-right: calc(var(--block-space-3) + 32px);\n}\n\n.startIcon {\n  position: absolute;\n  left: var(--block-space-3);\n  display: inline-flex;\n  color: var(--block-text-muted);\n  pointer-events: none;\n}\n\n.end {\n  position: absolute;\n  right: var(--block-space-2);\n  display: inline-flex;\n  align-items: center;\n}\n"],"mappings":""}

package/dist/components/forms/BlockInput/BlockInput.types.d.ts

@@ -0,0 +1,16 @@
+import type { InputHTMLAttributes, ReactNode } from "react";
+export interface BlockInputProps extends InputHTMLAttributes<HTMLInputElement> {
+    label?: string;
+    /** Error message. Sets `aria-invalid` and is announced via `aria-describedby`. */
+    error?: string;
+    /** Marks the value as valid (green border). */
+    success?: boolean;
+    helperText?: string;
+    /** Icon shown inside the field, before the text. */
+    startIcon?: ReactNode;
+    /** Element shown inside the field, after the text. */
+    endAdornment?: ReactNode;
+    /** Class name for the outer field wrapper. */
+    wrapperClassName?: string;
+}
+//# sourceMappingURL=BlockInput.types.d.ts.map

package/dist/components/forms/BlockInput/BlockInput.types.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"BlockInput.types.d.ts","sourceRoot":"","sources":["../../../../src/components/forms/BlockInput/BlockInput.types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,mBAAmB,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAE5D,MAAM,WAAW,eAAgB,SAAQ,mBAAmB,CAAC,gBAAgB,CAAC;IAC5E,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,kFAAkF;IAClF,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,+CAA+C;IAC/C,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,oDAAoD;IACpD,SAAS,CAAC,EAAE,SAAS,CAAC;IACtB,sDAAsD;IACtD,YAAY,CAAC,EAAE,SAAS,CAAC;IACzB,8CAA8C;IAC9C,gBAAgB,CAAC,EAAE,MAAM,CAAC;CAC3B"}

package/dist/components/forms/BlockInput/index.d.ts

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

package/dist/components/forms/BlockInput/index.d.ts.map

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