@malilion/block-ui-react 0.3.0 → 0.4.0

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

@@ -0,0 +1 @@
+{"version":3,"file":"Skeleton.js","names":["styles"],"sources":["../../../../src/components/feedback/Skeleton/Skeleton.tsx"],"sourcesContent":["import { forwardRef, type CSSProperties } from \"react\";\nimport { cx } from \"../../../utils/cx\";\nimport styles from \"./Skeleton.module.css\";\nimport type { SkeletonProps } from \"./Skeleton.types\";\n\n/**\n * Pixel placeholder shown while content loads. Decorative (`aria-hidden`):\n * mark the loading container with `aria-busy` and announce loading separately.\n */\nexport const Skeleton = forwardRef<HTMLSpanElement, SkeletonProps>(function Skeleton(\n  { variant = \"text\", lines = 1, width, height, className, style, ...rest },\n  ref,\n) {\n  const sizing = {\n    ...(width ? { \"--block-skeleton-width\": width } : null),\n    ...(height ? { \"--block-skeleton-height\": height } : null),\n    ...style,\n  } as CSSProperties;\n  const count = variant === \"text\" ? Math.max(1, Math.floor(lines)) : 1;\n\n  return (\n    <span\n      ref={ref}\n      aria-hidden=\"true\"\n      data-variant={variant}\n      className={cx(styles.skeleton, className)}\n      style={sizing}\n      {...rest}\n    >\n      {Array.from({ length: count }, (_, index) => (\n        <span\n          key={index}\n          className={styles.bone}\n          data-last={(count > 1 && index === count - 1) || undefined}\n        />\n      ))}\n    </span>\n  );\n});\n"],"mappings":";;;;;;;;;AASA,IAAa,WAAW,WAA2C,SAAS,SAC1E,EAAE,UAAU,QAAQ,QAAQ,GAAG,OAAO,QAAQ,WAAW,OAAO,GAAG,QACnE,KACA;CACA,MAAM,SAAS;EACb,GAAI,QAAQ,EAAE,0BAA0B,MAAM,IAAI;EAClD,GAAI,SAAS,EAAE,2BAA2B,OAAO,IAAI;EACrD,GAAG;CACL;CACA,MAAM,QAAQ,YAAY,SAAS,KAAK,IAAI,GAAG,KAAK,MAAM,KAAK,CAAC,IAAI;CAEpE,OACE,oBAAC,QAAD;EACO;EACL,eAAY;EACZ,gBAAc;EACd,WAAW,GAAGA,wBAAO,UAAU,SAAS;EACxC,OAAO;EACP,GAAI;EAEH,UAAA,MAAM,KAAK,EAAE,QAAQ,MAAM,IAAI,GAAG,UACjC,oBAAC,QAAD;GAEE,WAAWA,wBAAO;GAClB,aAAY,QAAQ,KAAK,UAAU,QAAQ,KAAM,KAAA;EAClD,GAHM,KAGN,CACF;CACG,CAAA;AAEV,CAAC"}

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

@@ -0,0 +1,12 @@
+//#region src/components/feedback/Skeleton/Skeleton.module.css
+var skeleton = "block-skeleton-iGMZW";
+var bone = "block-bone-cYRm-";
+var Skeleton_module_default = {
+	skeleton,
+	bone,
+	"block-skeleton-sweep": "block-block-skeleton-sweep-8kYA1"
+};
+//#endregion
+export { bone, Skeleton_module_default as default, skeleton };
+
+//# sourceMappingURL=Skeleton.module.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Skeleton.module.js","names":[],"sources":["../../../../src/components/feedback/Skeleton/Skeleton.module.css"],"sourcesContent":[".skeleton {\n  display: flex;\n  flex-direction: column;\n  gap: var(--block-space-2);\n  width: var(--block-skeleton-width, 100%);\n  max-width: 100%;\n}\n\n.bone {\n  display: block;\n  height: 12px;\n  background-color: var(--block-slot);\n  background-image: linear-gradient(\n    90deg,\n    transparent 0 40%,\n    color-mix(in srgb, var(--block-text) 12%, transparent) 40% 60%,\n    transparent 60%\n  );\n  background-size: 300% 100%;\n  border: var(--block-border-width-thin) solid var(--block-border);\n  animation: block-skeleton-sweep 1.2s steps(8, end) infinite;\n}\n\n.bone[data-last] {\n  width: 60%;\n}\n\n.skeleton[data-variant=\"block\"] .bone {\n  height: var(--block-skeleton-height, 96px);\n}\n\n.skeleton[data-variant=\"slot\"] {\n  width: var(--block-skeleton-width, var(--block-size-slot-md));\n}\n\n.skeleton[data-variant=\"slot\"] .bone {\n  aspect-ratio: 1;\n  height: auto;\n  box-shadow: var(--block-shadow-inset);\n}\n\n.skeleton[data-variant=\"avatar\"] {\n  width: var(--block-skeleton-width, 48px);\n}\n\n.skeleton[data-variant=\"avatar\"] .bone {\n  aspect-ratio: 1;\n  height: auto;\n}\n\n/* A stepped highlight sweep; reduced motion stops it (base.css). */\n@keyframes block-skeleton-sweep {\n  from {\n    background-position: 100% 0;\n  }\n  to {\n    background-position: 0 0;\n  }\n}\n"],"mappings":""}

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

@@ -0,0 +1,14 @@
+import type { HTMLAttributes } from "react";
+export declare const skeletonVariants: readonly ["text", "block", "slot", "avatar"];
+export type SkeletonVariant = (typeof skeletonVariants)[number];
+export interface SkeletonProps extends HTMLAttributes<HTMLSpanElement> {
+    /** `text` lines, a `block` rectangle, an inventory `slot` or a square `avatar`. @default "text" */
+    variant?: SkeletonVariant;
+    /** Number of lines for `text` (the last one is shorter). @default 1 */
+    lines?: number;
+    /** CSS width, e.g. `"200px"` or `"60%"`. */
+    width?: string;
+    /** CSS height for `block`, e.g. `"120px"`. */
+    height?: string;
+}
+//# sourceMappingURL=Skeleton.types.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Skeleton.types.d.ts","sourceRoot":"","sources":["../../../../src/components/feedback/Skeleton/Skeleton.types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,OAAO,CAAC;AAE5C,eAAO,MAAM,gBAAgB,8CAA+C,CAAC;AAE7E,MAAM,MAAM,eAAe,GAAG,CAAC,OAAO,gBAAgB,CAAC,CAAC,MAAM,CAAC,CAAC;AAEhE,MAAM,WAAW,aAAc,SAAQ,cAAc,CAAC,eAAe,CAAC;IACpE,mGAAmG;IACnG,OAAO,CAAC,EAAE,eAAe,CAAC;IAC1B,uEAAuE;IACvE,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,4CAA4C;IAC5C,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,8CAA8C;IAC9C,MAAM,CAAC,EAAE,MAAM,CAAC;CACjB"}

package/dist/components/feedback/Skeleton/Skeleton.types.js

@@ -0,0 +1,11 @@
+//#region src/components/feedback/Skeleton/Skeleton.types.ts
+var skeletonVariants = [
+	"text",
+	"block",
+	"slot",
+	"avatar"
+];
+//#endregion
+export { skeletonVariants };
+
+//# sourceMappingURL=Skeleton.types.js.map

package/dist/components/feedback/Skeleton/Skeleton.types.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Skeleton.types.js","names":[],"sources":["../../../../src/components/feedback/Skeleton/Skeleton.types.ts"],"sourcesContent":["import type { HTMLAttributes } from \"react\";\n\nexport const skeletonVariants = [\"text\", \"block\", \"slot\", \"avatar\"] as const;\n\nexport type SkeletonVariant = (typeof skeletonVariants)[number];\n\nexport interface SkeletonProps extends HTMLAttributes<HTMLSpanElement> {\n  /** `text` lines, a `block` rectangle, an inventory `slot` or a square `avatar`. @default \"text\" */\n  variant?: SkeletonVariant;\n  /** Number of lines for `text` (the last one is shorter). @default 1 */\n  lines?: number;\n  /** CSS width, e.g. `\"200px\"` or `\"60%\"`. */\n  width?: string;\n  /** CSS height for `block`, e.g. `\"120px\"`. */\n  height?: string;\n}\n"],"mappings":";AAEA,IAAa,mBAAmB;CAAC;CAAQ;CAAS;CAAQ;AAAQ"}

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

@@ -0,0 +1,4 @@
+export { Skeleton } from "./Skeleton";
+export { skeletonVariants } from "./Skeleton.types";
+export type { SkeletonProps, SkeletonVariant } from "./Skeleton.types";
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/feedback/Skeleton/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,QAAQ,EAAE,MAAM,YAAY,CAAC;AACtC,OAAO,EAAE,gBAAgB,EAAE,MAAM,kBAAkB,CAAC;AACpD,YAAY,EAAE,aAAa,EAAE,eAAe,EAAE,MAAM,kBAAkB,CAAC"}

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

@@ -4,4 +4,7 @@ export * from "./Modal";
 export * from "./ConfirmDialog";
 export * from "./Progress";
 export * from "./Loading";
+export * from "./Drawer";
+export * from "./EmptyState";
+export * from "./Skeleton";
 //# sourceMappingURL=index.d.ts.map

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

@@ -1 +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"}
+{"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;AAC1B,cAAc,UAAU,CAAC;AACzB,cAAc,cAAc,CAAC;AAC7B,cAAc,YAAY,CAAC"}

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

@@ -0,0 +1,8 @@
+import type { NumberInputProps } from "./NumberInput.types";
+/**
+ * Number field with − / + buttons, following the WAI-ARIA spinbutton pattern:
+ * ↑ / ↓ step, Page Up / Down step ×10, Home / End jump to min / max. Values are
+ * clamped and rounded when committed (step, Enter or blur).
+ */
+export declare const NumberInput: import("react").ForwardRefExoticComponent<NumberInputProps & import("react").RefAttributes<HTMLInputElement>>;
+//# sourceMappingURL=NumberInput.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"NumberInput.d.ts","sourceRoot":"","sources":["../../../../src/components/forms/NumberInput/NumberInput.tsx"],"names":[],"mappings":"AAOA,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,qBAAqB,CAAC;AAG5D;;;;GAIG;AACH,eAAO,MAAM,WAAW,+GAmItB,CAAC"}

package/dist/components/forms/NumberInput/NumberInput.js

@@ -0,0 +1,122 @@
+import { cx } from "../../../utils/cx.js";
+import { Field } from "../Field/Field.js";
+import control_module_default from "../Field/control.module.js";
+import { useControllableState } from "../../../hooks/useControllableState.js";
+import NumberInput_module_default from "./NumberInput.module.js";
+import { normalizeNumber, parseNumber, stepPrecision } from "./NumberInput.utils.js";
+import { forwardRef, useState } from "react";
+import { MinusIcon, PlusIcon } from "@malilion/block-ui-icons";
+import { jsx, jsxs } from "react/jsx-runtime";
+//#region src/components/forms/NumberInput/NumberInput.tsx
+/**
+* Number field with − / + buttons, following the WAI-ARIA spinbutton pattern:
+* ↑ / ↓ step, Page Up / Down step ×10, Home / End jump to min / max. Values are
+* clamped and rounded when committed (step, Enter or blur).
+*/
+var NumberInput = forwardRef(function NumberInput({ id, label, error, success, helperText, value, defaultValue = null, onValueChange, min, max, step = 1, disabled, required, className, wrapperClassName, onBlur, onKeyDown, "aria-describedby": ariaDescribedBy, ...rest }, ref) {
+	const [current, setCurrent] = useControllableState({
+		value,
+		defaultValue,
+		onChange: onValueChange
+	});
+	const [draft, setDraft] = useState(null);
+	const precision = stepPrecision(step);
+	const format = (n) => n === null ? "" : n.toFixed(precision);
+	const commit = (next) => {
+		const normalized = next === null ? null : normalizeNumber(next, {
+			min,
+			max,
+			step
+		});
+		setDraft(null);
+		if (normalized !== current) setCurrent(normalized);
+	};
+	const base = () => {
+		return (draft !== null ? parseNumber(draft) : current) ?? min ?? 0;
+	};
+	const stepBy = (amount) => {
+		if (disabled) return;
+		commit(base() + amount);
+	};
+	const atMin = current !== null && min !== void 0 && current <= min;
+	const atMax = current !== null && max !== void 0 && current >= max;
+	const handleKeyDown = (event) => {
+		onKeyDown?.(event);
+		if (event.defaultPrevented) return;
+		let handled = true;
+		if (event.key === "ArrowUp") stepBy(step);
+		else if (event.key === "ArrowDown") stepBy(-step);
+		else if (event.key === "PageUp") stepBy(step * 10);
+		else if (event.key === "PageDown") stepBy(-step * 10);
+		else if (event.key === "Home" && min !== void 0) commit(min);
+		else if (event.key === "End" && max !== void 0) commit(max);
+		else if (event.key === "Enter" && draft !== null) commit(parseNumber(draft));
+		else handled = false;
+		if (handled) event.preventDefault();
+	};
+	return /* @__PURE__ */ jsx(Field, {
+		id,
+		label,
+		error,
+		success,
+		helperText,
+		disabled,
+		required,
+		className: wrapperClassName,
+		children: ({ inputId, describedBy, invalid }) => /* @__PURE__ */ jsxs("div", {
+			className: NumberInput_module_default.wrapper,
+			children: [
+				/* @__PURE__ */ jsx("button", {
+					type: "button",
+					tabIndex: -1,
+					"aria-label": "Decrease",
+					"aria-controls": inputId,
+					disabled: disabled || atMin,
+					className: NumberInput_module_default.button,
+					onMouseDown: (event) => event.preventDefault(),
+					onClick: () => stepBy(-step),
+					children: /* @__PURE__ */ jsx(MinusIcon, { size: 16 })
+				}),
+				/* @__PURE__ */ jsx("input", {
+					ref,
+					id: inputId,
+					type: "text",
+					role: "spinbutton",
+					inputMode: precision > 0 || min !== void 0 && min < 0 ? "decimal" : "numeric",
+					autoComplete: "off",
+					value: draft ?? format(current),
+					"aria-valuenow": current ?? void 0,
+					"aria-valuemin": min,
+					"aria-valuemax": max,
+					disabled,
+					required,
+					"aria-invalid": invalid || void 0,
+					"aria-describedby": cx(describedBy, ariaDescribedBy) || void 0,
+					className: cx(control_module_default.control, NumberInput_module_default.input, className),
+					onChange: (event) => setDraft(event.target.value),
+					onBlur: (event) => {
+						if (draft !== null) commit(parseNumber(draft));
+						onBlur?.(event);
+					},
+					onKeyDown: handleKeyDown,
+					...rest
+				}),
+				/* @__PURE__ */ jsx("button", {
+					type: "button",
+					tabIndex: -1,
+					"aria-label": "Increase",
+					"aria-controls": inputId,
+					disabled: disabled || atMax,
+					className: NumberInput_module_default.button,
+					onMouseDown: (event) => event.preventDefault(),
+					onClick: () => stepBy(step),
+					children: /* @__PURE__ */ jsx(PlusIcon, { size: 16 })
+				})
+			]
+		})
+	});
+});
+//#endregion
+export { NumberInput };
+
+//# sourceMappingURL=NumberInput.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"NumberInput.js","names":["styles","control"],"sources":["../../../../src/components/forms/NumberInput/NumberInput.tsx"],"sourcesContent":["import { MinusIcon, PlusIcon } from \"@malilion/block-ui-icons\";\nimport { forwardRef, useState, type KeyboardEvent } from \"react\";\nimport { useControllableState } from \"../../../hooks/useControllableState\";\nimport { cx } from \"../../../utils/cx\";\nimport { Field } from \"../Field/Field\";\nimport control from \"../Field/control.module.css\";\nimport styles from \"./NumberInput.module.css\";\nimport type { NumberInputProps } from \"./NumberInput.types\";\nimport { normalizeNumber, parseNumber, stepPrecision } from \"./NumberInput.utils\";\n\n/**\n * Number field with − / + buttons, following the WAI-ARIA spinbutton pattern:\n * ↑ / ↓ step, Page Up / Down step ×10, Home / End jump to min / max. Values are\n * clamped and rounded when committed (step, Enter or blur).\n */\nexport const NumberInput = forwardRef<HTMLInputElement, NumberInputProps>(function NumberInput(\n  {\n    id,\n    label,\n    error,\n    success,\n    helperText,\n    value,\n    defaultValue = null,\n    onValueChange,\n    min,\n    max,\n    step = 1,\n    disabled,\n    required,\n    className,\n    wrapperClassName,\n    onBlur,\n    onKeyDown,\n    \"aria-describedby\": ariaDescribedBy,\n    ...rest\n  },\n  ref,\n) {\n  const [current, setCurrent] = useControllableState<number | null>({\n    value,\n    defaultValue,\n    onChange: onValueChange,\n  });\n  const [draft, setDraft] = useState<string | null>(null);\n  const precision = stepPrecision(step);\n  const format = (n: number | null) => (n === null ? \"\" : n.toFixed(precision));\n\n  const commit = (next: number | null) => {\n    const normalized = next === null ? null : normalizeNumber(next, { min, max, step });\n    setDraft(null);\n    if (normalized !== current) setCurrent(normalized);\n  };\n\n  const base = () => {\n    const parsed = draft !== null ? parseNumber(draft) : current;\n    return parsed ?? min ?? 0;\n  };\n  const stepBy = (amount: number) => {\n    if (disabled) return;\n    commit(base() + amount);\n  };\n\n  const atMin = current !== null && min !== undefined && current <= min;\n  const atMax = current !== null && max !== undefined && current >= max;\n\n  const handleKeyDown = (event: KeyboardEvent<HTMLInputElement>) => {\n    onKeyDown?.(event);\n    if (event.defaultPrevented) return;\n    let handled = true;\n    if (event.key === \"ArrowUp\") stepBy(step);\n    else if (event.key === \"ArrowDown\") stepBy(-step);\n    else if (event.key === \"PageUp\") stepBy(step * 10);\n    else if (event.key === \"PageDown\") stepBy(-step * 10);\n    else if (event.key === \"Home\" && min !== undefined) commit(min);\n    else if (event.key === \"End\" && max !== undefined) commit(max);\n    else if (event.key === \"Enter\" && draft !== null) commit(parseNumber(draft));\n    else handled = false;\n    if (handled) event.preventDefault();\n  };\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          <button\n            type=\"button\"\n            tabIndex={-1}\n            aria-label=\"Decrease\"\n            aria-controls={inputId}\n            disabled={disabled || atMin}\n            className={styles.button}\n            onMouseDown={(event) => event.preventDefault()}\n            onClick={() => stepBy(-step)}\n          >\n            <MinusIcon size={16} />\n          </button>\n          <input\n            ref={ref}\n            id={inputId}\n            type=\"text\"\n            role=\"spinbutton\"\n            inputMode={precision > 0 || (min !== undefined && min < 0) ? \"decimal\" : \"numeric\"}\n            autoComplete=\"off\"\n            value={draft ?? format(current)}\n            aria-valuenow={current ?? undefined}\n            aria-valuemin={min}\n            aria-valuemax={max}\n            disabled={disabled}\n            required={required}\n            aria-invalid={invalid || undefined}\n            aria-describedby={cx(describedBy, ariaDescribedBy) || undefined}\n            className={cx(control.control, styles.input, className)}\n            onChange={(event) => setDraft(event.target.value)}\n            onBlur={(event) => {\n              if (draft !== null) commit(parseNumber(draft));\n              onBlur?.(event);\n            }}\n            onKeyDown={handleKeyDown}\n            {...rest}\n          />\n          <button\n            type=\"button\"\n            tabIndex={-1}\n            aria-label=\"Increase\"\n            aria-controls={inputId}\n            disabled={disabled || atMax}\n            className={styles.button}\n            onMouseDown={(event) => event.preventDefault()}\n            onClick={() => stepBy(step)}\n          >\n            <PlusIcon size={16} />\n          </button>\n        </div>\n      )}\n    </Field>\n  );\n});\n"],"mappings":"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"}

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

@@ -0,0 +1,13 @@
+//#region src/components/forms/NumberInput/NumberInput.module.css
+var wrapper = "block-wrapper-b-npH";
+var input = "block-input-cg-Fv";
+var button = "block-button-8xOEk";
+var NumberInput_module_default = {
+	wrapper,
+	input,
+	button
+};
+//#endregion
+export { button, NumberInput_module_default as default, input, wrapper };
+
+//# sourceMappingURL=NumberInput.module.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"NumberInput.module.js","names":[],"sources":["../../../../src/components/forms/NumberInput/NumberInput.module.css"],"sourcesContent":[".wrapper {\n  display: flex;\n  align-items: stretch;\n  gap: var(--block-space-1);\n}\n\n.input {\n  flex: 1;\n  min-width: 0;\n  height: var(--block-size-control-md);\n  text-align: center;\n  font-variant-numeric: tabular-nums;\n}\n\n.button {\n  display: inline-flex;\n  flex-shrink: 0;\n  align-items: center;\n  justify-content: center;\n  width: var(--block-size-control-md);\n  padding: 0;\n  color: var(--block-text);\n  background-color: var(--block-surface-alt);\n  border: var(--block-border-width-thin) solid var(--block-border);\n  box-shadow: var(--block-shadow-bevel);\n  cursor: pointer;\n}\n\n.button:hover:not(:disabled) {\n  background-color: var(--block-slot-hover);\n}\n\n.button:active:not(:disabled) {\n  box-shadow: var(--block-shadow-inset);\n}\n\n.button:disabled {\n  cursor: not-allowed;\n  opacity: 0.45;\n}\n"],"mappings":""}

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

@@ -0,0 +1,20 @@
+import type { InputHTMLAttributes } from "react";
+export interface NumberInputProps extends Omit<InputHTMLAttributes<HTMLInputElement>, "value" | "defaultValue" | "onChange" | "type" | "min" | "max" | "step" | "size"> {
+    label?: string;
+    error?: string;
+    success?: boolean;
+    helperText?: string;
+    /** Controlled value; `null` is empty. */
+    value?: number | null;
+    /** Initial value when uncontrolled. @default null */
+    defaultValue?: number | null;
+    /** Called with the committed value (on step, Enter or blur). */
+    onValueChange?: (value: number | null) => void;
+    min?: number;
+    max?: number;
+    /** Amount per step; its decimals set the precision. @default 1 */
+    step?: number;
+    /** Class name for the outer field wrapper. */
+    wrapperClassName?: string;
+}
+//# sourceMappingURL=NumberInput.types.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"NumberInput.types.d.ts","sourceRoot":"","sources":["../../../../src/components/forms/NumberInput/NumberInput.types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,mBAAmB,EAAE,MAAM,OAAO,CAAC;AAEjD,MAAM,WAAW,gBAAiB,SAAQ,IAAI,CAC5C,mBAAmB,CAAC,gBAAgB,CAAC,EACrC,OAAO,GAAG,cAAc,GAAG,UAAU,GAAG,MAAM,GAAG,KAAK,GAAG,KAAK,GAAG,MAAM,GAAG,MAAM,CACjF;IACC,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,yCAAyC;IACzC,KAAK,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IACtB,qDAAqD;IACrD,YAAY,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IAC7B,gEAAgE;IAChE,aAAa,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,GAAG,IAAI,KAAK,IAAI,CAAC;IAC/C,GAAG,CAAC,EAAE,MAAM,CAAC;IACb,GAAG,CAAC,EAAE,MAAM,CAAC;IACb,kEAAkE;IAClE,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,8CAA8C;IAC9C,gBAAgB,CAAC,EAAE,MAAM,CAAC;CAC3B"}

package/dist/components/forms/NumberInput/NumberInput.utils.d.ts

@@ -0,0 +1,11 @@
+/** Decimal places of a step, e.g. 0.25 → 2. */
+export declare function stepPrecision(step: number): number;
+/** Clamps to [min, max] and rounds to the step's precision. */
+export declare function normalizeNumber(value: number, { min, max, step }: {
+    min?: number;
+    max?: number;
+    step?: number;
+}): number;
+/** Parses user text ("12", "-3.5", " 4 "); returns null for empty or invalid input. */
+export declare function parseNumber(text: string): number | null;
+//# sourceMappingURL=NumberInput.utils.d.ts.map

package/dist/components/forms/NumberInput/NumberInput.utils.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"NumberInput.utils.d.ts","sourceRoot":"","sources":["../../../../src/components/forms/NumberInput/NumberInput.utils.ts"],"names":[],"mappings":"AAAA,+CAA+C;AAC/C,wBAAgB,aAAa,CAAC,IAAI,EAAE,MAAM,GAAG,MAAM,CAIlD;AAED,+DAA+D;AAC/D,wBAAgB,eAAe,CAC7B,KAAK,EAAE,MAAM,EACb,EAAE,GAAG,EAAE,GAAG,EAAE,IAAQ,EAAE,EAAE;IAAE,GAAG,CAAC,EAAE,MAAM,CAAC;IAAC,GAAG,CAAC,EAAE,MAAM,CAAC;IAAC,IAAI,CAAC,EAAE,MAAM,CAAA;CAAE,GACpE,MAAM,CAMR;AAED,uFAAuF;AACvF,wBAAgB,WAAW,CAAC,IAAI,EAAE,MAAM,GAAG,MAAM,GAAG,IAAI,CAKvD"}

package/dist/components/forms/NumberInput/NumberInput.utils.js

@@ -0,0 +1,26 @@
+//#region src/components/forms/NumberInput/NumberInput.utils.ts
+/** Decimal places of a step, e.g. 0.25 → 2. */
+function stepPrecision(step) {
+	const text = String(step);
+	const dot = text.indexOf(".");
+	return dot < 0 ? 0 : text.length - dot - 1;
+}
+/** Clamps to [min, max] and rounds to the step's precision. */
+function normalizeNumber(value, { min, max, step = 1 }) {
+	let next = value;
+	if (min !== void 0) next = Math.max(min, next);
+	if (max !== void 0) next = Math.min(max, next);
+	const precision = stepPrecision(step);
+	return Number(next.toFixed(precision));
+}
+/** Parses user text ("12", "-3.5", " 4 "); returns null for empty or invalid input. */
+function parseNumber(text) {
+	const trimmed = text.trim().replace(",", ".");
+	if (trimmed === "" || trimmed === "-" || trimmed === ".") return null;
+	const value = Number(trimmed);
+	return Number.isFinite(value) ? value : null;
+}
+//#endregion
+export { normalizeNumber, parseNumber, stepPrecision };
+
+//# sourceMappingURL=NumberInput.utils.js.map

package/dist/components/forms/NumberInput/NumberInput.utils.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"NumberInput.utils.js","names":[],"sources":["../../../../src/components/forms/NumberInput/NumberInput.utils.ts"],"sourcesContent":["/** Decimal places of a step, e.g. 0.25 → 2. */\nexport function stepPrecision(step: number): number {\n  const text = String(step);\n  const dot = text.indexOf(\".\");\n  return dot < 0 ? 0 : text.length - dot - 1;\n}\n\n/** Clamps to [min, max] and rounds to the step's precision. */\nexport function normalizeNumber(\n  value: number,\n  { min, max, step = 1 }: { min?: number; max?: number; step?: number },\n): number {\n  let next = value;\n  if (min !== undefined) next = Math.max(min, next);\n  if (max !== undefined) next = Math.min(max, next);\n  const precision = stepPrecision(step);\n  return Number(next.toFixed(precision));\n}\n\n/** Parses user text (\"12\", \"-3.5\", \" 4 \"); returns null for empty or invalid input. */\nexport function parseNumber(text: string): number | null {\n  const trimmed = text.trim().replace(\",\", \".\");\n  if (trimmed === \"\" || trimmed === \"-\" || trimmed === \".\") return null;\n  const value = Number(trimmed);\n  return Number.isFinite(value) ? value : null;\n}\n"],"mappings":";;AACA,SAAgB,cAAc,MAAsB;CAClD,MAAM,OAAO,OAAO,IAAI;CACxB,MAAM,MAAM,KAAK,QAAQ,GAAG;CAC5B,OAAO,MAAM,IAAI,IAAI,KAAK,SAAS,MAAM;AAC3C;;AAGA,SAAgB,gBACd,OACA,EAAE,KAAK,KAAK,OAAO,KACX;CACR,IAAI,OAAO;CACX,IAAI,QAAQ,KAAA,GAAW,OAAO,KAAK,IAAI,KAAK,IAAI;CAChD,IAAI,QAAQ,KAAA,GAAW,OAAO,KAAK,IAAI,KAAK,IAAI;CAChD,MAAM,YAAY,cAAc,IAAI;CACpC,OAAO,OAAO,KAAK,QAAQ,SAAS,CAAC;AACvC;;AAGA,SAAgB,YAAY,MAA6B;CACvD,MAAM,UAAU,KAAK,KAAK,CAAC,CAAC,QAAQ,KAAK,GAAG;CAC5C,IAAI,YAAY,MAAM,YAAY,OAAO,YAAY,KAAK,OAAO;CACjE,MAAM,QAAQ,OAAO,OAAO;CAC5B,OAAO,OAAO,SAAS,KAAK,IAAI,QAAQ;AAC1C"}

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

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/forms/NumberInput/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,WAAW,EAAE,MAAM,eAAe,CAAC;AAC5C,YAAY,EAAE,gBAAgB,EAAE,MAAM,qBAAqB,CAAC"}

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

@@ -5,4 +5,5 @@ export * from "./BlockCheckbox";
 export * from "./BlockRadio";
 export * from "./BlockToggle";
 export * from "./BlockSlider";
+export * from "./NumberInput";
 //# sourceMappingURL=index.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/forms/index.ts"],"names":[],"mappings":"AAAA,cAAc,cAAc,CAAC;AAC7B,cAAc,iBAAiB,CAAC;AAChC,cAAc,eAAe,CAAC;AAC9B,cAAc,iBAAiB,CAAC;AAChC,cAAc,cAAc,CAAC;AAC7B,cAAc,eAAe,CAAC;AAC9B,cAAc,eAAe,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/forms/index.ts"],"names":[],"mappings":"AAAA,cAAc,cAAc,CAAC;AAC7B,cAAc,iBAAiB,CAAC;AAChC,cAAc,eAAe,CAAC;AAC9B,cAAc,iBAAiB,CAAC;AAChC,cAAc,cAAc,CAAC;AAC7B,cAAc,eAAe,CAAC;AAC9B,cAAc,eAAe,CAAC;AAC9B,cAAc,eAAe,CAAC"}

package/dist/components/layout/Accordion/Accordion.d.ts

@@ -0,0 +1,7 @@
+import type { AccordionProps } from "./Accordion.types";
+/**
+ * Collapsible sections following the WAI-ARIA accordion pattern: each header is
+ * a button inside a heading; ↑ / ↓ / Home / End move between headers.
+ */
+export declare const Accordion: import("react").ForwardRefExoticComponent<AccordionProps & import("react").RefAttributes<HTMLDivElement>>;
+//# sourceMappingURL=Accordion.d.ts.map

package/dist/components/layout/Accordion/Accordion.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Accordion.d.ts","sourceRoot":"","sources":["../../../../src/components/layout/Accordion/Accordion.tsx"],"names":[],"mappings":"AAKA,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,mBAAmB,CAAC;AAIxD;;;GAGG;AACH,eAAO,MAAM,SAAS,2GA0FpB,CAAC"}

package/dist/components/layout/Accordion/Accordion.js

@@ -0,0 +1,95 @@
+import { cx } from "../../../utils/cx.js";
+import { useControllableState } from "../../../hooks/useControllableState.js";
+import Accordion_module_default from "./Accordion.module.js";
+import { createElement, forwardRef, useId, useRef } from "react";
+import { ChevronDownIcon } from "@malilion/block-ui-icons";
+import { jsx, jsxs } from "react/jsx-runtime";
+//#region src/components/layout/Accordion/Accordion.tsx
+var EMPTY = [];
+/**
+* Collapsible sections following the WAI-ARIA accordion pattern: each header is
+* a button inside a heading; ↑ / ↓ / Home / End move between headers.
+*/
+var Accordion = forwardRef(function Accordion({ items, type = "single", value, defaultValue = EMPTY, onValueChange, headingLevel = 3, className, ...rest }, ref) {
+	const baseId = useId();
+	const [open, setOpen] = useControllableState({
+		value,
+		defaultValue,
+		onChange: onValueChange
+	});
+	const triggers = useRef(/* @__PURE__ */ new Map());
+	const enabled = items.filter((item) => !item.disabled);
+	const toggle = (id) => {
+		const isOpen = open.includes(id);
+		if (type === "single") setOpen(isOpen ? [] : [id]);
+		else setOpen(isOpen ? open.filter((openId) => openId !== id) : [...open, id]);
+	};
+	const onKeyDown = (event) => {
+		const index = enabled.findIndex((item) => triggers.current.get(item.id) === document.activeElement);
+		if (index < 0) return;
+		let next = null;
+		if (event.key === "ArrowDown") next = (index + 1) % enabled.length;
+		else if (event.key === "ArrowUp") next = (index - 1 + enabled.length) % enabled.length;
+		else if (event.key === "Home") next = 0;
+		else if (event.key === "End") next = enabled.length - 1;
+		if (next === null) return;
+		event.preventDefault();
+		const target = enabled[next];
+		if (target) triggers.current.get(target.id)?.focus();
+	};
+	return /* @__PURE__ */ jsx("div", {
+		ref,
+		className: cx(Accordion_module_default.accordion, className),
+		...rest,
+		children: items.map((item) => {
+			const isOpen = open.includes(item.id);
+			const triggerId = `${baseId}-trigger-${item.id}`;
+			const panelId = `${baseId}-panel-${item.id}`;
+			return /* @__PURE__ */ jsxs("div", {
+				className: Accordion_module_default.item,
+				"data-open": isOpen || void 0,
+				children: [createElement(`h${headingLevel}`, { className: Accordion_module_default.heading }, /* @__PURE__ */ jsxs("button", {
+					ref: (element) => {
+						if (element) triggers.current.set(item.id, element);
+						else triggers.current.delete(item.id);
+					},
+					id: triggerId,
+					type: "button",
+					"aria-expanded": isOpen,
+					"aria-controls": panelId,
+					disabled: item.disabled,
+					className: Accordion_module_default.trigger,
+					onClick: () => toggle(item.id),
+					onKeyDown,
+					children: [
+						item.icon ? /* @__PURE__ */ jsx("span", {
+							className: Accordion_module_default.icon,
+							"aria-hidden": "true",
+							children: item.icon
+						}) : null,
+						/* @__PURE__ */ jsx("span", {
+							className: Accordion_module_default.title,
+							children: item.title
+						}),
+						/* @__PURE__ */ jsx("span", {
+							className: Accordion_module_default.chevron,
+							"aria-hidden": "true",
+							children: /* @__PURE__ */ jsx(ChevronDownIcon, { size: 16 })
+						})
+					]
+				})), /* @__PURE__ */ jsx("div", {
+					id: panelId,
+					role: "region",
+					"aria-labelledby": triggerId,
+					hidden: !isOpen,
+					className: Accordion_module_default.panel,
+					children: item.content
+				})]
+			}, item.id);
+		})
+	});
+});
+//#endregion
+export { Accordion };
+
+//# sourceMappingURL=Accordion.js.map

package/dist/components/layout/Accordion/Accordion.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Accordion.js","names":["styles"],"sources":["../../../../src/components/layout/Accordion/Accordion.tsx"],"sourcesContent":["import { ChevronDownIcon } from \"@malilion/block-ui-icons\";\nimport { createElement, forwardRef, useId, useRef, type KeyboardEvent } from \"react\";\nimport { useControllableState } from \"../../../hooks/useControllableState\";\nimport { cx } from \"../../../utils/cx\";\nimport styles from \"./Accordion.module.css\";\nimport type { AccordionProps } from \"./Accordion.types\";\n\nconst EMPTY: string[] = [];\n\n/**\n * Collapsible sections following the WAI-ARIA accordion pattern: each header is\n * a button inside a heading; ↑ / ↓ / Home / End move between headers.\n */\nexport const Accordion = forwardRef<HTMLDivElement, AccordionProps>(function Accordion(\n  {\n    items,\n    type = \"single\",\n    value,\n    defaultValue = EMPTY,\n    onValueChange,\n    headingLevel = 3,\n    className,\n    ...rest\n  },\n  ref,\n) {\n  const baseId = useId();\n  const [open, setOpen] = useControllableState({ value, defaultValue, onChange: onValueChange });\n  const triggers = useRef(new Map<string, HTMLButtonElement>());\n  const enabled = items.filter((item) => !item.disabled);\n\n  const toggle = (id: string) => {\n    const isOpen = open.includes(id);\n    if (type === \"single\") setOpen(isOpen ? [] : [id]);\n    else setOpen(isOpen ? open.filter((openId) => openId !== id) : [...open, id]);\n  };\n\n  const onKeyDown = (event: KeyboardEvent<HTMLButtonElement>) => {\n    const index = enabled.findIndex(\n      (item) => triggers.current.get(item.id) === document.activeElement,\n    );\n    if (index < 0) return;\n    let next: number | null = null;\n    if (event.key === \"ArrowDown\") next = (index + 1) % enabled.length;\n    else if (event.key === \"ArrowUp\") next = (index - 1 + enabled.length) % enabled.length;\n    else if (event.key === \"Home\") next = 0;\n    else if (event.key === \"End\") next = enabled.length - 1;\n    if (next === null) return;\n    event.preventDefault();\n    const target = enabled[next];\n    if (target) triggers.current.get(target.id)?.focus();\n  };\n\n  return (\n    <div ref={ref} className={cx(styles.accordion, className)} {...rest}>\n      {items.map((item) => {\n        const isOpen = open.includes(item.id);\n        const triggerId = `${baseId}-trigger-${item.id}`;\n        const panelId = `${baseId}-panel-${item.id}`;\n        return (\n          <div key={item.id} className={styles.item} data-open={isOpen || undefined}>\n            {createElement(\n              `h${headingLevel}`,\n              { className: styles.heading },\n              <button\n                ref={(element) => {\n                  if (element) triggers.current.set(item.id, element);\n                  else triggers.current.delete(item.id);\n                }}\n                id={triggerId}\n                type=\"button\"\n                aria-expanded={isOpen}\n                aria-controls={panelId}\n                disabled={item.disabled}\n                className={styles.trigger}\n                onClick={() => toggle(item.id)}\n                onKeyDown={onKeyDown}\n              >\n                {item.icon ? (\n                  <span className={styles.icon} aria-hidden=\"true\">\n                    {item.icon}\n                  </span>\n                ) : null}\n                <span className={styles.title}>{item.title}</span>\n                <span className={styles.chevron} aria-hidden=\"true\">\n                  <ChevronDownIcon size={16} />\n                </span>\n              </button>,\n            )}\n            <div\n              id={panelId}\n              role=\"region\"\n              aria-labelledby={triggerId}\n              hidden={!isOpen}\n              className={styles.panel}\n            >\n              {item.content}\n            </div>\n          </div>\n        );\n      })}\n    </div>\n  );\n});\n"],"mappings":";;;;;;;AAOA,IAAM,QAAkB,CAAC;;;;;AAMzB,IAAa,YAAY,WAA2C,SAAS,UAC3E,EACE,OACA,OAAO,UACP,OACA,eAAe,OACf,eACA,eAAe,GACf,WACA,GAAG,QAEL,KACA;CACA,MAAM,SAAS,MAAM;CACrB,MAAM,CAAC,MAAM,WAAW,qBAAqB;EAAE;EAAO;EAAc,UAAU;CAAc,CAAC;CAC7F,MAAM,WAAW,uBAAO,IAAI,IAA+B,CAAC;CAC5D,MAAM,UAAU,MAAM,QAAQ,SAAS,CAAC,KAAK,QAAQ;CAErD,MAAM,UAAU,OAAe;EAC7B,MAAM,SAAS,KAAK,SAAS,EAAE;EAC/B,IAAI,SAAS,UAAU,QAAQ,SAAS,CAAC,IAAI,CAAC,EAAE,CAAC;OAC5C,QAAQ,SAAS,KAAK,QAAQ,WAAW,WAAW,EAAE,IAAI,CAAC,GAAG,MAAM,EAAE,CAAC;CAC9E;CAEA,MAAM,aAAa,UAA4C;EAC7D,MAAM,QAAQ,QAAQ,WACnB,SAAS,SAAS,QAAQ,IAAI,KAAK,EAAE,MAAM,SAAS,aACvD;EACA,IAAI,QAAQ,GAAG;EACf,IAAI,OAAsB;EAC1B,IAAI,MAAM,QAAQ,aAAa,QAAQ,QAAQ,KAAK,QAAQ;OACvD,IAAI,MAAM,QAAQ,WAAW,QAAQ,QAAQ,IAAI,QAAQ,UAAU,QAAQ;OAC3E,IAAI,MAAM,QAAQ,QAAQ,OAAO;OACjC,IAAI,MAAM,QAAQ,OAAO,OAAO,QAAQ,SAAS;EACtD,IAAI,SAAS,MAAM;EACnB,MAAM,eAAe;EACrB,MAAM,SAAS,QAAQ;EACvB,IAAI,QAAQ,SAAS,QAAQ,IAAI,OAAO,EAAE,CAAC,EAAE,MAAM;CACrD;CAEA,OACE,oBAAC,OAAD;EAAU;EAAK,WAAW,GAAGA,yBAAO,WAAW,SAAS;EAAG,GAAI;EAC5D,UAAA,MAAM,KAAK,SAAS;GACnB,MAAM,SAAS,KAAK,SAAS,KAAK,EAAE;GACpC,MAAM,YAAY,GAAG,OAAO,WAAW,KAAK;GAC5C,MAAM,UAAU,GAAG,OAAO,SAAS,KAAK;GACxC,OACE,qBAAC,OAAD;IAAmB,WAAWA,yBAAO;IAAM,aAAW,UAAU,KAAA;IAAhE,UAAA,CACG,cACC,IAAI,gBACJ,EAAE,WAAWA,yBAAO,QAAQ,GAC5B,qBAAC,UAAD;KACE,MAAM,YAAY;MAChB,IAAI,SAAS,SAAS,QAAQ,IAAI,KAAK,IAAI,OAAO;WAC7C,SAAS,QAAQ,OAAO,KAAK,EAAE;KACtC;KACA,IAAI;KACJ,MAAK;KACL,iBAAe;KACf,iBAAe;KACf,UAAU,KAAK;KACf,WAAWA,yBAAO;KAClB,eAAe,OAAO,KAAK,EAAE;KAClB;KAZb,UAAA;MAcG,KAAK,OACJ,oBAAC,QAAD;OAAM,WAAWA,yBAAO;OAAM,eAAY;OACvC,UAAA,KAAK;MACF,CAAA,IACJ;MACJ,oBAAC,QAAD;OAAM,WAAWA,yBAAO;OAAQ,UAAA,KAAK;MAAY,CAAA;MACjD,oBAAC,QAAD;OAAM,WAAWA,yBAAO;OAAS,eAAY;OAC3C,UAAA,oBAAC,iBAAD,EAAiB,MAAM,GAAK,CAAA;MACxB,CAAA;KACA;IACV,CAAA,CAAA,GACA,oBAAC,OAAD;KACE,IAAI;KACJ,MAAK;KACL,mBAAiB;KACjB,QAAQ,CAAC;KACT,WAAWA,yBAAO;KAEjB,UAAA,KAAK;IACH,CAAA,CACF;GAtCK,GAAA,KAAK,EAsCV;EAET,CAAC;CACE,CAAA;AAET,CAAC"}

package/dist/components/layout/Accordion/Accordion.module.js

@@ -0,0 +1,23 @@
+//#region src/components/layout/Accordion/Accordion.module.css
+var accordion = "block-accordion-u7KUD";
+var item = "block-item-Anf9u";
+var heading = "block-heading-YzlrO";
+var trigger = "block-trigger-r-rVI";
+var icon = "block-icon-ja4pL";
+var title = "block-title-xq19m";
+var chevron = "block-chevron-hKGfT";
+var panel = "block-panel-wcIDx";
+var Accordion_module_default = {
+	accordion,
+	item,
+	heading,
+	trigger,
+	icon,
+	title,
+	chevron,
+	panel
+};
+//#endregion
+export { accordion, chevron, Accordion_module_default as default, heading, icon, item, panel, title, trigger };
+
+//# sourceMappingURL=Accordion.module.js.map

package/dist/components/layout/Accordion/Accordion.module.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Accordion.module.js","names":[],"sources":["../../../../src/components/layout/Accordion/Accordion.module.css"],"sourcesContent":[".accordion {\n  display: flex;\n  flex-direction: column;\n  gap: var(--block-space-1);\n  width: 100%;\n}\n\n.item {\n  background-color: var(--block-surface);\n  border: var(--block-border-width) solid var(--block-border);\n  box-shadow: var(--block-shadow-bevel);\n}\n\n.heading {\n  margin: 0;\n}\n\n.trigger {\n  display: flex;\n  align-items: center;\n  gap: var(--block-space-2);\n  width: 100%;\n  min-height: 44px;\n  padding: var(--block-space-2) var(--block-space-3);\n  font-family: var(--block-font-display);\n  font-size: var(--block-font-size-sm);\n  font-weight: var(--block-font-weight-bold);\n  letter-spacing: var(--block-letter-spacing-wide);\n  text-align: left;\n  text-transform: uppercase;\n  color: var(--block-text);\n  background-color: var(--block-surface-header);\n  border: 0;\n  cursor: pointer;\n}\n\n.trigger:hover:not(:disabled) {\n  background-color: var(--block-slot-hover);\n}\n\n.trigger:focus-visible {\n  outline: 3px solid var(--block-focus);\n  outline-offset: -3px;\n}\n\n.trigger:disabled {\n  cursor: not-allowed;\n  opacity: 0.5;\n}\n\n.icon {\n  display: inline-flex;\n  flex-shrink: 0;\n}\n\n.title {\n  flex: 1;\n  min-width: 0;\n  overflow-wrap: anywhere;\n}\n\n.chevron {\n  display: inline-flex;\n  flex-shrink: 0;\n  transition: transform var(--block-duration-instant) var(--block-ease-step);\n}\n\n.item[data-open] .chevron {\n  transform: rotate(180deg);\n}\n\n.panel {\n  padding: var(--block-space-3);\n  border-top: var(--block-border-width-thin) solid var(--block-border);\n  color: var(--block-text);\n}\n\n.panel[hidden] {\n  display: none;\n}\n"],"mappings":""}

package/dist/components/layout/Accordion/Accordion.types.d.ts

@@ -0,0 +1,21 @@
+import type { HTMLAttributes, ReactNode } from "react";
+export interface AccordionItem {
+    id: string;
+    title: ReactNode;
+    content: ReactNode;
+    icon?: ReactNode;
+    disabled?: boolean;
+}
+export interface AccordionProps extends Omit<HTMLAttributes<HTMLDivElement>, "defaultValue"> {
+    items: AccordionItem[];
+    /** `single` keeps at most one section open. @default "single" */
+    type?: "single" | "multiple";
+    /** Controlled open section ids. */
+    value?: string[];
+    /** Initially open section ids. @default [] */
+    defaultValue?: string[];
+    onValueChange?: (open: string[]) => void;
+    /** Heading level wrapping each trigger. @default 3 */
+    headingLevel?: 2 | 3 | 4 | 5 | 6;
+}
+//# sourceMappingURL=Accordion.types.d.ts.map

package/dist/components/layout/Accordion/Accordion.types.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Accordion.types.d.ts","sourceRoot":"","sources":["../../../../src/components/layout/Accordion/Accordion.types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,cAAc,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAEvD,MAAM,WAAW,aAAa;IAC5B,EAAE,EAAE,MAAM,CAAC;IACX,KAAK,EAAE,SAAS,CAAC;IACjB,OAAO,EAAE,SAAS,CAAC;IACnB,IAAI,CAAC,EAAE,SAAS,CAAC;IACjB,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB;AAED,MAAM,WAAW,cAAe,SAAQ,IAAI,CAAC,cAAc,CAAC,cAAc,CAAC,EAAE,cAAc,CAAC;IAC1F,KAAK,EAAE,aAAa,EAAE,CAAC;IACvB,iEAAiE;IACjE,IAAI,CAAC,EAAE,QAAQ,GAAG,UAAU,CAAC;IAC7B,mCAAmC;IACnC,KAAK,CAAC,EAAE,MAAM,EAAE,CAAC;IACjB,8CAA8C;IAC9C,YAAY,CAAC,EAAE,MAAM,EAAE,CAAC;IACxB,aAAa,CAAC,EAAE,CAAC,IAAI,EAAE,MAAM,EAAE,KAAK,IAAI,CAAC;IACzC,sDAAsD;IACtD,YAAY,CAAC,EAAE,CAAC,GAAG,CAAC,GAAG,CAAC,GAAG,CAAC,GAAG,CAAC,CAAC;CAClC"}

package/dist/components/layout/Accordion/index.d.ts

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

package/dist/components/layout/Accordion/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/layout/Accordion/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,MAAM,aAAa,CAAC;AACxC,YAAY,EAAE,aAAa,EAAE,cAAc,EAAE,MAAM,mBAAmB,CAAC"}

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

@@ -1,4 +1,5 @@
 export * from "./BlockPanel";
 export * from "./BlockStack";
 export * from "./BlockDivider";
+export * from "./Accordion";
 //# sourceMappingURL=index.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/layout/index.ts"],"names":[],"mappings":"AAAA,cAAc,cAAc,CAAC;AAC7B,cAAc,cAAc,CAAC;AAC7B,cAAc,gBAAgB,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/layout/index.ts"],"names":[],"mappings":"AAAA,cAAc,cAAc,CAAC;AAC7B,cAAc,cAAc,CAAC;AAC7B,cAAc,gBAAgB,CAAC;AAC/B,cAAc,aAAa,CAAC"}

package/dist/hooks/useScrollLock.d.ts

@@ -0,0 +1,6 @@
+/**
+ * Prevents the page from scrolling while `active`. Shared by every overlay
+ * (modal, drawer), so the page unlocks only when the last one closes.
+ */
+export declare function useScrollLock(active: boolean): void;
+//# sourceMappingURL=useScrollLock.d.ts.map

package/dist/hooks/useScrollLock.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"useScrollLock.d.ts","sourceRoot":"","sources":["../../src/hooks/useScrollLock.ts"],"names":[],"mappings":"AAKA;;;GAGG;AACH,wBAAgB,aAAa,CAAC,MAAM,EAAE,OAAO,GAAG,IAAI,CAanD"}

package/dist/hooks/useScrollLock.js

@@ -0,0 +1,26 @@
+import { useEffect } from "react";
+//#region src/hooks/useScrollLock.ts
+var locks = 0;
+var previousOverflow = "";
+/**
+* Prevents the page from scrolling while `active`. Shared by every overlay
+* (modal, drawer), so the page unlocks only when the last one closes.
+*/
+function useScrollLock(active) {
+	useEffect(() => {
+		if (!active) return void 0;
+		if (locks === 0) {
+			previousOverflow = document.body.style.overflow;
+			document.body.style.overflow = "hidden";
+		}
+		locks += 1;
+		return () => {
+			locks -= 1;
+			if (locks === 0) document.body.style.overflow = previousOverflow;
+		};
+	}, [active]);
+}
+//#endregion
+export { useScrollLock };
+
+//# sourceMappingURL=useScrollLock.js.map

package/dist/hooks/useScrollLock.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useScrollLock.js","names":[],"sources":["../../src/hooks/useScrollLock.ts"],"sourcesContent":["import { useEffect } from \"react\";\n\nlet locks = 0;\nlet previousOverflow = \"\";\n\n/**\n * Prevents the page from scrolling while `active`. Shared by every overlay\n * (modal, drawer), so the page unlocks only when the last one closes.\n */\nexport function useScrollLock(active: boolean): void {\n  useEffect(() => {\n    if (!active) return undefined;\n    if (locks === 0) {\n      previousOverflow = document.body.style.overflow;\n      document.body.style.overflow = \"hidden\";\n    }\n    locks += 1;\n    return () => {\n      locks -= 1;\n      if (locks === 0) document.body.style.overflow = previousOverflow;\n    };\n  }, [active]);\n}\n"],"mappings":";;AAEA,IAAI,QAAQ;AACZ,IAAI,mBAAmB;;;;;AAMvB,SAAgB,cAAc,QAAuB;CACnD,gBAAgB;EACd,IAAI,CAAC,QAAQ,OAAO,KAAA;EACpB,IAAI,UAAU,GAAG;GACf,mBAAmB,SAAS,KAAK,MAAM;GACvC,SAAS,KAAK,MAAM,WAAW;EACjC;EACA,SAAS;EACT,aAAa;GACX,SAAS;GACT,IAAI,UAAU,GAAG,SAAS,KAAK,MAAM,WAAW;EAClD;CACF,GAAG,CAAC,MAAM,CAAC;AACb"}