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

package/dist/components/feedback/Alert/BlockAlert.types.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"BlockAlert.types.d.ts","sourceRoot":"","sources":["../../../../src/components/feedback/Alert/BlockAlert.types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,cAAc,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAEvD,eAAO,MAAM,aAAa,kDAAmD,CAAC;AAE9E,MAAM,MAAM,YAAY,GAAG,CAAC,OAAO,aAAa,CAAC,CAAC,MAAM,CAAC,CAAC;AAE1D,MAAM,WAAW,eAAgB,SAAQ,IAAI,CAAC,cAAc,CAAC,cAAc,CAAC,EAAE,OAAO,CAAC;IACpF,sBAAsB;IACtB,OAAO,CAAC,EAAE,YAAY,CAAC;IACvB,KAAK,CAAC,EAAE,SAAS,CAAC;IAClB,2BAA2B;IAC3B,QAAQ,CAAC,EAAE,SAAS,CAAC;IACrB,wEAAwE;IACxE,IAAI,CAAC,EAAE,SAAS,GAAG,KAAK,CAAC;IACzB,8CAA8C;IAC9C,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IACrB,kEAAkE;IAClE,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,0DAA0D;IAC1D,MAAM,CAAC,EAAE,SAAS,CAAC;CACpB"}

package/dist/components/feedback/Alert/BlockAlert.types.js

@@ -0,0 +1,11 @@
+//#region src/components/feedback/Alert/BlockAlert.types.ts
+var alertVariants = [
+	"success",
+	"info",
+	"warning",
+	"error"
+];
+//#endregion
+export { alertVariants };
+
+//# sourceMappingURL=BlockAlert.types.js.map

package/dist/components/feedback/Alert/BlockAlert.types.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"BlockAlert.types.js","names":[],"sources":["../../../../src/components/feedback/Alert/BlockAlert.types.ts"],"sourcesContent":["import type { HTMLAttributes, ReactNode } from \"react\";\n\nexport const alertVariants = [\"success\", \"info\", \"warning\", \"error\"] as const;\n\nexport type AlertVariant = (typeof alertVariants)[number];\n\nexport interface BlockAlertProps extends Omit<HTMLAttributes<HTMLDivElement>, \"title\"> {\n  /** @default \"info\" */\n  variant?: AlertVariant;\n  title?: ReactNode;\n  /** Description content. */\n  children?: ReactNode;\n  /** Custom icon, or `false` to hide it. Defaults to the variant icon. */\n  icon?: ReactNode | false;\n  /** Renders a dismiss button when provided. */\n  onClose?: () => void;\n  /** Accessible label for the dismiss button. @default \"Dismiss\" */\n  closeLabel?: string;\n  /** Extra actions (e.g. a button) shown after the text. */\n  action?: ReactNode;\n}\n"],"mappings":";AAEA,IAAa,gBAAgB;CAAC;CAAW;CAAQ;CAAW;AAAO"}

package/dist/components/feedback/Alert/BlockAlert.utils.d.ts

@@ -0,0 +1,4 @@
+import type { AlertVariant } from "./BlockAlert.types";
+/** Block material used by each alert variant. */
+export declare const alertMaterial: Record<AlertVariant, string>;
+//# sourceMappingURL=BlockAlert.utils.d.ts.map

package/dist/components/feedback/Alert/BlockAlert.utils.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"BlockAlert.utils.d.ts","sourceRoot":"","sources":["../../../../src/components/feedback/Alert/BlockAlert.utils.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,oBAAoB,CAAC;AAEvD,iDAAiD;AACjD,eAAO,MAAM,aAAa,EAAE,MAAM,CAAC,YAAY,EAAE,MAAM,CAKtD,CAAC"}

package/dist/components/feedback/Alert/BlockAlert.utils.js

@@ -0,0 +1,12 @@
+//#region src/components/feedback/Alert/BlockAlert.utils.ts
+/** Block material used by each alert variant. */
+var alertMaterial = {
+	success: "emerald",
+	info: "water",
+	warning: "gold",
+	error: "redstone"
+};
+//#endregion
+export { alertMaterial };
+
+//# sourceMappingURL=BlockAlert.utils.js.map

package/dist/components/feedback/Alert/BlockAlert.utils.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"BlockAlert.utils.js","names":[],"sources":["../../../../src/components/feedback/Alert/BlockAlert.utils.ts"],"sourcesContent":["import type { AlertVariant } from \"./BlockAlert.types\";\n\n/** Block material used by each alert variant. */\nexport const alertMaterial: Record<AlertVariant, string> = {\n  success: \"emerald\",\n  info: \"water\",\n  warning: \"gold\",\n  error: \"redstone\",\n};\n"],"mappings":";;AAGA,IAAa,gBAA8C;CACzD,SAAS;CACT,MAAM;CACN,SAAS;CACT,OAAO;AACT"}

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

@@ -0,0 +1,4 @@
+export { BlockAlert } from "./BlockAlert";
+export { alertVariants } from "./BlockAlert.types";
+export type { AlertVariant, BlockAlertProps } from "./BlockAlert.types";
+//# sourceMappingURL=index.d.ts.map

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

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

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

@@ -0,0 +1,7 @@
+import type { ConfirmDialogProps } from "./ConfirmDialog.types";
+/**
+ * Confirmation built on `BlockModal` with `role="alertdialog"`. For the
+ * `danger` variant the safe action (Cancel) receives focus first.
+ */
+export declare function ConfirmDialog({ open, title, description, confirmText, cancelText, variant, onConfirm, onCancel, loading, icon, children, className, }: ConfirmDialogProps): import("react").JSX.Element;
+//# sourceMappingURL=ConfirmDialog.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"ConfirmDialog.d.ts","sourceRoot":"","sources":["../../../../src/components/feedback/ConfirmDialog/ConfirmDialog.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,kBAAkB,EAAE,MAAM,uBAAuB,CAAC;AAEhE;;;GAGG;AACH,wBAAgB,aAAa,CAAC,EAC5B,IAAI,EACJ,KAAK,EACL,WAAW,EACX,WAAuB,EACvB,UAAqB,EACrB,OAAmB,EACnB,SAAS,EACT,QAAQ,EACR,OAAe,EACf,IAAI,EACJ,QAAQ,EACR,SAAS,GACV,EAAE,kBAAkB,+BAuCpB"}

package/dist/components/feedback/ConfirmDialog/ConfirmDialog.js

@@ -0,0 +1,47 @@
+import { BlockButton } from "../../actions/BlockButton/BlockButton.js";
+import { BlockModal } from "../Modal/BlockModal.js";
+import { useRef } from "react";
+import { Fragment, jsx, jsxs } from "react/jsx-runtime";
+//#region src/components/feedback/ConfirmDialog/ConfirmDialog.tsx
+/**
+* Confirmation built on `BlockModal` with `role="alertdialog"`. For the
+* `danger` variant the safe action (Cancel) receives focus first.
+*/
+function ConfirmDialog({ open, title, description, confirmText = "Confirm", cancelText = "Cancel", variant = "default", onConfirm, onCancel, loading = false, icon, children, className }) {
+	const cancelRef = useRef(null);
+	const confirmRef = useRef(null);
+	const danger = variant === "danger";
+	return /* @__PURE__ */ jsx(BlockModal, {
+		open,
+		onClose: onCancel,
+		title,
+		description,
+		role: "alertdialog",
+		size: "sm",
+		icon,
+		hideCloseButton: true,
+		closeOnOverlayClick: !loading,
+		closeOnEscape: !loading,
+		initialFocusRef: danger ? cancelRef : confirmRef,
+		className,
+		"data-variant": variant,
+		footer: /* @__PURE__ */ jsxs(Fragment, { children: [/* @__PURE__ */ jsx(BlockButton, {
+			ref: cancelRef,
+			variant: "stone",
+			onClick: onCancel,
+			disabled: loading,
+			children: cancelText
+		}), /* @__PURE__ */ jsx(BlockButton, {
+			ref: confirmRef,
+			variant: danger ? "redstone" : "grass",
+			onClick: onConfirm,
+			loading,
+			children: confirmText
+		})] }),
+		children
+	});
+}
+//#endregion
+export { ConfirmDialog };
+
+//# sourceMappingURL=ConfirmDialog.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"ConfirmDialog.js","names":["_Fragment"],"sources":["../../../../src/components/feedback/ConfirmDialog/ConfirmDialog.tsx"],"sourcesContent":["import { useRef } from \"react\";\nimport { BlockButton } from \"../../actions/BlockButton/BlockButton\";\nimport { BlockModal } from \"../Modal/BlockModal\";\nimport type { ConfirmDialogProps } from \"./ConfirmDialog.types\";\n\n/**\n * Confirmation built on `BlockModal` with `role=\"alertdialog\"`. For the\n * `danger` variant the safe action (Cancel) receives focus first.\n */\nexport function ConfirmDialog({\n  open,\n  title,\n  description,\n  confirmText = \"Confirm\",\n  cancelText = \"Cancel\",\n  variant = \"default\",\n  onConfirm,\n  onCancel,\n  loading = false,\n  icon,\n  children,\n  className,\n}: ConfirmDialogProps) {\n  const cancelRef = useRef<HTMLButtonElement>(null);\n  const confirmRef = useRef<HTMLButtonElement>(null);\n  const danger = variant === \"danger\";\n\n  return (\n    <BlockModal\n      open={open}\n      onClose={onCancel}\n      title={title}\n      description={description}\n      role=\"alertdialog\"\n      size=\"sm\"\n      icon={icon}\n      hideCloseButton\n      closeOnOverlayClick={!loading}\n      closeOnEscape={!loading}\n      initialFocusRef={danger ? cancelRef : confirmRef}\n      className={className}\n      data-variant={variant}\n      footer={\n        <>\n          <BlockButton ref={cancelRef} variant=\"stone\" onClick={onCancel} disabled={loading}>\n            {cancelText}\n          </BlockButton>\n          <BlockButton\n            ref={confirmRef}\n            variant={danger ? \"redstone\" : \"grass\"}\n            onClick={onConfirm}\n            loading={loading}\n          >\n            {confirmText}\n          </BlockButton>\n        </>\n      }\n    >\n      {children}\n    </BlockModal>\n  );\n}\n"],"mappings":";;;;;;;;;AASA,SAAgB,cAAc,EAC5B,MACA,OACA,aACA,cAAc,WACd,aAAa,UACb,UAAU,WACV,WACA,UACA,UAAU,OACV,MACA,UACA,aACqB;CACrB,MAAM,YAAY,OAA0B,IAAI;CAChD,MAAM,aAAa,OAA0B,IAAI;CACjD,MAAM,SAAS,YAAY;CAE3B,OACE,oBAAC,YAAD;EACQ;EACN,SAAS;EACF;EACM;EACb,MAAK;EACL,MAAK;EACC;EACN,iBAAA;EACA,qBAAqB,CAAC;EACtB,eAAe,CAAC;EAChB,iBAAiB,SAAS,YAAY;EAC3B;EACX,gBAAc;EACd,QACE,qBAAAA,UAAA,EAAA,UAAA,CACE,oBAAC,aAAD;GAAa,KAAK;GAAW,SAAQ;GAAQ,SAAS;GAAU,UAAU;GACvE,UAAA;EACU,CAAA,GACb,oBAAC,aAAD;GACE,KAAK;GACL,SAAS,SAAS,aAAa;GAC/B,SAAS;GACA;GAER,UAAA;EACU,CAAA,CACb,EAAA,CAAA;EAGH;CACS,CAAA;AAEhB"}

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

@@ -0,0 +1,21 @@
+import type { ReactNode } from "react";
+export interface ConfirmDialogProps {
+    open: boolean;
+    title: ReactNode;
+    description?: ReactNode;
+    /** @default "Confirm" */
+    confirmText?: string;
+    /** @default "Cancel" */
+    cancelText?: string;
+    /** `danger` uses a redstone confirm button and focuses Cancel first. @default "default" */
+    variant?: "default" | "danger";
+    onConfirm: () => void;
+    /** Called on Cancel, Escape or overlay click. */
+    onCancel: () => void;
+    /** Shows a loading state on the confirm button. */
+    loading?: boolean;
+    icon?: ReactNode;
+    children?: ReactNode;
+    className?: string;
+}
+//# sourceMappingURL=ConfirmDialog.types.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"ConfirmDialog.types.d.ts","sourceRoot":"","sources":["../../../../src/components/feedback/ConfirmDialog/ConfirmDialog.types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAEvC,MAAM,WAAW,kBAAkB;IACjC,IAAI,EAAE,OAAO,CAAC;IACd,KAAK,EAAE,SAAS,CAAC;IACjB,WAAW,CAAC,EAAE,SAAS,CAAC;IACxB,yBAAyB;IACzB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,wBAAwB;IACxB,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,2FAA2F;IAC3F,OAAO,CAAC,EAAE,SAAS,GAAG,QAAQ,CAAC;IAC/B,SAAS,EAAE,MAAM,IAAI,CAAC;IACtB,iDAAiD;IACjD,QAAQ,EAAE,MAAM,IAAI,CAAC;IACrB,mDAAmD;IACnD,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,IAAI,CAAC,EAAE,SAAS,CAAC;IACjB,QAAQ,CAAC,EAAE,SAAS,CAAC;IACrB,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB"}

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

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

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

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

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

@@ -0,0 +1,4 @@
+import type { BlockLoadingProps } from "./BlockLoading.types";
+/** Loading indicator — stepping pixel blocks or a loading bar — inside a polite status region. */
+export declare const BlockLoading: import("react").ForwardRefExoticComponent<BlockLoadingProps & import("react").RefAttributes<HTMLDivElement>>;
+//# sourceMappingURL=BlockLoading.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"BlockLoading.d.ts","sourceRoot":"","sources":["../../../../src/components/feedback/Loading/BlockLoading.tsx"],"names":[],"mappings":"AAIA,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,sBAAsB,CAAC;AAE9D,kGAAkG;AAClG,eAAO,MAAM,YAAY,8GAkCvB,CAAC"}

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

@@ -0,0 +1,35 @@
+import { cx } from "../../../utils/cx.js";
+import { BlockProgress } from "../Progress/BlockProgress.js";
+import BlockLoading_module_default from "./BlockLoading.module.js";
+import { forwardRef } from "react";
+import { jsx, jsxs } from "react/jsx-runtime";
+//#region src/components/feedback/Loading/BlockLoading.tsx
+/** Loading indicator — stepping pixel blocks or a loading bar — inside a polite status region. */
+var BlockLoading = forwardRef(function BlockLoading({ label = "Loading…", variant = "blocks", progress, hideLabel = false, size = "md", className, ...rest }, ref) {
+	return /* @__PURE__ */ jsxs("div", {
+		ref,
+		role: "status",
+		"aria-live": "polite",
+		"data-variant": variant,
+		"data-size": size,
+		className: cx(BlockLoading_module_default.loading, className),
+		...rest,
+		children: [variant === "blocks" ? /* @__PURE__ */ jsx("span", {
+			className: BlockLoading_module_default.blocks,
+			"aria-hidden": "true",
+			children: Array.from({ length: 4 }, (_, index) => /* @__PURE__ */ jsx("span", { className: BlockLoading_module_default.block }, index))
+		}) : /* @__PURE__ */ jsx(BlockProgress, {
+			value: progress,
+			variant: "water",
+			"aria-hidden": "true",
+			className: BlockLoading_module_default.bar
+		}), /* @__PURE__ */ jsx("span", {
+			className: cx(BlockLoading_module_default.label, hideLabel && "block-visually-hidden"),
+			children: label
+		})]
+	});
+});
+//#endregion
+export { BlockLoading };
+
+//# sourceMappingURL=BlockLoading.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"BlockLoading.js","names":["styles"],"sources":["../../../../src/components/feedback/Loading/BlockLoading.tsx"],"sourcesContent":["import { forwardRef } from \"react\";\nimport { cx } from \"../../../utils/cx\";\nimport { BlockProgress } from \"../Progress/BlockProgress\";\nimport styles from \"./BlockLoading.module.css\";\nimport type { BlockLoadingProps } from \"./BlockLoading.types\";\n\n/** Loading indicator — stepping pixel blocks or a loading bar — inside a polite status region. */\nexport const BlockLoading = forwardRef<HTMLDivElement, BlockLoadingProps>(function BlockLoading(\n  {\n    label = \"Loading…\",\n    variant = \"blocks\",\n    progress,\n    hideLabel = false,\n    size = \"md\",\n    className,\n    ...rest\n  },\n  ref,\n) {\n  return (\n    <div\n      ref={ref}\n      role=\"status\"\n      aria-live=\"polite\"\n      data-variant={variant}\n      data-size={size}\n      className={cx(styles.loading, className)}\n      {...rest}\n    >\n      {variant === \"blocks\" ? (\n        <span className={styles.blocks} aria-hidden=\"true\">\n          {Array.from({ length: 4 }, (_, index) => (\n            <span key={index} className={styles.block} />\n          ))}\n        </span>\n      ) : (\n        <BlockProgress value={progress} variant=\"water\" aria-hidden=\"true\" className={styles.bar} />\n      )}\n      <span className={cx(styles.label, hideLabel && \"block-visually-hidden\")}>{label}</span>\n    </div>\n  );\n});\n"],"mappings":";;;;;;;AAOA,IAAa,eAAe,WAA8C,SAAS,aACjF,EACE,QAAQ,YACR,UAAU,UACV,UACA,YAAY,OACZ,OAAO,MACP,WACA,GAAG,QAEL,KACA;CACA,OACE,qBAAC,OAAD;EACO;EACL,MAAK;EACL,aAAU;EACV,gBAAc;EACd,aAAW;EACX,WAAW,GAAGA,4BAAO,SAAS,SAAS;EACvC,GAAI;EAPN,UAAA,CASG,YAAY,WACX,oBAAC,QAAD;GAAM,WAAWA,4BAAO;GAAQ,eAAY;GACzC,UAAA,MAAM,KAAK,EAAE,QAAQ,EAAE,IAAI,GAAG,UAC7B,oBAAC,QAAD,EAAkB,WAAWA,4BAAO,MAAQ,GAAjC,KAAiC,CAC7C;EACG,CAAA,IAEN,oBAAC,eAAD;GAAe,OAAO;GAAU,SAAQ;GAAQ,eAAY;GAAO,WAAWA,4BAAO;EAAM,CAAA,GAE7F,oBAAC,QAAD;GAAM,WAAW,GAAGA,4BAAO,OAAO,aAAa,uBAAuB;GAAI,UAAA;EAAY,CAAA,CACnF;;AAET,CAAC"}

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"}