@reforma/components 0.0.0-stage → 0.1.0

package/dist/Input/UnitInput.d.ts

@@ -0,0 +1,50 @@
+import { type InputSize } from './Input';
+import type { ReactNode } from 'react';
+export interface UnitValue {
+    type: 'unit';
+    value: number;
+    unit: string;
+}
+export interface KeywordValue {
+    type: 'keyword';
+    value: string;
+}
+export type UnitInputValue = UnitValue | KeywordValue;
+/** Conversion rates: how many CSS pixels fit in 1 unit */
+export type ConversionRates = Partial<Record<string, number>>;
+export type ComparableUnitInputValue = {
+    type: 'unit';
+    value: number;
+    unit: string;
+} | {
+    type: 'keyword';
+    value: string;
+};
+export interface UnitInputProps {
+    value?: UnitInputValue | null;
+    placeholder?: string;
+    placeholderUnit?: string;
+    prefix?: ReactNode;
+    units?: readonly string[];
+    keywords?: readonly string[];
+    priorityOptions?: readonly string[];
+    min?: number;
+    max?: number;
+    /** Arrow step. Defaults to the unit's step (px is 1, rem is 0.1). */
+    step?: number;
+    /** Shift+arrow step. Defaults to ten times the unit step (px is 10). */
+    shiftStep?: number;
+    conversionRates?: ConversionRates;
+    computedPx?: number;
+    onApply?: (value: UnitInputValue) => void;
+    onCommit?: (value: UnitInputValue) => boolean | void;
+    onClear?: () => void;
+    size?: InputSize;
+    isActive?: boolean;
+    'aria-label'?: string;
+}
+export declare function UnitInput({ value, placeholder, placeholderUnit, prefix, units, keywords, priorityOptions, min, max, step: stepProp, shiftStep: shiftStepProp, conversionRates, computedPx, onApply, onCommit, onClear, size, isActive, 'aria-label': ariaLabel, }: UnitInputProps): import("react").JSX.Element;
+export declare namespace UnitInput {
+    var displayName: string;
+}
+//# sourceMappingURL=UnitInput.d.ts.map

package/dist/Input/UnitInput.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"UnitInput.d.ts","sourceRoot":"","sources":["../../src/Input/UnitInput.tsx"],"names":[],"mappings":"AAYA,OAAO,EAAS,KAAK,SAAS,EAAE,MAAM,SAAS,CAAC;AAGhD,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAKvC,MAAM,WAAW,SAAS;IACtB,IAAI,EAAE,MAAM,CAAC;IACb,KAAK,EAAE,MAAM,CAAC;IACd,IAAI,EAAE,MAAM,CAAC;CAChB;AAED,MAAM,WAAW,YAAY;IACzB,IAAI,EAAE,SAAS,CAAC;IAChB,KAAK,EAAE,MAAM,CAAC;CACjB;AAED,MAAM,MAAM,cAAc,GAAG,SAAS,GAAG,YAAY,CAAC;AAEtD,0DAA0D;AAC1D,MAAM,MAAM,eAAe,GAAG,OAAO,CAAC,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC,CAAC,CAAC;AAE9D,MAAM,MAAM,wBAAwB,GAAG;IAAE,IAAI,EAAE,MAAM,CAAC;IAAC,KAAK,EAAE,MAAM,CAAC;IAAC,IAAI,EAAE,MAAM,CAAA;CAAE,GAAG;IAAE,IAAI,EAAE,SAAS,CAAC;IAAC,KAAK,EAAE,MAAM,CAAA;CAAE,CAAC;AAE1H,MAAM,WAAW,cAAc;IAC3B,KAAK,CAAC,EAAE,cAAc,GAAG,IAAI,CAAC;IAC9B,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,eAAe,CAAC,EAAE,MAAM,CAAC;IACzB,MAAM,CAAC,EAAE,SAAS,CAAC;IACnB,KAAK,CAAC,EAAE,SAAS,MAAM,EAAE,CAAC;IAC1B,QAAQ,CAAC,EAAE,SAAS,MAAM,EAAE,CAAC;IAC7B,eAAe,CAAC,EAAE,SAAS,MAAM,EAAE,CAAC;IACpC,GAAG,CAAC,EAAE,MAAM,CAAC;IACb,GAAG,CAAC,EAAE,MAAM,CAAC;IACb,qEAAqE;IACrE,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,wEAAwE;IACxE,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,eAAe,CAAC,EAAE,eAAe,CAAC;IAClC,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,OAAO,CAAC,EAAE,CAAC,KAAK,EAAE,cAAc,KAAK,IAAI,CAAC;IAC1C,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,cAAc,KAAK,OAAO,GAAG,IAAI,CAAC;IACrD,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IACrB,IAAI,CAAC,EAAE,SAAS,CAAC;IACjB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,YAAY,CAAC,EAAE,MAAM,CAAC;CACzB;AA4HD,wBAAgB,SAAS,CAAC,EACtB,KAAK,EACL,WAAW,EACX,eAAe,EACf,MAAM,EACN,KAAU,EACV,QAAa,EACb,eAAoB,EACpB,GAAG,EACH,GAAG,EACH,IAAI,EAAE,QAAQ,EACd,SAAS,EAAE,aAAa,EACxB,eAAe,EACf,UAAU,EACV,OAAO,EACP,QAAQ,EACR,OAAO,EACP,IAAW,EACX,QAAQ,EACR,YAAY,EAAE,SAAS,GAC1B,EAAE,cAAc,+BA2dhB;yBA/ee,SAAS"}

package/dist/Input/UnitInput.js

@@ -0,0 +1,353 @@
+import { ChevronDown as be } from "@reforma/icons/8";
+import { roundForUnit as C, stepForUnit as $e, shiftStepForUnit as Be, cn as Ie, parseUnitValue as Re, BARE_NUMBER_RE as Ce, clamp as De } from "@reforma/lib";
+import Ee from "@reforma/lib/hotkeys";
+import { useRunner as Ne } from "@reforma/lib/useRunner";
+import { useState as me, useRef as L, useEffect as ge, useMemo as B, useCallback as I } from "react";
+import { Button as Le } from "../Button/Button.js";
+import { For as J } from "../For/For.js";
+import { ListBox as Me, ListBoxSection as Q, ListBoxItem as X } from "../List/ListBox.js";
+import { PopoverTrigger as Fe, Popover as ze } from "../Popover/Popover.js";
+import { PopoverScroll as He } from "../Popover/PopoverScroll.js";
+import { Show as Y } from "../Show/Show.js";
+import { Slot as we } from "../Slot/Slot.js";
+import { Input as ve } from "./Input.js";
+import R from "./UnitInput.module.css.js";
+import { jsx as o, jsxs as Z } from "react/jsx-runtime";
+function Se(t, r, d, y) {
+  if (r === d)
+    return t;
+  const u = y[r], i = y[d];
+  if (u == null || i == null || i === 0)
+    return t;
+  const p = t * u;
+  return C(p / i, d);
+}
+function ee(t, r, d) {
+  return De(r ?? -1 / 0, t, d ?? 1 / 0);
+}
+function O(t, r, d, y, u, i) {
+  const p = t.trim(), f = {
+    value: null,
+    hideUnit: !1
+  };
+  if (!p)
+    return f;
+  if (d.includes(p))
+    return {
+      value: {
+        type: "keyword",
+        value: p
+      },
+      hideUnit: !1
+    };
+  if (/^[+-]?\d+[.,]$/.test(p))
+    return f;
+  const a = p.replace(/^([+-]?\d*),(?=\d)/, "$1."), M = a.match(/^([+-]?(?:\d+(?:\.\d*)?|\.\d+))([a-z%]+)$/i);
+  if (M) {
+    const V = M[2].toLowerCase(), w = y.map((h) => h.toLowerCase());
+    if (!w.includes(V) && w.some((h) => h.startsWith(V)))
+      return {
+        value: null,
+        hideUnit: !0
+      };
+  }
+  const E = Re(a);
+  return E ? {
+    value: {
+      type: "unit",
+      value: ee(E.value, u, i),
+      unit: E.unit
+    },
+    hideUnit: !0
+  } : Ce.test(a) ? {
+    value: {
+      type: "unit",
+      value: ee(parseFloat(a), u, i),
+      unit: r
+    },
+    hideUnit: !1
+  } : {
+    value: {
+      type: "keyword",
+      value: p
+    },
+    hideUnit: !0
+  };
+}
+function Oe(t, r) {
+  return Math.max(1, t.length, r?.length ?? 0);
+}
+function Pe(t, r) {
+  return !t || !r || t.type !== r.type ? !1 : t.type === "keyword" ? r.type === "keyword" && t.value === r.value : r.type === "unit" && t.value === r.value && t.unit === r.unit;
+}
+function Te({
+  value: t,
+  placeholder: r,
+  placeholderUnit: d,
+  prefix: y,
+  units: u = [],
+  keywords: i = [],
+  priorityOptions: p = [],
+  min: f,
+  max: a,
+  step: M,
+  shiftStep: E,
+  conversionRates: V,
+  computedPx: w,
+  onApply: h,
+  onCommit: K,
+  onClear: te,
+  size: ne = "sm",
+  isActive: re,
+  "aria-label": P
+}) {
+  const [c, m] = me(null), [D, ie] = me(!1), T = L(null), j = L(null), g = L(null), W = L(!1), _ = L(t);
+  ge(() => {
+    if (c !== null && Pe(g.current, t)) {
+      _.current = t;
+      return;
+    }
+    const e = _.current;
+    e === t || e?.type === "keyword" && t?.type === "keyword" && e.value === t.value || e?.type === "unit" && t?.type === "unit" && e.value === t.value && e.unit === t.unit || e == null && t == null || (_.current = t, g.current = null, m(null));
+  }, [t, P, c]);
+  const l = t?.type === "unit" ? t.unit : d ?? u[0] ?? "px", Ue = t ? t.type === "unit" ? String(t.value) : t.value : "", b = c ?? Ue, ue = Oe(b, r), U = B(() => O(r ?? "", l, i, u, f, a).value, [r, l, i, u, f, a]), $ = (c == null ? null : O(c, l, i, u, f, a))?.hideUnit ?? (t?.type === "keyword" && !i.includes(t.value)), k = !$ && t?.type === "keyword" && i.includes(t.value) && (c === null || c === t.value), N = !$ && (k || !t && !d), le = N || $ ? void 0 : t ? l : d, oe = I((e) => {
+    m(e);
+  }, []), F = I((e) => {
+    if (!e.trim()) {
+      t && te?.(), m(null), g.current = null;
+      return;
+    }
+    const n = O(e, l, i, u, f, a).value, s = n?.type === "unit" ? {
+      ...n,
+      value: C(n.value, n.unit)
+    } : n;
+    g.current = null, m(null), s && (h?.(s), K?.(s));
+  }, [l, i, f, a, h, K, te, u, t]), se = I(() => {
+    c !== null && F(b);
+  }, [F, b, c]), ce = I(() => {
+    c !== null && F(b);
+  }, [F, b, c]), q = B(() => {
+    if (t?.type === "unit")
+      return t.value;
+    if (!t && U?.type === "unit")
+      return U.value;
+    const n = (V ?? {})[l];
+    return (t?.type === "keyword" || U?.type === "keyword") && w != null && n != null && n > 0 ? C(w / n, l) : 0;
+  }, [t, U, V, l, w]), A = M ?? $e(l), G = E ?? Be(l), ae = I((e) => {
+    if (k && (e.key === "Backspace" || e.key === "Delete")) {
+      e.preventDefault(), g.current = null, m("");
+      return;
+    }
+    if (e.key !== "ArrowUp" && e.key !== "ArrowDown" || k || D || e.altKey || e.ctrlKey || e.metaKey)
+      return;
+    const n = c == null ? null : O(c, l, i, u, f, a).value;
+    if (c != null && n?.type !== "unit")
+      return;
+    const s = n?.type === "unit" ? n.value : q, v = (e.shiftKey ? G : A) * (e.key === "ArrowUp" ? 1 : -1), S = C(ee(s + v, f, a), l), x = {
+      type: "unit",
+      value: S,
+      unit: l
+    };
+    e.preventDefault(), S !== s && (W.current = !0, m(String(S)), g.current = x, h?.(x));
+  }, [l, k, D, i, c, a, f, h, q, G, A, u]), ke = I((e) => {
+    if (e.key !== "ArrowUp" && e.key !== "ArrowDown" || !W.current)
+      return;
+    W.current = !1;
+    const n = g.current;
+    g.current = null, m(null), n?.type === "unit" && K?.(n);
+  }, [K]);
+  Ne(j, {
+    value: q,
+    min: f,
+    max: a,
+    step: A,
+    shiftStep: G,
+    onChange: (e) => {
+      const n = C(e, l), s = {
+        type: "unit",
+        value: n,
+        unit: l
+      };
+      m(String(n)), g.current = s, h?.(s);
+    },
+    onEnd: (e) => {
+      const s = {
+        type: "unit",
+        value: C(e.value, l),
+        unit: l
+      };
+      g.current = null, m(null), K?.(s);
+    },
+    shouldRun: (e) => !$ && (e.closest("[data-scrub-handle]") != null || Ee.altKey)
+  }), ge(() => {
+    if (!k)
+      return;
+    const e = T.current;
+    if (!e)
+      return;
+    const n = () => {
+      requestAnimationFrame(() => e.select());
+    };
+    return e.addEventListener("focus", n), e.addEventListener("click", n), () => {
+      e.removeEventListener("focus", n), e.removeEventListener("click", n);
+    };
+  }, [k]);
+  const xe = B(() => t ? t.type === "keyword" ? /* @__PURE__ */ new Set([`kw:${t.value}`]) : /* @__PURE__ */ new Set([`u:${t.unit}`]) : /* @__PURE__ */ new Set(), [t]), z = B(() => p.flatMap((e) => u.includes(e) ? [{
+    id: `u:${e}`,
+    value: e
+  }] : i.includes(e) ? [{
+    id: `kw:${e}`,
+    value: e
+  }] : []), [i, p, u]), H = B(() => new Set(z.map((e) => e.id)), [z]), fe = B(() => u.filter((e) => !H.has(`u:${e}`)), [H, u]), de = B(() => i.filter((e) => !H.has(`kw:${e}`)), [i, H]), Ve = I((e) => {
+    if (e === "all")
+      return;
+    const n = [...e][0];
+    if (!n)
+      return;
+    let s;
+    if (n.startsWith("kw:"))
+      s = {
+        type: "keyword",
+        value: n.slice(3)
+      };
+    else {
+      const v = n.slice(2), S = V ?? {};
+      let x;
+      t?.type === "unit" ? x = Se(t.value, t.unit, v, S) : !t && U?.type === "unit" ? x = Se(U.value, U.unit, v, S) : w != null && S[v] != null && S[v] > 0 ? x = C(w / S[v], v) : x = 0, s = {
+        type: "unit",
+        value: x,
+        unit: v
+      };
+    }
+    m(null), ie(!1), h?.(s), K?.(s);
+  }, [t, U, V, w, h, K]), Ke = u.length > 0 || i.length > 0, pe = {
+    autoComplete: "off",
+    spellCheck: !1,
+    "data-1p-ignore": "true",
+    "data-lpignore": "true",
+    "data-form-type": "other",
+    onKeyUp: ke
+  }, he = typeof y == "string" ? y : void 0, ye = y && typeof y != "string" ? /* @__PURE__ */ o(we, {
+    as: "span",
+    slot: "prefix",
+    children: y
+  }) : null;
+  return Ke ? /* @__PURE__ */ Z(ve, {
+    ref: j,
+    type: "text",
+    size: ne,
+    scrubHandle: !$,
+    isActive: re,
+    "aria-label": P,
+    className: Ie(R.unitInput, k && R.keywordMode),
+    inputRef: T,
+    htmlSize: ue,
+    value: b,
+    placeholder: r,
+    prefix: he,
+    onChange: oe,
+    onSubmit: se,
+    onBlur: ce,
+    onKeyDown: ae,
+    ...pe,
+    children: [ye, $ ? null : /* @__PURE__ */ o(we, {
+      as: "div",
+      slot: "suffix",
+      "data-unit-chevron-slot": N || void 0,
+      "data-open": D || void 0,
+      children: /* @__PURE__ */ Z(Fe, {
+        isOpen: D,
+        onOpenChange: ie,
+        children: [/* @__PURE__ */ o(Le, {
+          variant: "filling",
+          size: "xs",
+          className: R.unitButton,
+          contentClassName: N ? R.unitButtonContent : void 0,
+          "data-chevron-suffix": N || void 0,
+          "data-open": D || void 0,
+          "aria-label": "Change unit",
+          "aria-expanded": D,
+          children: N ? /* @__PURE__ */ o(be, {
+            className: R.unitChevron,
+            "aria-hidden": !0
+          }) : le
+        }), /* @__PURE__ */ o(ze, {
+          placement: "bottom end",
+          spacing: "xs",
+          className: R.popover,
+          children: /* @__PURE__ */ o(He, {
+            maxHeight: 240,
+            children: /* @__PURE__ */ Z(Me, {
+              selectionMode: "single",
+              selectedKeys: xe,
+              onSelectionChange: Ve,
+              "aria-label": "Units and keywords",
+              children: [/* @__PURE__ */ o(Y, {
+                when: z.length > 0,
+                children: /* @__PURE__ */ o(Q, {
+                  children: /* @__PURE__ */ o(J, {
+                    each: z,
+                    children: (e) => /* @__PURE__ */ o(X, {
+                      id: e.id,
+                      textValue: e.value,
+                      children: e.value
+                    }, e.id)
+                  })
+                })
+              }), /* @__PURE__ */ o(Y, {
+                when: fe.length > 0,
+                children: /* @__PURE__ */ o(Q, {
+                  children: /* @__PURE__ */ o(J, {
+                    each: fe,
+                    children: (e) => /* @__PURE__ */ o(X, {
+                      id: `u:${e}`,
+                      textValue: e,
+                      children: e
+                    }, `u:${e}`)
+                  })
+                })
+              }), /* @__PURE__ */ o(Y, {
+                when: de.length > 0,
+                children: /* @__PURE__ */ o(Q, {
+                  children: /* @__PURE__ */ o(J, {
+                    each: de,
+                    children: (e) => /* @__PURE__ */ o(X, {
+                      id: `kw:${e}`,
+                      textValue: e,
+                      children: e
+                    }, `kw:${e}`)
+                  })
+                })
+              })]
+            })
+          })
+        })]
+      })
+    })]
+  }) : /* @__PURE__ */ o(ve, {
+    ref: j,
+    type: "text",
+    size: ne,
+    scrubHandle: !$,
+    isActive: re,
+    "aria-label": P,
+    className: k ? R.keywordMode : void 0,
+    inputRef: T,
+    htmlSize: ue,
+    value: b,
+    placeholder: r,
+    prefix: he,
+    suffix: le,
+    onChange: oe,
+    onSubmit: se,
+    onBlur: ce,
+    onKeyDown: ae,
+    ...pe,
+    children: ye
+  });
+}
+Te.displayName = "UnitInput";
+export {
+  Te as UnitInput
+};
+//# sourceMappingURL=UnitInput.js.map

package/dist/Input/UnitInput.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"UnitInput.js","sources":["../../src/Input/UnitInput.tsx"],"sourcesContent":["import { ChevronDown } from '@reforma/icons/8';\nimport { BARE_NUMBER_RE, clamp, cn, parseUnitValue, roundForUnit, shiftStepForUnit, stepForUnit } from '@reforma/lib';\nimport hotkeys from '@reforma/lib/hotkeys';\nimport { useRunner } from '@reforma/lib/useRunner';\nimport { useCallback, useEffect, useMemo, useRef, useState } from 'react';\n\nimport { Button } from '../Button';\nimport { For } from '../For';\nimport { ListBox, ListBoxItem, ListBoxSection } from '../List';\nimport { Popover, PopoverScroll, PopoverTrigger } from '../Popover';\nimport { Show } from '../Show';\nimport { Slot } from '../Slot';\nimport { Input, type InputSize } from './Input';\nimport styles from './UnitInput.module.css';\n\nimport type { ReactNode } from 'react';\nimport type { Key, Selection } from 'react-aria-components';\n\n// ── Types ──────────────────────────────────────────────────────────────────\n\nexport interface UnitValue {\n    type: 'unit';\n    value: number;\n    unit: string;\n}\n\nexport interface KeywordValue {\n    type: 'keyword';\n    value: string;\n}\n\nexport type UnitInputValue = UnitValue | KeywordValue;\n\n/** Conversion rates: how many CSS pixels fit in 1 unit */\nexport type ConversionRates = Partial<Record<string, number>>;\n\nexport type ComparableUnitInputValue = { type: 'unit'; value: number; unit: string } | { type: 'keyword'; value: string };\n\nexport interface UnitInputProps {\n    value?: UnitInputValue | null;\n    placeholder?: string;\n    placeholderUnit?: string;\n    prefix?: ReactNode;\n    units?: readonly string[];\n    keywords?: readonly string[];\n    priorityOptions?: readonly string[];\n    min?: number;\n    max?: number;\n    /** Arrow step. Defaults to the unit's step (px is 1, rem is 0.1). */\n    step?: number;\n    /** Shift+arrow step. Defaults to ten times the unit step (px is 10). */\n    shiftStep?: number;\n    conversionRates?: ConversionRates;\n    computedPx?: number;\n    onApply?: (value: UnitInputValue) => void;\n    onCommit?: (value: UnitInputValue) => boolean | void;\n    onClear?: () => void;\n    size?: InputSize;\n    isActive?: boolean;\n    'aria-label'?: string;\n}\n\n// ── Conversion ─────────────────────────────────────────────────────────────\n\n/**\n * Convert a value between units through px as intermediate.\n * Falls back to keeping the numeric value if a rate is unknown.\n */\nfunction convertUnit(\n    value: number,\n    fromUnit: string,\n    toUnit: string,\n    rates: ConversionRates\n): number {\n    if (fromUnit === toUnit) {\n        return value;\n    }\n\n    const fromRate = rates[fromUnit];\n    const toRate = rates[toUnit];\n\n    if (fromRate == null || toRate == null || toRate === 0) {\n        return value; // unknown unit — keep the number\n    }\n\n    const px = value * fromRate;\n\n    return roundForUnit(px / toRate, toUnit);\n}\n\n// ── Parsing ────────────────────────────────────────────────────────────────\n\nfunction clampNumeric(value: number, min: number | undefined, max: number | undefined): number {\n    return clamp(min ?? -Infinity, value, max ?? Infinity);\n}\n\ninterface InputReading {\n    /** Absent while the text is still incomplete (`2.`, `2.5r`). */\n    value: UnitInputValue | null;\n    /** Free CSS, a unit written in the text, or a suffix still being typed. */\n    hideUnit: boolean;\n}\n\nfunction readInput(\n    raw: string,\n    fallbackUnit: string,\n    keywords: readonly string[],\n    units: readonly string[],\n    min: number | undefined,\n    max: number | undefined\n): InputReading {\n    const trimmed = raw.trim();\n    const pending = { value: null, hideUnit: false };\n\n    if (!trimmed) {\n        return pending;\n    }\n\n    if (keywords.includes(trimmed)) {\n        return { value: { type: 'keyword', value: trimmed }, hideUnit: false };\n    }\n\n    if (/^[+-]?\\d+[.,]$/.test(trimmed)) {\n        return pending;\n    }\n\n    const normalized = trimmed.replace(/^([+-]?\\d*),(?=\\d)/, '$1.');\n    const suffix = normalized.match(/^([+-]?(?:\\d+(?:\\.\\d*)?|\\.\\d+))([a-z%]+)$/i);\n\n    if (suffix) {\n        const unit = suffix[2].toLowerCase();\n        const known = units.map(item => item.toLowerCase());\n\n        if (!known.includes(unit) && known.some(item => item.startsWith(unit))) {\n            return { value: null, hideUnit: true };\n        }\n    }\n\n    const parsed = parseUnitValue(normalized);\n\n    if (parsed) {\n        return {\n            value: { type: 'unit', value: clampNumeric(parsed.value, min, max), unit: parsed.unit },\n            hideUnit: true,\n        };\n    }\n\n    if (BARE_NUMBER_RE.test(normalized)) {\n        return {\n            value: { type: 'unit', value: clampNumeric(parseFloat(normalized), min, max), unit: fallbackUnit },\n            hideUnit: false,\n        };\n    }\n\n    return { value: { type: 'keyword', value: trimmed }, hideUnit: true };\n}\n\nfunction inputHtmlSize(value: string, placeholder: string | undefined): number {\n    return Math.max(1, value.length, placeholder?.length ?? 0);\n}\n\nfunction unitInputDraftMatchesValue(\n    draft: ComparableUnitInputValue | null | undefined,\n    value: ComparableUnitInputValue | null | undefined\n): boolean {\n    if (!draft || !value) {\n        return false;\n    }\n\n    if (draft.type !== value.type) {\n        return false;\n    }\n\n    if (draft.type === 'keyword') {\n        return value.type === 'keyword' && draft.value === value.value;\n    }\n\n    return value.type === 'unit'\n      && draft.value === value.value\n      && draft.unit === value.unit;\n}\n\n// ── Component ──────────────────────────────────────────────────────────────\n\nexport function UnitInput({\n    value,\n    placeholder,\n    placeholderUnit,\n    prefix,\n    units = [],\n    keywords = [],\n    priorityOptions = [],\n    min,\n    max,\n    step: stepProp,\n    shiftStep: shiftStepProp,\n    conversionRates,\n    computedPx,\n    onApply,\n    onCommit,\n    onClear,\n    size = 'sm',\n    isActive,\n    'aria-label': ariaLabel,\n}: UnitInputProps) {\n    const [localInput, setLocalInput] = useState<string | null>(null);\n    const [isPopoverOpen, setIsPopoverOpen] = useState(false);\n    const inputRef = useRef<HTMLInputElement | null>(null);\n    const fieldRef = useRef<HTMLDivElement | null>(null);\n    const draftValueRef = useRef<ComparableUnitInputValue | null>(null);\n    const nudgingRef = useRef(false);\n    const prevValueRef = useRef(value);\n\n    // Reset local draft only when value prop CONTENT changes from outside\n    useEffect(() => {\n        if (localInput !== null && unitInputDraftMatchesValue(draftValueRef.current, value)) {\n            prevValueRef.current = value;\n\n            return;\n        }\n\n        const prev = prevValueRef.current;\n        const same = (prev === value)\n          || (prev?.type === 'keyword' && value?.type === 'keyword' && prev.value === value.value)\n          || (prev?.type === 'unit' && value?.type === 'unit' && prev.value === value.value && prev.unit === value.unit)\n          || (prev == null && value == null);\n\n        if (!same) {\n            prevValueRef.current = value;\n            draftValueRef.current = null;\n\n            setLocalInput(null);\n        }\n    }, [value, ariaLabel, localInput]);\n\n    // Derive display state from value prop\n    const currentUnit = value?.type === 'unit' ? value.unit : (placeholderUnit ?? units[0] ?? 'px');\n    const displayText = value\n        ? (value.type === 'unit' ? String(value.value) : value.value)\n        : '';\n\n    // What user sees in the input\n    const inputValue = localInput ?? displayText;\n    const htmlSize = inputHtmlSize(inputValue, placeholder);\n    const placeholderValue = useMemo(\n        () => readInput(placeholder ?? '', currentUnit, keywords, units, min, max).value,\n        [placeholder, currentUnit, keywords, units, min, max]\n    );\n\n    const draft = localInput == null\n        ? null\n        : readInput(localInput, currentUnit, keywords, units, min, max);\n    const hideUnit = draft?.hideUnit\n        ?? (value?.type === 'keyword' && !keywords.includes(value.value));\n    const isKeyword = !hideUnit\n        && value?.type === 'keyword'\n        && keywords.includes(value.value)\n        && (localInput === null || localInput === value.value);\n    const hasChevronSuffix = !hideUnit && (isKeyword || (!value && !placeholderUnit));\n    const suffixText = (hasChevronSuffix || hideUnit) ? undefined : (value ? currentUnit : placeholderUnit);\n\n    // ── Handlers ───────────────────────────────────────────────────────────\n\n    const handleChange = useCallback((raw: string) => {\n        setLocalInput(raw);\n    }, []);\n\n    const commit = useCallback((raw: string) => {\n        if (!raw.trim()) {\n            if (value) {\n                onClear?.();\n            }\n\n            setLocalInput(null);\n            draftValueRef.current = null;\n\n            return;\n        }\n\n        const parsed = readInput(raw, currentUnit, keywords, units, min, max).value;\n        const next = parsed?.type === 'unit'\n            ? { ...parsed, value: roundForUnit(parsed.value, parsed.unit) }\n            : parsed;\n\n        draftValueRef.current = null;\n        setLocalInput(null);\n\n        if (next) {\n            onApply?.(next);\n            onCommit?.(next);\n        }\n    }, [currentUnit, keywords, min, max, onApply, onCommit, onClear, units, value]);\n\n    const handleSubmit = useCallback(() => {\n        // Nothing to commit if user didn't type anything\n        if (localInput === null) {\n            return;\n        }\n\n        commit(inputValue);\n    }, [commit, inputValue, localInput]);\n\n    const handleBlur = useCallback(() => {\n        // User didn't touch the input — nothing to commit\n        if (localInput === null) {\n            return;\n        }\n\n        commit(inputValue);\n    }, [commit, inputValue, localInput]);\n\n    const runnerStartValue = useMemo(() => {\n        if (value?.type === 'unit') {\n            return value.value;\n        }\n\n        if (!value && placeholderValue?.type === 'unit') {\n            return placeholderValue.value;\n        }\n\n        const rates = conversionRates ?? {};\n        const rate = rates[currentUnit];\n\n        const canUseRenderedValue = value?.type === 'keyword' || placeholderValue?.type === 'keyword';\n\n        if (canUseRenderedValue && computedPx != null && rate != null && rate > 0) {\n            return roundForUnit(computedPx / rate, currentUnit);\n        }\n\n        return 0;\n    }, [value, placeholderValue, conversionRates, currentUnit, computedPx]);\n\n    const step = stepProp ?? stepForUnit(currentUnit);\n    const shiftStep = shiftStepProp ?? shiftStepForUnit(currentUnit);\n\n    const handleKeyDown = useCallback((e: React.KeyboardEvent<HTMLInputElement>) => {\n        if (isKeyword && (e.key === 'Backspace' || e.key === 'Delete')) {\n            e.preventDefault();\n            draftValueRef.current = null;\n            setLocalInput('');\n\n            return;\n        }\n\n        if (e.key !== 'ArrowUp' && e.key !== 'ArrowDown') {\n            return;\n        }\n\n        if (isKeyword || isPopoverOpen || e.altKey || e.ctrlKey || e.metaKey) {\n            return;\n        }\n\n        const reading = localInput == null\n            ? null\n            : readInput(localInput, currentUnit, keywords, units, min, max).value;\n\n        if (localInput != null && reading?.type !== 'unit') {\n            return;\n        }\n\n        const base = reading?.type === 'unit' ? reading.value : runnerStartValue;\n        const delta = (e.shiftKey ? shiftStep : step) * (e.key === 'ArrowUp' ? 1 : -1);\n        const next = roundForUnit(clampNumeric(base + delta, min, max), currentUnit);\n        const nextValue = { type: 'unit', value: next, unit: currentUnit } as const;\n\n        e.preventDefault();\n\n        if (next === base) {\n            return;\n        }\n\n        nudgingRef.current = true;\n        setLocalInput(String(next));\n        draftValueRef.current = nextValue;\n        onApply?.(nextValue);\n    }, [\n        currentUnit,\n        isKeyword,\n        isPopoverOpen,\n        keywords,\n        localInput,\n        max,\n        min,\n        onApply,\n        runnerStartValue,\n        shiftStep,\n        step,\n        units,\n    ]);\n\n    const handleKeyUp = useCallback((e: React.KeyboardEvent<HTMLInputElement>) => {\n        if ((e.key !== 'ArrowUp' && e.key !== 'ArrowDown') || !nudgingRef.current) {\n            return;\n        }\n\n        nudgingRef.current = false;\n        const draft = draftValueRef.current;\n\n        draftValueRef.current = null;\n        setLocalInput(null);\n\n        if (draft?.type === 'unit') {\n            onCommit?.(draft);\n        }\n    }, [onCommit]);\n\n    useRunner(fieldRef, {\n        value: runnerStartValue,\n        min,\n        max,\n        step,\n        shiftStep,\n        onChange: (next) => {\n            const rounded = roundForUnit(next, currentUnit);\n            const nextValue = { type: 'unit', value: rounded, unit: currentUnit } as const;\n\n            setLocalInput(String(rounded));\n            draftValueRef.current = nextValue;\n            onApply?.(nextValue);\n        },\n        onEnd: (payload) => {\n            const rounded = roundForUnit(payload.value, currentUnit);\n            const nextValue = { type: 'unit', value: rounded, unit: currentUnit } as const;\n\n            draftValueRef.current = null;\n            setLocalInput(null);\n            onCommit?.(nextValue);\n        },\n        shouldRun: target => !hideUnit && (target.closest('[data-scrub-handle]') != null || hotkeys.altKey),\n    });\n\n    // Keep selection covering the whole keyword so any typing replaces it\n    useEffect(() => {\n        if (!isKeyword) {\n            return;\n        }\n\n        const input = inputRef.current;\n\n        if (!input) {\n            return;\n        }\n\n        const selectAll = () => {\n            requestAnimationFrame(() => input.select());\n        };\n\n        input.addEventListener('focus', selectAll);\n        input.addEventListener('click', selectAll);\n\n        return () => {\n            input.removeEventListener('focus', selectAll);\n            input.removeEventListener('click', selectAll);\n        };\n    }, [isKeyword]);\n\n    // Dropdown selection\n    const selectedKeys = useMemo<Set<Key>>(() => {\n        if (!value) {\n            return new Set();\n        }\n\n        if (value.type === 'keyword') {\n            return new Set([`kw:${ value.value }`]);\n        }\n\n        return new Set([`u:${ value.unit }`]);\n    }, [value]);\n    const priorityEntries = useMemo(() => priorityOptions.flatMap((option) => {\n        if (units.includes(option)) {\n            return [{ id: `u:${ option }`, value: option }];\n        }\n\n        if (keywords.includes(option)) {\n            return [{ id: `kw:${ option }`, value: option }];\n        }\n\n        return [];\n    }), [keywords, priorityOptions, units]);\n    const priorityKeys = useMemo(\n        () => new Set(priorityEntries.map(entry => entry.id)),\n        [priorityEntries]\n    );\n    const remainingUnits = useMemo(\n        () => units.filter(unit => !priorityKeys.has(`u:${ unit }`)),\n        [priorityKeys, units]\n    );\n    const remainingKeywords = useMemo(\n        () => keywords.filter(keyword => !priorityKeys.has(`kw:${ keyword }`)),\n        [keywords, priorityKeys]\n    );\n\n    const handleSelection = useCallback((keys: Selection) => {\n        if (keys === 'all') {\n            return;\n        }\n\n        const key = [...keys][0] as string;\n\n        if (!key) {\n            return;\n        }\n\n        let newValue: UnitInputValue;\n\n        if (key.startsWith('kw:')) {\n            newValue = { type: 'keyword', value: key.slice(3) };\n        }\n        else {\n            const newUnit = key.slice(2);\n            const rates = conversionRates ?? {};\n\n            let newNum: number;\n\n            if (value?.type === 'unit') {\n                // Unit → unit: convert through px using user's declared value\n                newNum = convertUnit(value.value, value.unit, newUnit, rates);\n            }\n            else if (!value && placeholderValue?.type === 'unit') {\n                // Empty own value with numeric inherited/initial placeholder: keep the visible numeric baseline.\n                newNum = convertUnit(placeholderValue.value, placeholderValue.unit, newUnit, rates);\n            }\n            else if (computedPx != null && rates[newUnit] != null && rates[newUnit] > 0) {\n                // Keyword → unit: use rendered pixel size when the caller provides one.\n                newNum = roundForUnit(computedPx / rates[newUnit], newUnit);\n            }\n            else {\n                newNum = 0;\n            }\n\n            newValue = { type: 'unit', value: newNum, unit: newUnit };\n        }\n\n        setLocalInput(null);\n        setIsPopoverOpen(false);\n        onApply?.(newValue);\n        onCommit?.(newValue);\n    }, [value, placeholderValue, conversionRates, computedPx, onApply, onCommit]);\n\n    const hasPicker = units.length > 0 || keywords.length > 0;\n    const scrubFieldProps = {\n        autoComplete: 'off' as const,\n        spellCheck: false as const,\n        'data-1p-ignore': 'true',\n        'data-lpignore': 'true',\n        'data-form-type': 'other',\n        onKeyUp: handleKeyUp,\n    };\n    const textPrefix = typeof prefix === 'string' ? prefix : undefined;\n    const prefixSlot = (prefix && typeof prefix !== 'string')\n        ? <Slot as=\"span\" slot=\"prefix\">{ prefix }</Slot>\n        : null;\n\n    if (!hasPicker) {\n        return (\n            <Input\n                ref={ fieldRef }\n                type=\"text\"\n                size={ size }\n                scrubHandle={ !hideUnit }\n                isActive={ isActive }\n                aria-label={ ariaLabel }\n                className={ isKeyword ? styles.keywordMode : undefined }\n                inputRef={ inputRef }\n                htmlSize={ htmlSize }\n                value={ inputValue }\n                placeholder={ placeholder }\n                prefix={ textPrefix }\n                suffix={ suffixText }\n                onChange={ handleChange }\n                onSubmit={ handleSubmit }\n                onBlur={ handleBlur }\n                onKeyDown={ handleKeyDown }\n                { ...scrubFieldProps }\n            >\n                { prefixSlot }\n            </Input>\n        );\n    }\n\n    return (\n        <Input\n            ref={ fieldRef }\n            type=\"text\"\n            size={ size }\n            scrubHandle={ !hideUnit }\n            isActive={ isActive }\n            aria-label={ ariaLabel }\n            className={ cn(styles.unitInput, isKeyword && styles.keywordMode) }\n            inputRef={ inputRef }\n            htmlSize={ htmlSize }\n            value={ inputValue }\n            placeholder={ placeholder }\n            prefix={ textPrefix }\n            onChange={ handleChange }\n            onSubmit={ handleSubmit }\n            onBlur={ handleBlur }\n            onKeyDown={ handleKeyDown }\n            { ...scrubFieldProps }\n        >\n            { prefixSlot }\n            { !hideUnit\n                ? (\n                    <Slot\n                        as=\"div\"\n                        slot=\"suffix\"\n                        data-unit-chevron-slot={ hasChevronSuffix || undefined }\n                        data-open={ isPopoverOpen || undefined }\n                    >\n                        <PopoverTrigger isOpen={ isPopoverOpen } onOpenChange={ setIsPopoverOpen }>\n                            <Button\n                                variant=\"filling\"\n                                size=\"xs\"\n                                className={ styles.unitButton }\n                                contentClassName={ hasChevronSuffix ? styles.unitButtonContent : undefined }\n                                data-chevron-suffix={ hasChevronSuffix || undefined }\n                                data-open={ isPopoverOpen || undefined }\n                                aria-label=\"Change unit\"\n                                aria-expanded={ isPopoverOpen }\n                            >\n                                { hasChevronSuffix\n                                    ? <ChevronDown className={ styles.unitChevron } aria-hidden />\n                                    : suffixText }\n                            </Button>\n\n                            <Popover placement=\"bottom end\" spacing=\"xs\" className={ styles.popover }>\n                                <PopoverScroll maxHeight={ 240 }>\n                                    <ListBox\n                                        selectionMode=\"single\"\n                                        selectedKeys={ selectedKeys }\n                                        onSelectionChange={ handleSelection }\n                                        aria-label=\"Units and keywords\"\n                                    >\n                                        <Show when={ priorityEntries.length > 0 }>\n                                            <ListBoxSection>\n                                                <For each={ priorityEntries }>\n                                                    { option => (\n                                                        <ListBoxItem\n                                                            key={ option.id }\n                                                            id={ option.id }\n                                                            textValue={ option.value }\n                                                        >\n                                                            { option.value }\n                                                        </ListBoxItem>\n                                                    ) }\n                                                </For>\n                                            </ListBoxSection>\n                                        </Show>\n                                        <Show when={ remainingUnits.length > 0 }>\n                                            <ListBoxSection>\n                                                <For each={ remainingUnits }>\n                                                    { u => (\n                                                        <ListBoxItem key={ `u:${ u }` } id={ `u:${ u }` } textValue={ u }>\n                                                            { u }\n                                                        </ListBoxItem>\n                                                    ) }\n                                                </For>\n                                            </ListBoxSection>\n                                        </Show>\n                                        <Show when={ remainingKeywords.length > 0 }>\n                                            <ListBoxSection>\n                                                <For each={ remainingKeywords }>\n                                                    { kw => (\n                                                        <ListBoxItem key={ `kw:${ kw }` } id={ `kw:${ kw }` } textValue={ kw }>\n                                                            { kw }\n                                                        </ListBoxItem>\n                                                    ) }\n                                                </For>\n                                            </ListBoxSection>\n                                        </Show>\n                                    </ListBox>\n                                </PopoverScroll>\n                            </Popover>\n                        </PopoverTrigger>\n                    </Slot>\n                )\n                : null }\n        </Input>\n    );\n}\n\nUnitInput.displayName = 'UnitInput';\n"],"names":["convertUnit","value","fromUnit","toUnit","rates","fromRate","toRate","px","roundForUnit","clampNumeric","min","max","clamp","readInput","raw","fallbackUnit","keywords","units","trimmed","pending","normalized","suffix","unit","known","item","parsed","parseUnitValue","BARE_NUMBER_RE","inputHtmlSize","placeholder","unitInputDraftMatchesValue","draft","UnitInput","placeholderUnit","prefix","priorityOptions","stepProp","shiftStepProp","conversionRates","computedPx","onApply","onCommit","onClear","size","isActive","ariaLabel","localInput","setLocalInput","useState","isPopoverOpen","setIsPopoverOpen","inputRef","useRef","fieldRef","draftValueRef","nudgingRef","prevValueRef","useEffect","prev","currentUnit","displayText","inputValue","htmlSize","placeholderValue","useMemo","hideUnit","isKeyword","hasChevronSuffix","suffixText","handleChange","useCallback","commit","next","handleSubmit","handleBlur","runnerStartValue","rate","step","stepForUnit","shiftStep","shiftStepForUnit","handleKeyDown","reading","base","delta","nextValue","handleKeyUp","useRunner","rounded","payload","target","hotkeys","input","selectAll","selectedKeys","priorityEntries","option","priorityKeys","entry","remainingUnits","remainingKeywords","keyword","handleSelection","keys","key","newValue","newUnit","newNum","hasPicker","scrubFieldProps","textPrefix","prefixSlot","Slot","Input","cn","styles","PopoverTrigger","_jsx","Button","ChevronDown","Popover","PopoverScroll","ListBox","Show","ListBoxSection","For","ListBoxItem","u","kw"],"mappings":"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"}

package/dist/Input/UnitInput.module.css

@@ -0,0 +1 @@
+.UnitInput_unitInput_mMGk0I{--reforma-input-gap: var(--spacing-4);--unit-input-chevron-reserve: calc(var(--spacing-24) + var(--spacing-4) + var(--spacing-1))}.UnitInput_unitButton_XFTZP1{margin-right:calc((var(--reforma-input-padding-inline) - var(--spacing-1)) * -1);padding-inline:calc(var(--reforma-input-padding-inline) - var(--spacing-2));height:calc(var(--reforma-input-height) - var(--spacing-4))}.UnitInput_unitButton_XFTZP1>*{opacity:var(--opacity-inactive)}.UnitInput_unitButton_XFTZP1[data-chevron-suffix]{opacity:0;margin-right:0;pointer-events:none}.UnitInput_unitButton_XFTZP1[data-chevron-suffix][data-open]{opacity:1;pointer-events:auto}.UnitInput_unitButton_XFTZP1[data-chevron-suffix][data-open] .UnitInput_unitButtonContent_cGpxpl{transform:rotate(180deg)}.UnitInput_unitInput_mMGk0I:hover .UnitInput_unitButton_XFTZP1[data-chevron-suffix],.UnitInput_unitInput_mMGk0I:focus-within .UnitInput_unitButton_XFTZP1[data-chevron-suffix]{opacity:1;pointer-events:auto}.UnitInput_unitInput_mMGk0I:has([data-unit-chevron-slot]){padding-inline-end:var(--unit-input-chevron-reserve);min-width:calc(var(--reforma-input-padding-inline) + var(--unit-input-chevron-reserve) + 3ch)}.UnitInput_unitInput_mMGk0I [data-unit-chevron-slot]{position:absolute;z-index:1;inset-block:var(--spacing-2);inset-inline-end:var(--spacing-1);pointer-events:none}.UnitInput_unitInput_mMGk0I:hover [data-unit-chevron-slot],.UnitInput_unitInput_mMGk0I:focus-within [data-unit-chevron-slot],.UnitInput_unitInput_mMGk0I [data-unit-chevron-slot][data-open]{pointer-events:auto}.UnitInput_unitButtonContent_cGpxpl{transition:transform var(--transition-duration-fast) var(--ease-in-out)}.UnitInput_unitChevron_c3wJ9b{flex-shrink:0;fill:currentColor}.UnitInput_popover_29X0j6{min-width:62px}

package/dist/Input/UnitInput.module.css.js

@@ -0,0 +1,16 @@
+const t = "UnitInput_unitInput_mMGk0I", n = "UnitInput_unitButton_XFTZP1", u = "UnitInput_unitButtonContent_cGpxpl", o = "UnitInput_unitChevron_c3wJ9b", i = "UnitInput_popover_29X0j6", p = {
+  unitInput: t,
+  unitButton: n,
+  unitButtonContent: u,
+  unitChevron: o,
+  popover: i
+};
+export {
+  p as default,
+  i as popover,
+  n as unitButton,
+  u as unitButtonContent,
+  o as unitChevron,
+  t as unitInput
+};
+//# sourceMappingURL=UnitInput.module.css.js.map

package/dist/Input/UnitInput.module.css.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"UnitInput.module.css.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;"}

package/dist/Input/index.d.ts

@@ -0,0 +1,6 @@
+export * from './AngleUnitInput';
+export * from './Input';
+export * from './PasswordInput';
+export * from './SearchInput';
+export * from './UnitInput';
+//# sourceMappingURL=index.d.ts.map

package/dist/Input/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/Input/index.ts"],"names":[],"mappings":"AAAA,cAAc,kBAAkB,CAAC;AACjC,cAAc,SAAS,CAAC;AACxB,cAAc,iBAAiB,CAAC;AAChC,cAAc,eAAe,CAAC;AAC9B,cAAc,aAAa,CAAC"}

package/dist/Input/index.js

@@ -0,0 +1,14 @@
+import { AngleUnitInput as o } from "./AngleUnitInput.js";
+import { INPUT_CONTROL_AFFIX as n, Input as e } from "./Input.js";
+import { PasswordInput as f } from "./PasswordInput.js";
+import { SearchInput as u } from "./SearchInput.js";
+import { UnitInput as U } from "./UnitInput.js";
+export {
+  o as AngleUnitInput,
+  n as INPUT_CONTROL_AFFIX,
+  e as Input,
+  f as PasswordInput,
+  u as SearchInput,
+  U as UnitInput
+};
+//# sourceMappingURL=index.js.map

package/dist/Input/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;"}

package/dist/LayoutGridControl/LayoutGridControl.d.ts

@@ -0,0 +1,21 @@
+import type { HTMLAttributes, Ref } from 'react';
+import type { LayoutGridCellsInput, LayoutGridOverlayConfig, LayoutGridValue, ResolvedLayoutGridCell } from './layoutGrid';
+export interface LayoutGridControlProps extends Omit<HTMLAttributes<HTMLDivElement>, 'children' | 'defaultValue' | 'onChange'> {
+    ref?: Ref<HTMLDivElement>;
+    cells?: LayoutGridCellsInput;
+    overlays?: readonly LayoutGridOverlayConfig[];
+    value?: LayoutGridValue | null;
+    defaultValue?: LayoutGridValue | null;
+    onChange?: (value: LayoutGridValue, cell: ResolvedLayoutGridCell) => void;
+    onCellPress?: (value: LayoutGridValue, cell: ResolvedLayoutGridCell) => void;
+    onCellDoublePress?: (value: LayoutGridValue, cell: ResolvedLayoutGridCell) => void;
+    isDisabled?: boolean;
+    isReadOnly?: boolean;
+    ariaLabel?: string;
+    ariaLabelledBy?: string;
+}
+export declare function LayoutGridControl({ ref, cells, overlays, value, defaultValue, onChange, onCellPress, onCellDoublePress, isDisabled, isReadOnly, ariaLabel, ariaLabelledBy, className, style, onBlur, onMouseLeave, ...props }: LayoutGridControlProps): import("react").JSX.Element;
+export declare namespace LayoutGridControl {
+    var displayName: string;
+}
+//# sourceMappingURL=LayoutGridControl.d.ts.map

package/dist/LayoutGridControl/LayoutGridControl.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"LayoutGridControl.d.ts","sourceRoot":"","sources":["../../src/LayoutGridControl/LayoutGridControl.tsx"],"names":[],"mappings":"AAYA,OAAO,KAAK,EAAc,cAAc,EAA6B,GAAG,EAAE,MAAM,OAAO,CAAC;AACxF,OAAO,KAAK,EAER,oBAAoB,EACpB,uBAAuB,EACvB,eAAe,EACf,sBAAsB,EACzB,MAAM,cAAc,CAAC;AAEtB,MAAM,WAAW,sBAAuB,SAAQ,IAAI,CAAC,cAAc,CAAC,cAAc,CAAC,EAAE,UAAU,GAAG,cAAc,GAAG,UAAU,CAAC;IAC1H,GAAG,CAAC,EAAE,GAAG,CAAC,cAAc,CAAC,CAAC;IAC1B,KAAK,CAAC,EAAE,oBAAoB,CAAC;IAC7B,QAAQ,CAAC,EAAE,SAAS,uBAAuB,EAAE,CAAC;IAC9C,KAAK,CAAC,EAAE,eAAe,GAAG,IAAI,CAAC;IAC/B,YAAY,CAAC,EAAE,eAAe,GAAG,IAAI,CAAC;IACtC,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,eAAe,EAAE,IAAI,EAAE,sBAAsB,KAAK,IAAI,CAAC;IAC1E,WAAW,CAAC,EAAE,CAAC,KAAK,EAAE,eAAe,EAAE,IAAI,EAAE,sBAAsB,KAAK,IAAI,CAAC;IAC7E,iBAAiB,CAAC,EAAE,CAAC,KAAK,EAAE,eAAe,EAAE,IAAI,EAAE,sBAAsB,KAAK,IAAI,CAAC;IACnF,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,cAAc,CAAC,EAAE,MAAM,CAAC;CAC3B;AA0HD,wBAAgB,iBAAiB,CAAC,EAC9B,GAAG,EACH,KAAK,EACL,QAAyB,EACzB,KAAK,EACL,YAAmB,EACnB,QAAQ,EACR,WAAW,EACX,iBAAiB,EACjB,UAAkB,EAClB,UAAkB,EAClB,SAAyB,EACzB,cAAc,EACd,SAAS,EACT,KAAK,EACL,MAAM,EACN,YAAY,EACZ,GAAG,KAAK,EACX,EAAE,sBAAsB,+BAqNxB;yBAvOe,iBAAiB"}