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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

@@ -0,0 +1,6 @@
+import type { BlockRadioGroupProps, BlockRadioProps } from "./BlockRadio.types";
+/** A single native radio. Use inside `BlockRadioGroup` for shared state. */
+export declare const BlockRadio: import("react").ForwardRefExoticComponent<BlockRadioProps & import("react").RefAttributes<HTMLInputElement>>;
+/** Fieldset of radios with a legend. Arrow keys move between options natively. */
+export declare const BlockRadioGroup: import("react").ForwardRefExoticComponent<BlockRadioGroupProps & import("react").RefAttributes<HTMLFieldSetElement>>;
+//# sourceMappingURL=BlockRadio.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"BlockRadio.d.ts","sourceRoot":"","sources":["../../../../src/components/forms/BlockRadio/BlockRadio.tsx"],"names":[],"mappings":"AAIA,OAAO,KAAK,EAAE,oBAAoB,EAAE,eAAe,EAAE,MAAM,oBAAoB,CAAC;AAGhF,4EAA4E;AAC5E,eAAO,MAAM,UAAU,8GAsDrB,CAAC;AAEH,kFAAkF;AAClF,eAAO,MAAM,eAAe,sHA+E3B,CAAC"}

package/dist/components/forms/BlockRadio/BlockRadio.js

@@ -0,0 +1,122 @@
+import { cx } from "../../../utils/cx.js";
+import { useControllableState } from "../../../hooks/useControllableState.js";
+import BlockRadio_module_default from "./BlockRadio.module.js";
+import { RadioGroupContext, useRadioGroup } from "./context.js";
+import { forwardRef, useId, useMemo } from "react";
+import { jsx, jsxs } from "react/jsx-runtime";
+//#region src/components/forms/BlockRadio/BlockRadio.tsx
+/** A single native radio. Use inside `BlockRadioGroup` for shared state. */
+var BlockRadio = forwardRef(function BlockRadio({ id, label, description, value, className, disabled, onChange, name, checked, ...rest }, ref) {
+	const group = useRadioGroup();
+	const generated = useId();
+	const inputId = id ?? `block-radio-${generated}`;
+	const descriptionId = description ? `${inputId}-description` : void 0;
+	const isDisabled = Boolean(disabled || group?.disabled);
+	const handleChange = (event) => {
+		onChange?.(event);
+		if (event.target.checked) group?.onSelect(value);
+	};
+	return /* @__PURE__ */ jsxs("div", {
+		className: cx(BlockRadio_module_default.radio, className),
+		"data-disabled": isDisabled || void 0,
+		"data-invalid": group?.invalid || void 0,
+		children: [/* @__PURE__ */ jsxs("span", {
+			className: BlockRadio_module_default.control,
+			children: [/* @__PURE__ */ jsx("input", {
+				ref,
+				id: inputId,
+				type: "radio",
+				name: group?.name ?? name,
+				value,
+				checked: group ? group.value === value : checked,
+				disabled: isDisabled,
+				required: group?.required,
+				"aria-describedby": descriptionId,
+				onChange: handleChange,
+				className: BlockRadio_module_default.input,
+				...rest
+			}), /* @__PURE__ */ jsx("span", {
+				className: BlockRadio_module_default.dot,
+				"aria-hidden": "true"
+			})]
+		}), label || description ? /* @__PURE__ */ jsxs("span", {
+			className: BlockRadio_module_default.text,
+			children: [label ? /* @__PURE__ */ jsx("label", {
+				htmlFor: inputId,
+				className: BlockRadio_module_default.label,
+				children: label
+			}) : null, description ? /* @__PURE__ */ jsx("span", {
+				id: descriptionId,
+				className: BlockRadio_module_default.description,
+				children: description
+			}) : null]
+		}) : null]
+	});
+});
+/** Fieldset of radios with a legend. Arrow keys move between options natively. */
+var BlockRadioGroup = forwardRef(function BlockRadioGroup({ label, name, value, defaultValue = "", onValueChange, options, orientation = "vertical", error, helperText, required = false, disabled = false, className, children, ...rest }, ref) {
+	const generated = useId();
+	const groupName = name ?? `block-radio-group-${generated}`;
+	const [current, setCurrent] = useControllableState({
+		value,
+		defaultValue,
+		onChange: onValueChange
+	});
+	const helperId = helperText ? `${groupName}-helper` : void 0;
+	const errorId = error ? `${groupName}-error` : void 0;
+	const context = useMemo(() => ({
+		name: groupName,
+		value: current,
+		disabled,
+		invalid: Boolean(error),
+		required,
+		onSelect: setCurrent
+	}), [
+		groupName,
+		current,
+		disabled,
+		error,
+		required,
+		setCurrent
+	]);
+	return /* @__PURE__ */ jsxs("fieldset", {
+		ref,
+		disabled,
+		"aria-invalid": Boolean(error) || void 0,
+		"aria-describedby": cx(errorId, helperId) || void 0,
+		className: cx(BlockRadio_module_default.group, className),
+		...rest,
+		children: [
+			label ? /* @__PURE__ */ jsx("legend", {
+				className: BlockRadio_module_default.legend,
+				children: label
+			}) : null,
+			/* @__PURE__ */ jsx("div", {
+				className: cx(BlockRadio_module_default.options, orientation === "horizontal" && BlockRadio_module_default.horizontal),
+				children: /* @__PURE__ */ jsxs(RadioGroupContext.Provider, {
+					value: context,
+					children: [options?.map((option) => /* @__PURE__ */ jsx(BlockRadio, {
+						value: option.value,
+						label: option.label,
+						description: option.description,
+						disabled: option.disabled
+					}, option.value)), children]
+				})
+			}),
+			error ? /* @__PURE__ */ jsx("p", {
+				id: errorId,
+				className: BlockRadio_module_default.error,
+				children: error
+			}) : null,
+			helperText ? /* @__PURE__ */ jsx("p", {
+				id: helperId,
+				className: BlockRadio_module_default.helper,
+				children: helperText
+			}) : null
+		]
+	});
+});
+//#endregion
+export { BlockRadio, BlockRadioGroup };
+
+//# sourceMappingURL=BlockRadio.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"BlockRadio.js","names":["styles"],"sources":["../../../../src/components/forms/BlockRadio/BlockRadio.tsx"],"sourcesContent":["import { forwardRef, useId, useMemo, type ChangeEvent } from \"react\";\nimport { useControllableState } from \"../../../hooks/useControllableState\";\nimport { cx } from \"../../../utils/cx\";\nimport styles from \"./BlockRadio.module.css\";\nimport type { BlockRadioGroupProps, BlockRadioProps } from \"./BlockRadio.types\";\nimport { RadioGroupContext, useRadioGroup, type RadioGroupContextValue } from \"./context\";\n\n/** A single native radio. Use inside `BlockRadioGroup` for shared state. */\nexport const BlockRadio = forwardRef<HTMLInputElement, BlockRadioProps>(function BlockRadio(\n  { id, label, description, value, className, disabled, onChange, name, checked, ...rest },\n  ref,\n) {\n  const group = useRadioGroup();\n  const generated = useId();\n  const inputId = id ?? `block-radio-${generated}`;\n  const descriptionId = description ? `${inputId}-description` : undefined;\n  const isDisabled = Boolean(disabled || group?.disabled);\n\n  const handleChange = (event: ChangeEvent<HTMLInputElement>) => {\n    onChange?.(event);\n    if (event.target.checked) group?.onSelect(value);\n  };\n\n  return (\n    <div\n      className={cx(styles.radio, className)}\n      data-disabled={isDisabled || undefined}\n      data-invalid={group?.invalid || undefined}\n    >\n      <span className={styles.control}>\n        <input\n          ref={ref}\n          id={inputId}\n          type=\"radio\"\n          name={group?.name ?? name}\n          value={value}\n          checked={group ? group.value === value : checked}\n          disabled={isDisabled}\n          required={group?.required}\n          aria-describedby={descriptionId}\n          onChange={handleChange}\n          className={styles.input}\n          {...rest}\n        />\n        <span className={styles.dot} aria-hidden=\"true\" />\n      </span>\n      {label || description ? (\n        <span className={styles.text}>\n          {label ? (\n            <label htmlFor={inputId} className={styles.label}>\n              {label}\n            </label>\n          ) : null}\n          {description ? (\n            <span id={descriptionId} className={styles.description}>\n              {description}\n            </span>\n          ) : null}\n        </span>\n      ) : null}\n    </div>\n  );\n});\n\n/** Fieldset of radios with a legend. Arrow keys move between options natively. */\nexport const BlockRadioGroup = forwardRef<HTMLFieldSetElement, BlockRadioGroupProps>(\n  function BlockRadioGroup(\n    {\n      label,\n      name,\n      value,\n      defaultValue = \"\",\n      onValueChange,\n      options,\n      orientation = \"vertical\",\n      error,\n      helperText,\n      required = false,\n      disabled = false,\n      className,\n      children,\n      ...rest\n    },\n    ref,\n  ) {\n    const generated = useId();\n    const groupName = name ?? `block-radio-group-${generated}`;\n    const [current, setCurrent] = useControllableState({\n      value,\n      defaultValue,\n      onChange: onValueChange,\n    });\n    const helperId = helperText ? `${groupName}-helper` : undefined;\n    const errorId = error ? `${groupName}-error` : undefined;\n\n    const context = useMemo<RadioGroupContextValue>(\n      () => ({\n        name: groupName,\n        value: current,\n        disabled,\n        invalid: Boolean(error),\n        required,\n        onSelect: setCurrent,\n      }),\n      [groupName, current, disabled, error, required, setCurrent],\n    );\n\n    return (\n      <fieldset\n        ref={ref}\n        disabled={disabled}\n        aria-invalid={Boolean(error) || undefined}\n        aria-describedby={cx(errorId, helperId) || undefined}\n        className={cx(styles.group, className)}\n        {...rest}\n      >\n        {label ? <legend className={styles.legend}>{label}</legend> : null}\n        <div className={cx(styles.options, orientation === \"horizontal\" && styles.horizontal)}>\n          <RadioGroupContext.Provider value={context}>\n            {options?.map((option) => (\n              <BlockRadio\n                key={option.value}\n                value={option.value}\n                label={option.label}\n                description={option.description}\n                disabled={option.disabled}\n              />\n            ))}\n            {children}\n          </RadioGroupContext.Provider>\n        </div>\n        {error ? (\n          <p id={errorId} className={styles.error}>\n            {error}\n          </p>\n        ) : null}\n        {helperText ? (\n          <p id={helperId} className={styles.helper}>\n            {helperText}\n          </p>\n        ) : null}\n      </fieldset>\n    );\n  },\n);\n"],"mappings":"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"}

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

@@ -0,0 +1,33 @@
+//#region src/components/forms/BlockRadio/BlockRadio.module.css
+var group = "block-group-Q6sE6";
+var legend = "block-legend-UYbkM";
+var options = "block-options-sH-33";
+var horizontal = "block-horizontal-zVmM-";
+var radio = "block-radio-zzmzc";
+var control = "block-control--DUVX";
+var input = "block-input-h8Dzm";
+var dot = "block-dot-mhb3S";
+var text = "block-text-Jjo2b";
+var label = "block-label-La3hW";
+var description = "block-description-TyJNT";
+var helper = "block-helper-duhtD";
+var error = "block-error-WoO57";
+var BlockRadio_module_default = {
+	group,
+	legend,
+	options,
+	horizontal,
+	radio,
+	control,
+	input,
+	dot,
+	text,
+	label,
+	description,
+	helper,
+	error
+};
+//#endregion
+export { control, BlockRadio_module_default as default, description, dot, error, group, helper, horizontal, input, label, legend, options, radio, text };
+
+//# sourceMappingURL=BlockRadio.module.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"BlockRadio.module.js","names":[],"sources":["../../../../src/components/forms/BlockRadio/BlockRadio.module.css"],"sourcesContent":[".group {\n  display: flex;\n  flex-direction: column;\n  gap: var(--block-space-2);\n  min-width: 0;\n  margin: 0;\n  padding: 0;\n  border: 0;\n}\n\n.legend {\n  margin-bottom: var(--block-space-2);\n  padding: 0;\n  font-size: var(--block-font-size-sm);\n  font-weight: var(--block-font-weight-medium);\n  color: var(--block-text);\n}\n\n.options {\n  display: flex;\n  flex-direction: column;\n  gap: var(--block-space-2);\n}\n\n.horizontal {\n  flex-direction: row;\n  flex-wrap: wrap;\n  gap: var(--block-space-2) var(--block-space-4);\n}\n\n.radio {\n  display: inline-flex;\n  align-items: flex-start;\n  gap: var(--block-space-2);\n}\n\n.control {\n  position: relative;\n  display: inline-flex;\n  flex-shrink: 0;\n  width: 22px;\n  height: 22px;\n}\n\n.input {\n  position: absolute;\n  inset: 0;\n  width: 100%;\n  height: 100%;\n  margin: 0;\n  opacity: 0;\n  cursor: pointer;\n}\n\n.input:disabled {\n  cursor: not-allowed;\n}\n\n/* Octagonal pixel \"circle\". */\n.dot {\n  position: relative;\n  width: 100%;\n  height: 100%;\n  background-color: var(--block-border);\n  clip-path: polygon(30% 0, 70% 0, 100% 30%, 100% 70%, 70% 100%, 30% 100%, 0 70%, 0 30%);\n  pointer-events: none;\n}\n\n.dot::before {\n  content: \"\";\n  position: absolute;\n  inset: 2px;\n  background-color: var(--block-slot);\n  clip-path: inherit;\n}\n\n.dot::after {\n  content: \"\";\n  position: absolute;\n  inset: 6px;\n  background-color: var(--block-primary);\n  opacity: 0;\n}\n\n.input:checked + .dot::after {\n  opacity: 1;\n}\n\n.input:hover:not(:disabled) + .dot {\n  filter: brightness(1.3);\n}\n\n.input:focus-visible + .dot {\n  background-color: var(--block-focus);\n}\n\n.radio[data-invalid] .dot,\n.input[aria-invalid=\"true\"] + .dot {\n  background-color: var(--block-redstone-light);\n}\n\n.input:disabled + .dot {\n  opacity: 0.5;\n}\n\n.text {\n  display: flex;\n  flex-direction: column;\n  gap: 2px;\n  padding-top: 1px;\n}\n\n.label {\n  font-size: var(--block-font-size-md);\n  cursor: pointer;\n}\n\n.radio[data-disabled] .label {\n  color: var(--block-text-muted);\n  cursor: not-allowed;\n}\n\n.description,\n.helper {\n  margin: 0;\n  font-size: var(--block-font-size-xs);\n  color: var(--block-text-muted);\n}\n\n.error {\n  margin: 0;\n  font-size: var(--block-font-size-xs);\n  font-weight: var(--block-font-weight-bold);\n  color: var(--block-redstone-light);\n}\n"],"mappings":""}

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

@@ -0,0 +1,29 @@
+import type { FieldsetHTMLAttributes, InputHTMLAttributes, ReactNode } from "react";
+export interface BlockRadioProps extends Omit<InputHTMLAttributes<HTMLInputElement>, "type" | "size"> {
+    label?: ReactNode;
+    description?: ReactNode;
+    value: string;
+}
+export interface BlockRadioOption {
+    value: string;
+    label: ReactNode;
+    description?: ReactNode;
+    disabled?: boolean;
+}
+export interface BlockRadioGroupProps extends Omit<FieldsetHTMLAttributes<HTMLFieldSetElement>, "onChange" | "defaultValue"> {
+    /** Group label rendered as the `<legend>`. */
+    label?: ReactNode;
+    /** Shared `name` for the native radios. Generated when omitted. */
+    name?: string;
+    value?: string;
+    defaultValue?: string;
+    onValueChange?: (value: string) => void;
+    options?: BlockRadioOption[];
+    /** @default "vertical" */
+    orientation?: "horizontal" | "vertical";
+    error?: string;
+    helperText?: string;
+    required?: boolean;
+    children?: ReactNode;
+}
+//# sourceMappingURL=BlockRadio.types.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"BlockRadio.types.d.ts","sourceRoot":"","sources":["../../../../src/components/forms/BlockRadio/BlockRadio.types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,sBAAsB,EAAE,mBAAmB,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAEpF,MAAM,WAAW,eAAgB,SAAQ,IAAI,CAC3C,mBAAmB,CAAC,gBAAgB,CAAC,EACrC,MAAM,GAAG,MAAM,CAChB;IACC,KAAK,CAAC,EAAE,SAAS,CAAC;IAClB,WAAW,CAAC,EAAE,SAAS,CAAC;IACxB,KAAK,EAAE,MAAM,CAAC;CACf;AAED,MAAM,WAAW,gBAAgB;IAC/B,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,EAAE,SAAS,CAAC;IACjB,WAAW,CAAC,EAAE,SAAS,CAAC;IACxB,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB;AAED,MAAM,WAAW,oBAAqB,SAAQ,IAAI,CAChD,sBAAsB,CAAC,mBAAmB,CAAC,EAC3C,UAAU,GAAG,cAAc,CAC5B;IACC,8CAA8C;IAC9C,KAAK,CAAC,EAAE,SAAS,CAAC;IAClB,mEAAmE;IACnE,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,aAAa,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IACxC,OAAO,CAAC,EAAE,gBAAgB,EAAE,CAAC;IAC7B,0BAA0B;IAC1B,WAAW,CAAC,EAAE,YAAY,GAAG,UAAU,CAAC;IACxC,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,QAAQ,CAAC,EAAE,SAAS,CAAC;CACtB"}

package/dist/components/forms/BlockRadio/context.d.ts

@@ -0,0 +1,11 @@
+export interface RadioGroupContextValue {
+    name: string;
+    value: string;
+    disabled: boolean;
+    invalid: boolean;
+    required: boolean;
+    onSelect: (value: string) => void;
+}
+export declare const RadioGroupContext: import("react").Context<RadioGroupContextValue | null>;
+export declare function useRadioGroup(): RadioGroupContextValue | null;
+//# sourceMappingURL=context.d.ts.map

package/dist/components/forms/BlockRadio/context.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"context.d.ts","sourceRoot":"","sources":["../../../../src/components/forms/BlockRadio/context.ts"],"names":[],"mappings":"AAEA,MAAM,WAAW,sBAAsB;IACrC,IAAI,EAAE,MAAM,CAAC;IACb,KAAK,EAAE,MAAM,CAAC;IACd,QAAQ,EAAE,OAAO,CAAC;IAClB,OAAO,EAAE,OAAO,CAAC;IACjB,QAAQ,EAAE,OAAO,CAAC;IAClB,QAAQ,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;CACnC;AAED,eAAO,MAAM,iBAAiB,wDAAqD,CAAC;AAEpF,wBAAgB,aAAa,IAAI,sBAAsB,GAAG,IAAI,CAE7D"}