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

package/dist/components/feedback/Loading/BlockLoading.module.js

@@ -0,0 +1,18 @@
+//#region src/components/feedback/Loading/BlockLoading.module.css
+var loading = "block-loading-FjDn7";
+var blocks = "block-blocks-hpVZ3";
+var block = "block-block-QTgZ4";
+var label = "block-label--jqjD";
+var bar = "block-bar-oFS7J";
+var BlockLoading_module_default = {
+	loading,
+	blocks,
+	block,
+	"block-blink": "block-block-blink-Nhh76",
+	label,
+	bar
+};
+//#endregion
+export { bar, block, blocks, BlockLoading_module_default as default, label, loading };
+
+//# sourceMappingURL=BlockLoading.module.js.map

package/dist/components/feedback/Loading/BlockLoading.module.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"BlockLoading.module.js","names":[],"sources":["../../../../src/components/feedback/Loading/BlockLoading.module.css"],"sourcesContent":[".loading {\n  --loading-block: 10px;\n\n  display: inline-flex;\n  align-items: center;\n  gap: var(--block-space-3);\n  color: var(--block-text);\n}\n\n.loading[data-size=\"sm\"] {\n  --loading-block: 6px;\n}\n\n.loading[data-size=\"lg\"] {\n  --loading-block: 16px;\n}\n\n.loading[data-variant=\"bar\"] {\n  display: flex;\n  flex-direction: column;\n  align-items: stretch;\n  gap: var(--block-space-1);\n  width: 100%;\n}\n\n.blocks {\n  display: grid;\n  grid-template-columns: repeat(2, var(--loading-block));\n  gap: 2px;\n}\n\n.block {\n  width: var(--loading-block);\n  height: var(--loading-block);\n  background-color: var(--block-primary);\n  box-shadow: inset -2px -2px 0 var(--block-primary-dark);\n  animation: block-blink 800ms steps(1, end) infinite;\n}\n\n/* Clockwise stepping order: 0 → 1 → 3 → 2. */\n.block:nth-child(2) {\n  animation-delay: 200ms;\n}\n\n.block:nth-child(4) {\n  animation-delay: 400ms;\n}\n\n.block:nth-child(3) {\n  animation-delay: 600ms;\n}\n\n.label {\n  font-size: var(--block-font-size-sm);\n  color: var(--block-text-muted);\n}\n\n.bar {\n  width: 100%;\n}\n"],"mappings":""}

package/dist/components/feedback/Loading/BlockLoading.types.d.ts

@@ -0,0 +1,14 @@
+import type { HTMLAttributes } from "react";
+export interface BlockLoadingProps extends HTMLAttributes<HTMLDivElement> {
+    /** Status text (announced politely). @default "Loading…" */
+    label?: string;
+    /** `blocks` — stepping pixel blocks; `bar` — indeterminate or determinate bar. @default "blocks" */
+    variant?: "blocks" | "bar";
+    /** Determinate progress (bar variant only). */
+    progress?: number;
+    /** Visually hide the label (still announced). */
+    hideLabel?: boolean;
+    /** @default "md" */
+    size?: "sm" | "md" | "lg";
+}
+//# sourceMappingURL=BlockLoading.types.d.ts.map

package/dist/components/feedback/Loading/BlockLoading.types.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"BlockLoading.types.d.ts","sourceRoot":"","sources":["../../../../src/components/feedback/Loading/BlockLoading.types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,OAAO,CAAC;AAE5C,MAAM,WAAW,iBAAkB,SAAQ,cAAc,CAAC,cAAc,CAAC;IACvE,4DAA4D;IAC5D,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,oGAAoG;IACpG,OAAO,CAAC,EAAE,QAAQ,GAAG,KAAK,CAAC;IAC3B,+CAA+C;IAC/C,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,iDAAiD;IACjD,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,oBAAoB;IACpB,IAAI,CAAC,EAAE,IAAI,GAAG,IAAI,GAAG,IAAI,CAAC;CAC3B"}

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

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/feedback/Loading/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,YAAY,EAAE,MAAM,gBAAgB,CAAC;AAC9C,YAAY,EAAE,iBAAiB,EAAE,MAAM,sBAAsB,CAAC"}

package/dist/components/feedback/Modal/BlockModal.d.ts

@@ -0,0 +1,7 @@
+import type { BlockModalProps } from "./BlockModal.types";
+/**
+ * Accessible modal dialog: focus trap, `Escape` to close, overlay, focus
+ * restoration and `aria-modal` dialog semantics (PRD §45).
+ */
+export declare const BlockModal: import("react").ForwardRefExoticComponent<BlockModalProps & import("react").RefAttributes<HTMLDivElement>>;
+//# sourceMappingURL=BlockModal.d.ts.map

package/dist/components/feedback/Modal/BlockModal.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"BlockModal.d.ts","sourceRoot":"","sources":["../../../../src/components/feedback/Modal/BlockModal.tsx"],"names":[],"mappings":"AAQA,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,oBAAoB,CAAC;AAI1D;;;GAGG;AACH,eAAO,MAAM,UAAU,4GAiGrB,CAAC"}

package/dist/components/feedback/Modal/BlockModal.js

@@ -0,0 +1,99 @@
+import { cx } from "../../../utils/cx.js";
+import { usePortalContainer } from "../../../provider/context.js";
+import { mergeRefs } from "../../../utils/refs.js";
+import { useFocusTrap } from "../../../hooks/useFocusTrap.js";
+import BlockModal_module_default from "./BlockModal.module.js";
+import { forwardRef, useEffect, useId, useRef } from "react";
+import { createPortal } from "react-dom";
+import { CloseIcon } from "@malilion/block-ui-icons";
+import { jsx, jsxs } from "react/jsx-runtime";
+//#region src/components/feedback/Modal/BlockModal.tsx
+var openModals = 0;
+/**
+* Accessible modal dialog: focus trap, `Escape` to close, overlay, focus
+* restoration and `aria-modal` dialog semantics (PRD §45).
+*/
+var BlockModal = forwardRef(function BlockModal({ open, onClose, title, description, children, footer, size = "md", closeOnOverlayClick = true, closeOnEscape = true, hideCloseButton = false, initialFocusRef, role = "dialog", icon, className, ...rest }, ref) {
+	const container = usePortalContainer();
+	const dialogRef = useRef(null);
+	const titleId = useId();
+	const descriptionId = useId();
+	useFocusTrap(dialogRef, open && container !== null, { initialFocus: initialFocusRef });
+	useEffect(() => {
+		if (!open) return void 0;
+		openModals += 1;
+		const previous = document.body.style.overflow;
+		document.body.style.overflow = "hidden";
+		return () => {
+			openModals -= 1;
+			if (openModals === 0) document.body.style.overflow = previous;
+		};
+	}, [open]);
+	if (!open || !container) return null;
+	const handleKeyDown = (event) => {
+		if (event.key === "Escape" && closeOnEscape) {
+			event.stopPropagation();
+			onClose();
+		}
+	};
+	const handleOverlayClick = (event) => {
+		if (closeOnOverlayClick && event.target === event.currentTarget) onClose();
+	};
+	return createPortal(/* @__PURE__ */ jsx("div", {
+		role: "presentation",
+		className: BlockModal_module_default.overlay,
+		onMouseDown: handleOverlayClick,
+		onKeyDown: handleKeyDown,
+		children: /* @__PURE__ */ jsxs("div", {
+			ref: mergeRefs(dialogRef, ref),
+			role,
+			"aria-modal": "true",
+			"aria-labelledby": titleId,
+			"aria-describedby": description ? descriptionId : void 0,
+			tabIndex: -1,
+			"data-size": size,
+			className: cx(BlockModal_module_default.dialog, className),
+			...rest,
+			children: [
+				/* @__PURE__ */ jsxs("div", {
+					className: BlockModal_module_default.header,
+					children: [/* @__PURE__ */ jsx("h2", {
+						id: titleId,
+						className: BlockModal_module_default.title,
+						children: title
+					}), hideCloseButton ? null : /* @__PURE__ */ jsx("button", {
+						type: "button",
+						className: BlockModal_module_default.close,
+						"aria-label": "Close",
+						onClick: onClose,
+						children: /* @__PURE__ */ jsx(CloseIcon, { size: 16 })
+					})]
+				}),
+				/* @__PURE__ */ jsxs("div", {
+					className: BlockModal_module_default.body,
+					children: [
+						icon ? /* @__PURE__ */ jsx("div", {
+							className: BlockModal_module_default.icon,
+							"aria-hidden": "true",
+							children: icon
+						}) : null,
+						description ? /* @__PURE__ */ jsx("div", {
+							id: descriptionId,
+							className: BlockModal_module_default.description,
+							children: description
+						}) : null,
+						children
+					]
+				}),
+				footer ? /* @__PURE__ */ jsx("div", {
+					className: BlockModal_module_default.footer,
+					children: footer
+				}) : null
+			]
+		})
+	}), container);
+});
+//#endregion
+export { BlockModal };
+
+//# sourceMappingURL=BlockModal.js.map

package/dist/components/feedback/Modal/BlockModal.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"BlockModal.js","names":["styles"],"sources":["../../../../src/components/feedback/Modal/BlockModal.tsx"],"sourcesContent":["import { CloseIcon } from \"@malilion/block-ui-icons\";\nimport { forwardRef, useEffect, useId, useRef, type KeyboardEvent, type MouseEvent } from \"react\";\nimport { createPortal } from \"react-dom\";\nimport { useFocusTrap } from \"../../../hooks/useFocusTrap\";\nimport { usePortalContainer } from \"../../../provider/context\";\nimport { cx } from \"../../../utils/cx\";\nimport { mergeRefs } from \"../../../utils/refs\";\nimport styles from \"./BlockModal.module.css\";\nimport type { BlockModalProps } from \"./BlockModal.types\";\n\nlet openModals = 0;\n\n/**\n * Accessible modal dialog: focus trap, `Escape` to close, overlay, focus\n * restoration and `aria-modal` dialog semantics (PRD §45).\n */\nexport const BlockModal = forwardRef<HTMLDivElement, BlockModalProps>(function BlockModal(\n  {\n    open,\n    onClose,\n    title,\n    description,\n    children,\n    footer,\n    size = \"md\",\n    closeOnOverlayClick = true,\n    closeOnEscape = true,\n    hideCloseButton = false,\n    initialFocusRef,\n    role = \"dialog\",\n    icon,\n    className,\n    ...rest\n  },\n  ref,\n) {\n  const container = usePortalContainer();\n  const dialogRef = useRef<HTMLDivElement>(null);\n  const titleId = useId();\n  const descriptionId = useId();\n\n  useFocusTrap(dialogRef, open && container !== null, { initialFocus: initialFocusRef });\n\n  useEffect(() => {\n    if (!open) return undefined;\n    openModals += 1;\n    const previous = document.body.style.overflow;\n    document.body.style.overflow = \"hidden\";\n    return () => {\n      openModals -= 1;\n      if (openModals === 0) document.body.style.overflow = previous;\n    };\n  }, [open]);\n\n  if (!open || !container) return null;\n\n  const handleKeyDown = (event: KeyboardEvent<HTMLDivElement>) => {\n    if (event.key === \"Escape\" && closeOnEscape) {\n      event.stopPropagation();\n      onClose();\n    }\n  };\n\n  const handleOverlayClick = (event: MouseEvent<HTMLDivElement>) => {\n    if (closeOnOverlayClick && event.target === event.currentTarget) onClose();\n  };\n\n  return createPortal(\n    <div\n      role=\"presentation\"\n      className={styles.overlay}\n      onMouseDown={handleOverlayClick}\n      onKeyDown={handleKeyDown}\n    >\n      <div\n        ref={mergeRefs(dialogRef, ref)}\n        role={role}\n        aria-modal=\"true\"\n        aria-labelledby={titleId}\n        aria-describedby={description ? descriptionId : undefined}\n        tabIndex={-1}\n        data-size={size}\n        className={cx(styles.dialog, className)}\n        {...rest}\n      >\n        <div className={styles.header}>\n          <h2 id={titleId} className={styles.title}>\n            {title}\n          </h2>\n          {hideCloseButton ? null : (\n            <button type=\"button\" className={styles.close} aria-label=\"Close\" onClick={onClose}>\n              <CloseIcon size={16} />\n            </button>\n          )}\n        </div>\n        <div className={styles.body}>\n          {icon ? (\n            <div className={styles.icon} aria-hidden=\"true\">\n              {icon}\n            </div>\n          ) : null}\n          {description ? (\n            <div id={descriptionId} className={styles.description}>\n              {description}\n            </div>\n          ) : null}\n          {children}\n        </div>\n        {footer ? <div className={styles.footer}>{footer}</div> : null}\n      </div>\n    </div>,\n    container,\n  );\n});\n"],"mappings":";;;;;;;;;;AAUA,IAAI,aAAa;;;;;AAMjB,IAAa,aAAa,WAA4C,SAAS,WAC7E,EACE,MACA,SACA,OACA,aACA,UACA,QACA,OAAO,MACP,sBAAsB,MACtB,gBAAgB,MAChB,kBAAkB,OAClB,iBACA,OAAO,UACP,MACA,WACA,GAAG,QAEL,KACA;CACA,MAAM,YAAY,mBAAmB;CACrC,MAAM,YAAY,OAAuB,IAAI;CAC7C,MAAM,UAAU,MAAM;CACtB,MAAM,gBAAgB,MAAM;CAE5B,aAAa,WAAW,QAAQ,cAAc,MAAM,EAAE,cAAc,gBAAgB,CAAC;CAErF,gBAAgB;EACd,IAAI,CAAC,MAAM,OAAO,KAAA;EAClB,cAAc;EACd,MAAM,WAAW,SAAS,KAAK,MAAM;EACrC,SAAS,KAAK,MAAM,WAAW;EAC/B,aAAa;GACX,cAAc;GACd,IAAI,eAAe,GAAG,SAAS,KAAK,MAAM,WAAW;EACvD;CACF,GAAG,CAAC,IAAI,CAAC;CAET,IAAI,CAAC,QAAQ,CAAC,WAAW,OAAO;CAEhC,MAAM,iBAAiB,UAAyC;EAC9D,IAAI,MAAM,QAAQ,YAAY,eAAe;GAC3C,MAAM,gBAAgB;GACtB,QAAQ;EACV;CACF;CAEA,MAAM,sBAAsB,UAAsC;EAChE,IAAI,uBAAuB,MAAM,WAAW,MAAM,eAAe,QAAQ;CAC3E;CAEA,OAAO,aACL,oBAAC,OAAD;EACE,MAAK;EACL,WAAWA,0BAAO;EAClB,aAAa;EACb,WAAW;EAEX,UAAA,qBAAC,OAAD;GACE,KAAK,UAAU,WAAW,GAAG;GACvB;GACN,cAAW;GACX,mBAAiB;GACjB,oBAAkB,cAAc,gBAAgB,KAAA;GAChD,UAAU;GACV,aAAW;GACX,WAAW,GAAGA,0BAAO,QAAQ,SAAS;GACtC,GAAI;GATN,UAAA;IAWE,qBAAC,OAAD;KAAK,WAAWA,0BAAO;KAAvB,UAAA,CACE,oBAAC,MAAD;MAAI,IAAI;MAAS,WAAWA,0BAAO;MAChC,UAAA;KACC,CAAA,GACH,kBAAkB,OACjB,oBAAC,UAAD;MAAQ,MAAK;MAAS,WAAWA,0BAAO;MAAO,cAAW;MAAQ,SAAS;MACzE,UAAA,oBAAC,WAAD,EAAW,MAAM,GAAK,CAAA;KAChB,CAAA,CAEP;;IACL,qBAAC,OAAD;KAAK,WAAWA,0BAAO;KAAvB,UAAA;MACG,OACC,oBAAC,OAAD;OAAK,WAAWA,0BAAO;OAAM,eAAY;OACtC,UAAA;MACE,CAAA,IACH;MACH,cACC,oBAAC,OAAD;OAAK,IAAI;OAAe,WAAWA,0BAAO;OACvC,UAAA;MACE,CAAA,IACH;MACH;KACE;;IACJ,SAAS,oBAAC,OAAD;KAAK,WAAWA,0BAAO;KAAS,UAAA;IAAY,CAAA,IAAI;GACvD;;CACF,CAAA,GACL,SACF;AACF,CAAC"}

package/dist/components/feedback/Modal/BlockModal.module.js

@@ -0,0 +1,27 @@
+//#region src/components/feedback/Modal/BlockModal.module.css
+var overlay = "block-overlay-gc2QW";
+var dialog = "block-dialog-7SKmk";
+var header = "block-header-HlGMs";
+var title = "block-title-eIDe8";
+var close = "block-close-0MeAp";
+var body = "block-body-qmg6F";
+var icon = "block-icon-OPc0v";
+var description = "block-description-6dpWS";
+var footer = "block-footer-6S8Yw";
+var BlockModal_module_default = {
+	overlay,
+	"fade-in": "block-fade-in-q6dUU",
+	dialog,
+	"pop-in": "block-pop-in-8K4B0",
+	header,
+	title,
+	close,
+	body,
+	icon,
+	description,
+	footer
+};
+//#endregion
+export { body, close, BlockModal_module_default as default, description, dialog, footer, header, icon, overlay, title };
+
+//# sourceMappingURL=BlockModal.module.js.map

package/dist/components/feedback/Modal/BlockModal.module.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"BlockModal.module.js","names":[],"sources":["../../../../src/components/feedback/Modal/BlockModal.module.css"],"sourcesContent":[".overlay {\n  position: fixed;\n  inset: 0;\n  z-index: var(--block-z-modal);\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  padding: var(--block-space-4);\n  background-color: var(--block-overlay);\n  animation: fade-in var(--block-duration-fast) steps(3, end);\n}\n\n.dialog {\n  --dialog-width: 480px;\n\n  display: flex;\n  flex-direction: column;\n  width: min(var(--dialog-width), 100%);\n  max-height: calc(100dvh - 2 * var(--block-space-4));\n  color: var(--block-text);\n  background-color: var(--block-surface);\n  background-image:\n    linear-gradient(\n      color-mix(in srgb, var(--block-surface) 88%, transparent),\n      color-mix(in srgb, var(--block-surface) 88%, transparent)\n    ),\n    var(--block-texture);\n  background-size:\n    auto,\n    64px 64px;\n  border: var(--block-border-width) solid var(--block-border);\n  box-shadow:\n    var(--block-shadow-bevel),\n    8px 8px 0 color-mix(in srgb, var(--block-black) 50%, transparent);\n  outline: none;\n  animation: pop-in var(--block-duration-normal) steps(4, end);\n}\n\n.dialog[data-size=\"sm\"] {\n  --dialog-width: 380px;\n}\n\n.dialog[data-size=\"lg\"] {\n  --dialog-width: 720px;\n}\n\n.header {\n  display: flex;\n  align-items: center;\n  gap: var(--block-space-2);\n  margin: 3px 3px 0;\n  padding: var(--block-space-2) var(--block-space-3);\n  background-color: var(--block-surface-header);\n  border-bottom: var(--block-border-width-thin) solid var(--block-border);\n}\n\n.title {\n  flex: 1;\n  margin: 0;\n  font-family: var(--block-font-display);\n  font-size: var(--block-font-size-lg);\n  font-weight: var(--block-font-weight-bold);\n  letter-spacing: var(--block-letter-spacing-wide);\n  text-align: center;\n  text-transform: uppercase;\n  text-shadow: var(--block-shadow-text);\n}\n\n.close {\n  display: inline-flex;\n  align-items: center;\n  justify-content: center;\n  width: 32px;\n  height: 32px;\n  padding: 0;\n  color: var(--block-text);\n  background-color: var(--block-slot);\n  border: var(--block-border-width-thin) solid var(--block-border);\n  box-shadow: var(--block-shadow-inset);\n  cursor: pointer;\n}\n\n.close:hover {\n  background-color: var(--block-redstone);\n}\n\n.close:focus-visible {\n  outline: 3px solid var(--block-focus);\n  outline-offset: 2px;\n}\n\n.body {\n  flex: 1;\n  overflow: auto;\n  padding: var(--block-space-4);\n  text-align: center;\n}\n\n.icon {\n  display: flex;\n  justify-content: center;\n  margin-bottom: var(--block-space-3);\n}\n\n.description {\n  margin-bottom: var(--block-space-2);\n  color: var(--block-text);\n  line-height: var(--block-line-height-relaxed);\n}\n\n.footer {\n  display: flex;\n  flex-wrap: wrap;\n  justify-content: center;\n  gap: var(--block-space-3);\n  padding: 0 var(--block-space-4) var(--block-space-4);\n}\n\n.footer > * {\n  flex: 1 1 140px;\n}\n\n@keyframes fade-in {\n  from {\n    opacity: 0;\n  }\n}\n\n@keyframes pop-in {\n  from {\n    transform: translateY(8px);\n    opacity: 0;\n  }\n}\n\n@media (max-width: 767.98px) {\n  .overlay {\n    align-items: flex-end;\n    padding: var(--block-space-2);\n  }\n\n  .dialog {\n    width: 100%;\n  }\n}\n"],"mappings":""}

package/dist/components/feedback/Modal/BlockModal.types.d.ts

@@ -0,0 +1,27 @@
+import type { HTMLAttributes, ReactNode, RefObject } from "react";
+export interface BlockModalProps extends Omit<HTMLAttributes<HTMLDivElement>, "title"> {
+    open: boolean;
+    /** Called on Escape, overlay click or the close button. */
+    onClose: () => void;
+    title: ReactNode;
+    /** Short text under the title, linked via `aria-describedby`. */
+    description?: ReactNode;
+    children?: ReactNode;
+    /** Action row (buttons). */
+    footer?: ReactNode;
+    /** @default "md" */
+    size?: "sm" | "md" | "lg";
+    /** @default true */
+    closeOnOverlayClick?: boolean;
+    /** @default true */
+    closeOnEscape?: boolean;
+    /** Hide the × button in the header. */
+    hideCloseButton?: boolean;
+    /** Element focused when the modal opens. Defaults to the first focusable element. */
+    initialFocusRef?: RefObject<HTMLElement | null>;
+    /** `alertdialog` for confirmations. @default "dialog" */
+    role?: "dialog" | "alertdialog";
+    /** Icon shown above the title. */
+    icon?: ReactNode;
+}
+//# sourceMappingURL=BlockModal.types.d.ts.map

package/dist/components/feedback/Modal/BlockModal.types.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"BlockModal.types.d.ts","sourceRoot":"","sources":["../../../../src/components/feedback/Modal/BlockModal.types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,cAAc,EAAE,SAAS,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAElE,MAAM,WAAW,eAAgB,SAAQ,IAAI,CAAC,cAAc,CAAC,cAAc,CAAC,EAAE,OAAO,CAAC;IACpF,IAAI,EAAE,OAAO,CAAC;IACd,2DAA2D;IAC3D,OAAO,EAAE,MAAM,IAAI,CAAC;IACpB,KAAK,EAAE,SAAS,CAAC;IACjB,iEAAiE;IACjE,WAAW,CAAC,EAAE,SAAS,CAAC;IACxB,QAAQ,CAAC,EAAE,SAAS,CAAC;IACrB,4BAA4B;IAC5B,MAAM,CAAC,EAAE,SAAS,CAAC;IACnB,oBAAoB;IACpB,IAAI,CAAC,EAAE,IAAI,GAAG,IAAI,GAAG,IAAI,CAAC;IAC1B,oBAAoB;IACpB,mBAAmB,CAAC,EAAE,OAAO,CAAC;IAC9B,oBAAoB;IACpB,aAAa,CAAC,EAAE,OAAO,CAAC;IACxB,uCAAuC;IACvC,eAAe,CAAC,EAAE,OAAO,CAAC;IAC1B,qFAAqF;IACrF,eAAe,CAAC,EAAE,SAAS,CAAC,WAAW,GAAG,IAAI,CAAC,CAAC;IAChD,yDAAyD;IACzD,IAAI,CAAC,EAAE,QAAQ,GAAG,aAAa,CAAC;IAChC,kCAAkC;IAClC,IAAI,CAAC,EAAE,SAAS,CAAC;CAClB"}

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

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

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

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

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

@@ -0,0 +1,4 @@
+import type { BlockProgressProps } from "./BlockProgress.types";
+/** Segmented pixel progress bar. Omit `value` for an indeterminate bar. */
+export declare const BlockProgress: import("react").ForwardRefExoticComponent<BlockProgressProps & import("react").RefAttributes<HTMLDivElement>>;
+//# sourceMappingURL=BlockProgress.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"BlockProgress.d.ts","sourceRoot":"","sources":["../../../../src/components/feedback/Progress/BlockProgress.tsx"],"names":[],"mappings":"AAIA,OAAO,KAAK,EAAE,kBAAkB,EAAE,MAAM,uBAAuB,CAAC;AAIhE,2EAA2E;AAC3E,eAAO,MAAM,aAAa,+GA0DxB,CAAC"}

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

@@ -0,0 +1,50 @@
+import { cx } from "../../../utils/cx.js";
+import { ratio } from "../../../utils/number.js";
+import BlockProgress_module_default from "./BlockProgress.module.js";
+import { forwardRef, useId } from "react";
+import { jsx, jsxs } from "react/jsx-runtime";
+//#region src/components/feedback/Progress/BlockProgress.tsx
+var percentFormat = (value, max) => `${Math.round(ratio(value, max) * 100)}%`;
+/** Segmented pixel progress bar. Omit `value` for an indeterminate bar. */
+var BlockProgress = forwardRef(function BlockProgress({ value, max = 100, variant = "grass", label, showValue = false, size = "md", formatValue = percentFormat, className, "aria-label": ariaLabel, ...rest }, ref) {
+	const labelId = useId();
+	const indeterminate = value === void 0;
+	const current = indeterminate ? 0 : Math.max(0, Math.min(value, max));
+	const text = indeterminate ? void 0 : formatValue(current, max);
+	return /* @__PURE__ */ jsxs("div", {
+		className: cx(BlockProgress_module_default.root, className),
+		children: [label || showValue && text ? /* @__PURE__ */ jsxs("div", {
+			className: BlockProgress_module_default.header,
+			children: [label ? /* @__PURE__ */ jsx("span", {
+				id: labelId,
+				className: BlockProgress_module_default.label,
+				children: label
+			}) : null, showValue && text ? /* @__PURE__ */ jsx("span", {
+				className: BlockProgress_module_default.value,
+				"aria-hidden": "true",
+				children: text
+			}) : null]
+		}) : null, /* @__PURE__ */ jsxs("div", {
+			ref,
+			role: "progressbar",
+			"aria-labelledby": label ? labelId : void 0,
+			"aria-label": label ? void 0 : ariaLabel ?? "Progress",
+			"aria-valuemin": indeterminate ? void 0 : 0,
+			"aria-valuemax": indeterminate ? void 0 : max,
+			"aria-valuenow": indeterminate ? void 0 : current,
+			"aria-valuetext": text,
+			"aria-busy": indeterminate || void 0,
+			"data-material": variant,
+			"data-size": size,
+			"data-indeterminate": indeterminate || void 0,
+			className: BlockProgress_module_default.track,
+			style: { "--block-progress": `${ratio(current, max) * 100}%` },
+			...rest,
+			children: [/* @__PURE__ */ jsx("span", { className: BlockProgress_module_default.fill }), /* @__PURE__ */ jsx("span", { className: BlockProgress_module_default.segments })]
+		})]
+	});
+});
+//#endregion
+export { BlockProgress };
+
+//# sourceMappingURL=BlockProgress.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"BlockProgress.js","names":["styles"],"sources":["../../../../src/components/feedback/Progress/BlockProgress.tsx"],"sourcesContent":["import { forwardRef, useId, type CSSProperties } from \"react\";\nimport { cx } from \"../../../utils/cx\";\nimport { ratio } from \"../../../utils/number\";\nimport styles from \"./BlockProgress.module.css\";\nimport type { BlockProgressProps } from \"./BlockProgress.types\";\n\nconst percentFormat = (value: number, max: number) => `${Math.round(ratio(value, max) * 100)}%`;\n\n/** Segmented pixel progress bar. Omit `value` for an indeterminate bar. */\nexport const BlockProgress = forwardRef<HTMLDivElement, BlockProgressProps>(function BlockProgress(\n  {\n    value,\n    max = 100,\n    variant = \"grass\",\n    label,\n    showValue = false,\n    size = \"md\",\n    formatValue = percentFormat,\n    className,\n    \"aria-label\": ariaLabel,\n    ...rest\n  },\n  ref,\n) {\n  const labelId = useId();\n  const indeterminate = value === undefined;\n  const current = indeterminate ? 0 : Math.max(0, Math.min(value, max));\n  const text = indeterminate ? undefined : formatValue(current, max);\n\n  return (\n    <div className={cx(styles.root, className)}>\n      {label || (showValue && text) ? (\n        <div className={styles.header}>\n          {label ? (\n            <span id={labelId} className={styles.label}>\n              {label}\n            </span>\n          ) : null}\n          {showValue && text ? (\n            <span className={styles.value} aria-hidden=\"true\">\n              {text}\n            </span>\n          ) : null}\n        </div>\n      ) : null}\n      <div\n        ref={ref}\n        role=\"progressbar\"\n        aria-labelledby={label ? labelId : undefined}\n        aria-label={label ? undefined : (ariaLabel ?? \"Progress\")}\n        aria-valuemin={indeterminate ? undefined : 0}\n        aria-valuemax={indeterminate ? undefined : max}\n        aria-valuenow={indeterminate ? undefined : current}\n        aria-valuetext={text}\n        aria-busy={indeterminate || undefined}\n        data-material={variant}\n        data-size={size}\n        data-indeterminate={indeterminate || undefined}\n        className={styles.track}\n        style={{ \"--block-progress\": `${ratio(current, max) * 100}%` } as CSSProperties}\n        {...rest}\n      >\n        <span className={styles.fill} />\n        <span className={styles.segments} />\n      </div>\n    </div>\n  );\n});\n"],"mappings":";;;;;;AAMA,IAAM,iBAAiB,OAAe,QAAgB,GAAG,KAAK,MAAM,MAAM,OAAO,GAAG,IAAI,GAAG,EAAE;;AAG7F,IAAa,gBAAgB,WAA+C,SAAS,cACnF,EACE,OACA,MAAM,KACN,UAAU,SACV,OACA,YAAY,OACZ,OAAO,MACP,cAAc,eACd,WACA,cAAc,WACd,GAAG,QAEL,KACA;CACA,MAAM,UAAU,MAAM;CACtB,MAAM,gBAAgB,UAAU,KAAA;CAChC,MAAM,UAAU,gBAAgB,IAAI,KAAK,IAAI,GAAG,KAAK,IAAI,OAAO,GAAG,CAAC;CACpE,MAAM,OAAO,gBAAgB,KAAA,IAAY,YAAY,SAAS,GAAG;CAEjE,OACE,qBAAC,OAAD;EAAK,WAAW,GAAGA,6BAAO,MAAM,SAAS;EAAzC,UAAA,CACG,SAAU,aAAa,OACtB,qBAAC,OAAD;GAAK,WAAWA,6BAAO;GAAvB,UAAA,CACG,QACC,oBAAC,QAAD;IAAM,IAAI;IAAS,WAAWA,6BAAO;IAClC,UAAA;GACG,CAAA,IACJ,MACH,aAAa,OACZ,oBAAC,QAAD;IAAM,WAAWA,6BAAO;IAAO,eAAY;IACxC,UAAA;GACG,CAAA,IACJ,IACD;EACH,CAAA,IAAA,MACJ,qBAAC,OAAD;GACO;GACL,MAAK;GACL,mBAAiB,QAAQ,UAAU,KAAA;GACnC,cAAY,QAAQ,KAAA,IAAa,aAAa;GAC9C,iBAAe,gBAAgB,KAAA,IAAY;GAC3C,iBAAe,gBAAgB,KAAA,IAAY;GAC3C,iBAAe,gBAAgB,KAAA,IAAY;GAC3C,kBAAgB;GAChB,aAAW,iBAAiB,KAAA;GAC5B,iBAAe;GACf,aAAW;GACX,sBAAoB,iBAAiB,KAAA;GACrC,WAAWA,6BAAO;GAClB,OAAO,EAAE,oBAAoB,GAAG,MAAM,SAAS,GAAG,IAAI,IAAI,GAAG;GAC7D,GAAI;GAfN,UAAA,CAiBE,oBAAC,QAAD,EAAM,WAAWA,6BAAO,KAAO,CAAA,GAC/B,oBAAC,QAAD,EAAM,WAAWA,6BAAO,SAAW,CAAA,CAChC;EACF,CAAA,CAAA;;AAET,CAAC"}

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

@@ -0,0 +1,23 @@
+//#region src/components/feedback/Progress/BlockProgress.module.css
+var root = "block-root-rTdSF";
+var header = "block-header-2IURR";
+var label = "block-label-W1HZY";
+var value = "block-value-A8pmI";
+var track = "block-track-DZH38";
+var fill = "block-fill-5cIAT";
+var segments = "block-segments-cL-Dr";
+var indeterminate = "block-indeterminate-Uy5MO";
+var BlockProgress_module_default = {
+	root,
+	header,
+	label,
+	value,
+	track,
+	fill,
+	segments,
+	indeterminate
+};
+//#endregion
+export { BlockProgress_module_default as default, fill, header, indeterminate, label, root, segments, track, value };
+
+//# sourceMappingURL=BlockProgress.module.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"BlockProgress.module.js","names":[],"sources":["../../../../src/components/feedback/Progress/BlockProgress.module.css"],"sourcesContent":[".root {\n  display: flex;\n  flex-direction: column;\n  gap: var(--block-space-1);\n  width: 100%;\n  min-width: 0;\n}\n\n.header {\n  display: flex;\n  align-items: baseline;\n  justify-content: space-between;\n  gap: var(--block-space-2);\n}\n\n.label {\n  font-size: var(--block-font-size-sm);\n  color: var(--block-text);\n}\n\n.value {\n  font-family: var(--block-font-display);\n  font-size: var(--block-font-size-sm);\n  color: var(--block-text-muted);\n}\n\n.track {\n  --progress-h: 16px;\n\n  position: relative;\n  width: 100%;\n  height: var(--progress-h);\n  background-color: var(--block-slot);\n  border: var(--block-border-width-thin) solid var(--block-border);\n  box-shadow: inset 0 3px 0 var(--block-shadow-bevel-dark);\n  overflow: hidden;\n}\n\n.track[data-size=\"sm\"] {\n  --progress-h: 10px;\n}\n\n.track[data-size=\"lg\"] {\n  --progress-h: 24px;\n}\n\n.fill {\n  position: absolute;\n  inset: 0 auto 0 0;\n  width: var(--block-progress);\n  background-color: var(--block-mat);\n  box-shadow:\n    inset 0 3px 0 var(--block-mat-light),\n    inset 0 -3px 0 var(--block-mat-dark);\n  transition: width var(--block-duration-normal) steps(4, end);\n}\n\n.segments {\n  position: absolute;\n  inset: 0;\n  background-image: repeating-linear-gradient(\n    to right,\n    transparent 0 14px,\n    color-mix(in srgb, var(--block-black) 45%, transparent) 14px 16px\n  );\n  pointer-events: none;\n}\n\n.track[data-indeterminate] .fill {\n  width: 30%;\n  animation: indeterminate 1200ms steps(10, end) infinite;\n}\n\n@keyframes indeterminate {\n  from {\n    transform: translateX(-100%);\n  }\n  to {\n    transform: translateX(340%);\n  }\n}\n"],"mappings":""}

package/dist/components/feedback/Progress/BlockProgress.types.d.ts

@@ -0,0 +1,20 @@
+import type { HTMLAttributes } from "react";
+export declare const progressVariants: readonly ["grass", "water", "diamond", "emerald", "gold", "redstone"];
+export type BlockProgressVariant = (typeof progressVariants)[number];
+export interface BlockProgressProps extends HTMLAttributes<HTMLDivElement> {
+    /** Current value. Omit for an indeterminate bar. */
+    value?: number;
+    /** @default 100 */
+    max?: number;
+    /** @default "grass" */
+    variant?: BlockProgressVariant;
+    /** Visible label above the bar (also the accessible name). */
+    label?: string;
+    /** Show the formatted value next to the label. */
+    showValue?: boolean;
+    /** @default "md" */
+    size?: "sm" | "md" | "lg";
+    /** Formats the visible value and `aria-valuetext`. Defaults to a percentage. */
+    formatValue?: (value: number, max: number) => string;
+}
+//# sourceMappingURL=BlockProgress.types.d.ts.map

package/dist/components/feedback/Progress/BlockProgress.types.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"BlockProgress.types.d.ts","sourceRoot":"","sources":["../../../../src/components/feedback/Progress/BlockProgress.types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,OAAO,CAAC;AAE5C,eAAO,MAAM,gBAAgB,uEAOnB,CAAC;AAEX,MAAM,MAAM,oBAAoB,GAAG,CAAC,OAAO,gBAAgB,CAAC,CAAC,MAAM,CAAC,CAAC;AAErE,MAAM,WAAW,kBAAmB,SAAQ,cAAc,CAAC,cAAc,CAAC;IACxE,oDAAoD;IACpD,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,mBAAmB;IACnB,GAAG,CAAC,EAAE,MAAM,CAAC;IACb,uBAAuB;IACvB,OAAO,CAAC,EAAE,oBAAoB,CAAC;IAC/B,8DAA8D;IAC9D,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,kDAAkD;IAClD,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,oBAAoB;IACpB,IAAI,CAAC,EAAE,IAAI,GAAG,IAAI,GAAG,IAAI,CAAC;IAC1B,gFAAgF;IAChF,WAAW,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,EAAE,GAAG,EAAE,MAAM,KAAK,MAAM,CAAC;CACtD"}

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