@reforma/components 0.0.0-stage → 0.1.0

package/dist/LayoutGridControl/LayoutGridControl.js

@@ -0,0 +1,228 @@
+import { cn as _ } from "@reforma/lib";
+import { useState as q, useRef as ce, useMemo as J } from "react";
+import { For as B } from "../For/For.js";
+import { Tooltip as pe } from "../Tooltip/Tooltip.js";
+import { normalizeLayoutGridCells as fe, getLayoutGridCellValue as H, isLayoutGridCellActionable as l } from "./layoutGrid.js";
+import s from "./LayoutGridControl.module.css.js";
+import { jsxs as Q, jsx as i, Fragment as he } from "react/jsx-runtime";
+const we = [];
+function x(n, r, t, o) {
+  let c = r.row + t, u = r.column + o;
+  for (; c >= 0 && c < 3 && u >= 0 && u < 3; ) {
+    const p = n.find((f) => f.row === c && f.column === u);
+    if (p && l(p))
+      return p;
+    c += t, u += o;
+  }
+  return null;
+}
+function me(n) {
+  return n.find(l) ?? null;
+}
+function ye(n) {
+  return n.findLast(l) ?? null;
+}
+function T({
+  kind: n,
+  glyph: r
+}) {
+  if (n === "spacer")
+    return null;
+  const t = r;
+  return !t && n === "none" ? /* @__PURE__ */ i("span", {
+    className: s.dot,
+    "aria-hidden": !0
+  }) : t ? /* @__PURE__ */ i("span", {
+    className: s.glyph,
+    "data-variant": t.variant,
+    "data-axis": t.axis,
+    "data-flow": t.flow,
+    "data-placement": t.placement,
+    "data-distribution": t.distribution,
+    "data-connection": t.connection,
+    "data-active": t.isActive || void 0,
+    "aria-hidden": !0,
+    children: /* @__PURE__ */ i(B, {
+      each: t.items,
+      children: (o) => /* @__PURE__ */ i("i", {
+        className: s.glyphItem,
+        "data-item": o
+      }, o)
+    })
+  }) : null;
+}
+function be({
+  cell: n,
+  isPreviewVisible: r
+}) {
+  const t = n.previewKind, o = n.previewGlyph;
+  return !r || t == null && o == null ? /* @__PURE__ */ i(T, {
+    kind: n.kind,
+    glyph: n.glyph
+  }) : /* @__PURE__ */ Q(he, {
+    children: [/* @__PURE__ */ i(T, {
+      kind: n.kind,
+      glyph: n.glyph
+    }), /* @__PURE__ */ i("span", {
+      className: s.previewGlyph,
+      "aria-hidden": !0,
+      children: /* @__PURE__ */ i(T, {
+        kind: t ?? "none",
+        glyph: o
+      })
+    })]
+  });
+}
+function ke({
+  overlay: n,
+  isPreview: r
+}) {
+  return /* @__PURE__ */ i("span", {
+    className: s.overlay,
+    "data-kind": n.kind,
+    "data-preview": r || void 0,
+    "data-value": n.value,
+    "aria-hidden": !0,
+    children: /* @__PURE__ */ i("i", {
+      className: s.overlayBox
+    })
+  });
+}
+function Ce({
+  ref: n,
+  cells: r,
+  overlays: t = we,
+  value: o,
+  defaultValue: c = null,
+  onChange: u,
+  onCellPress: p,
+  onCellDoublePress: f,
+  isDisabled: w = !1,
+  isReadOnly: d = !1,
+  ariaLabel: W = "Layout grid",
+  ariaLabelledBy: I,
+  className: X,
+  style: Z,
+  onBlur: O,
+  onMouseLeave: ee,
+  ...j
+}) {
+  const [ne, te] = q(c), [G, b] = q(null), A = ce(/* @__PURE__ */ new Map()), v = J(() => fe(r), [r]), ie = J(() => new Set(t.map((e) => e.value).filter((e) => e != null)), [t]), k = o === void 0 ? ne : o, P = G != null && G !== k ? G : null, M = u != null || p != null || f != null, S = M && !w && !d, ae = t.filter((e) => e.value == null ? !0 : e.value === k || e.value === P);
+  function h(e) {
+    e && A.current.get(e.key)?.focus();
+  }
+  function oe(e) {
+    if (!S || !l(e))
+      return;
+    const a = H(e);
+    o === void 0 && te(a), u?.(a, e), p?.(a, e);
+  }
+  function re(e) {
+    !S || !l(e) || f?.(H(e), e);
+  }
+  function de(e) {
+    const a = e.relatedTarget;
+    (!(a instanceof Node) || !e.currentTarget.contains(a)) && b(null), O?.(e);
+  }
+  function le(e) {
+    b(null), ee?.(e);
+  }
+  function se(e, a) {
+    const m = {
+      ArrowUp: () => h(x(v, a, -1, 0)),
+      ArrowRight: () => h(x(v, a, 0, 1)),
+      ArrowDown: () => h(x(v, a, 1, 0)),
+      ArrowLeft: () => h(x(v, a, 0, -1)),
+      Home: () => h(me(v)),
+      End: () => h(ye(v))
+    }[e.key];
+    m && (e.preventDefault(), m());
+  }
+  function ue(e) {
+    const a = _(s.cell, e.className), C = w || e.isDisabled, m = e.kind === "spacer", y = H(e), ve = M && l(e), E = S && l(e), g = k != null && k === y, V = (e.previewKind != null || e.previewGlyph != null) && (e.kind === "none" || m), F = ie.has(y), L = !w && !d && l(e) && (V || F), D = P === y, K = V && D, U = F && g, Y = F && D, $ = /* @__PURE__ */ i(be, {
+      cell: e,
+      isPreviewVisible: K
+    });
+    function z() {
+      L && b(y);
+    }
+    if (!ve)
+      return /* @__PURE__ */ i("span", {
+        className: a,
+        "data-cell": e.key,
+        "data-kind": e.kind,
+        "data-value": e.value,
+        "data-readonly": d || void 0,
+        "data-disabled": C || void 0,
+        "data-selected": g || void 0,
+        "data-preview": V || void 0,
+        "data-preview-visible": K || void 0,
+        "data-overlay-selected-visible": U || void 0,
+        "data-overlay-preview-visible": Y || void 0,
+        "aria-hidden": m ? !0 : void 0,
+        onMouseEnter: L ? z : void 0,
+        children: $
+      }, e.key);
+    const R = /* @__PURE__ */ i("button", {
+      ref: (N) => {
+        N ? A.current.set(e.key, N) : A.current.delete(e.key);
+      },
+      type: "button",
+      className: a,
+      "data-cell": e.key,
+      "data-kind": e.kind,
+      "data-value": e.value,
+      "data-disabled": C || void 0,
+      "data-readonly": d || void 0,
+      "data-selected": g || void 0,
+      "data-preview": V || void 0,
+      "data-preview-visible": K || void 0,
+      "data-overlay-selected-visible": U || void 0,
+      "data-overlay-preview-visible": Y || void 0,
+      disabled: C || void 0,
+      "aria-label": e.ariaLabel,
+      "aria-pressed": g || void 0,
+      "aria-disabled": d || void 0,
+      tabIndex: d ? -1 : void 0,
+      onFocus: L ? () => b(y) : void 0,
+      onMouseEnter: L ? z : void 0,
+      onClick: E ? () => oe(e) : void 0,
+      onDoubleClick: E && f ? () => re(e) : void 0,
+      onKeyDown: E ? (N) => se(N, e) : void 0,
+      children: $
+    }, e.key);
+    return e.tooltip ? /* @__PURE__ */ i(pe, {
+      content: e.tooltip,
+      children: R
+    }, e.key) : R;
+  }
+  return /* @__PURE__ */ Q("div", {
+    ...j,
+    ref: n,
+    className: _(s.root, X),
+    style: Z,
+    role: j.role ?? (M ? "group" : "img"),
+    "aria-label": I ? void 0 : W,
+    "aria-labelledby": I,
+    "aria-disabled": w || d || void 0,
+    "data-disabled": w || void 0,
+    "data-readonly": d || void 0,
+    onBlur: de,
+    onMouseLeave: le,
+    children: [/* @__PURE__ */ i(B, {
+      each: ae,
+      children: (e, a) => /* @__PURE__ */ i(ke, {
+        overlay: e,
+        isPreview: e.value != null && e.value === P
+      }, `${e.kind}-${a}`)
+    }), /* @__PURE__ */ i(B, {
+      each: v,
+      children: (e) => ue(e)
+    })]
+  });
+}
+Ce.displayName = "LayoutGridControl";
+export {
+  Ce as LayoutGridControl
+};
+//# sourceMappingURL=LayoutGridControl.js.map

package/dist/LayoutGridControl/LayoutGridControl.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"LayoutGridControl.js","sources":["../../src/LayoutGridControl/LayoutGridControl.tsx"],"sourcesContent":["import { cn } from '@reforma/lib';\nimport { useMemo, useRef, useState } from 'react';\n\nimport { For } from '../For';\nimport { Tooltip } from '../Tooltip';\nimport {\n    getLayoutGridCellValue,\n    isLayoutGridCellActionable,\n    normalizeLayoutGridCells,\n} from './layoutGrid';\nimport styles from './LayoutGridControl.module.css';\n\nimport type { FocusEvent, HTMLAttributes, KeyboardEvent, MouseEvent, Ref } from 'react';\nimport type {\n    LayoutGridCellKey,\n    LayoutGridCellsInput,\n    LayoutGridOverlayConfig,\n    LayoutGridValue,\n    ResolvedLayoutGridCell,\n} from './layoutGrid';\n\nexport interface LayoutGridControlProps extends Omit<HTMLAttributes<HTMLDivElement>, 'children' | 'defaultValue' | 'onChange'> {\n    ref?: Ref<HTMLDivElement>;\n    cells?: LayoutGridCellsInput;\n    overlays?: readonly LayoutGridOverlayConfig[];\n    value?: LayoutGridValue | null;\n    defaultValue?: LayoutGridValue | null;\n    onChange?: (value: LayoutGridValue, cell: ResolvedLayoutGridCell) => void;\n    onCellPress?: (value: LayoutGridValue, cell: ResolvedLayoutGridCell) => void;\n    onCellDoublePress?: (value: LayoutGridValue, cell: ResolvedLayoutGridCell) => void;\n    isDisabled?: boolean;\n    isReadOnly?: boolean;\n    ariaLabel?: string;\n    ariaLabelledBy?: string;\n}\n\nconst EMPTY_OVERLAYS: readonly LayoutGridOverlayConfig[] = [];\n\nfunction getNextCell(\n    cells: readonly ResolvedLayoutGridCell[],\n    cell: ResolvedLayoutGridCell,\n    rowOffset: number,\n    columnOffset: number\n): ResolvedLayoutGridCell | null {\n    let nextRow = cell.row + rowOffset;\n    let nextColumn = cell.column + columnOffset;\n\n    while (nextRow >= 0 && nextRow < 3 && nextColumn >= 0 && nextColumn < 3) {\n        const nextCell = cells.find(item => item.row === nextRow && item.column === nextColumn);\n\n        if (nextCell && isLayoutGridCellActionable(nextCell)) {\n            return nextCell;\n        }\n\n        nextRow += rowOffset;\n        nextColumn += columnOffset;\n    }\n\n    return null;\n}\n\nfunction getFirstActionableCell(cells: readonly ResolvedLayoutGridCell[]): ResolvedLayoutGridCell | null {\n    return cells.find(isLayoutGridCellActionable) ?? null;\n}\n\nfunction getLastActionableCell(cells: readonly ResolvedLayoutGridCell[]): ResolvedLayoutGridCell | null {\n    return cells.findLast(isLayoutGridCellActionable) ?? null;\n}\n\nfunction LayoutGridGlyph({\n    kind,\n    glyph,\n}: Pick<ResolvedLayoutGridCell, 'kind' | 'glyph'>) {\n    if (kind === 'spacer') {\n        return null;\n    }\n\n    const descriptor = glyph;\n\n    if (!descriptor && kind === 'none') {\n        return <span className={ styles.dot } aria-hidden />;\n    }\n\n    if (!descriptor) {\n        return null;\n    }\n\n    return (\n        <span\n            className={ styles.glyph }\n            data-variant={ descriptor.variant }\n            data-axis={ descriptor.axis }\n            data-flow={ descriptor.flow }\n            data-placement={ descriptor.placement }\n            data-distribution={ descriptor.distribution }\n            data-connection={ descriptor.connection }\n            data-active={ descriptor.isActive || undefined }\n            aria-hidden\n        >\n            <For each={ descriptor.items }>\n                { item => (\n                    <i\n                        key={ item }\n                        className={ styles.glyphItem }\n                        data-item={ item }\n                    />\n                ) }\n            </For>\n        </span>\n    );\n}\n\nfunction LayoutGridCellContent({\n    cell,\n    isPreviewVisible,\n}: {\n    cell: ResolvedLayoutGridCell;\n    isPreviewVisible: boolean;\n}) {\n    const previewKind = cell.previewKind;\n    const previewGlyph = cell.previewGlyph;\n\n    if (!isPreviewVisible || (previewKind == null && previewGlyph == null)) {\n        return <LayoutGridGlyph kind={ cell.kind } glyph={ cell.glyph } />;\n    }\n\n    return (\n        <>\n            <LayoutGridGlyph kind={ cell.kind } glyph={ cell.glyph } />\n            <span className={ styles.previewGlyph } aria-hidden>\n                <LayoutGridGlyph kind={ previewKind ?? 'none' } glyph={ previewGlyph } />\n            </span>\n        </>\n    );\n}\n\nfunction LayoutGridOverlay({\n    overlay,\n    isPreview,\n}: {\n    overlay: LayoutGridOverlayConfig;\n    isPreview: boolean;\n}) {\n    return (\n        <span\n            className={ styles.overlay }\n            data-kind={ overlay.kind }\n            data-preview={ isPreview || undefined }\n            data-value={ overlay.value }\n            aria-hidden\n        >\n            <i className={ styles.overlayBox } />\n        </span>\n    );\n}\n\nexport function LayoutGridControl({\n    ref,\n    cells,\n    overlays = EMPTY_OVERLAYS,\n    value,\n    defaultValue = null,\n    onChange,\n    onCellPress,\n    onCellDoublePress,\n    isDisabled = false,\n    isReadOnly = false,\n    ariaLabel = 'Layout grid',\n    ariaLabelledBy,\n    className,\n    style,\n    onBlur,\n    onMouseLeave,\n    ...props\n}: LayoutGridControlProps) {\n    const [uncontrolledValue, setUncontrolledValue] = useState<LayoutGridValue | null>(defaultValue);\n    const [hoveredValue, setHoveredValue] = useState<LayoutGridValue | null>(null);\n    const buttonRefs = useRef(new Map<LayoutGridCellKey, HTMLButtonElement>());\n    const resolvedCells = useMemo(() => normalizeLayoutGridCells(cells), [cells]);\n    const overlayValues = useMemo(() => new Set(overlays.map(overlay => overlay.value).filter(value => value != null)), [overlays]);\n    const selectedValue = value === undefined ? uncontrolledValue : value;\n    const hasPreviewValue = hoveredValue != null && hoveredValue !== selectedValue;\n    const previewValue = hasPreviewValue ? hoveredValue : null;\n    const isSelectionControl = onChange != null || onCellPress != null || onCellDoublePress != null;\n    const isInteractive = isSelectionControl && !isDisabled && !isReadOnly;\n    const renderedOverlays = overlays.filter((overlay) => {\n        if (overlay.value == null) {\n            return true;\n        }\n\n        return overlay.value === selectedValue || overlay.value === previewValue;\n    });\n\n    function focusCell(cell: ResolvedLayoutGridCell | null) {\n        if (!cell) {\n            return;\n        }\n\n        buttonRefs.current.get(cell.key)?.focus();\n    }\n\n    function handleCellPress(cell: ResolvedLayoutGridCell) {\n        if (!isInteractive || !isLayoutGridCellActionable(cell)) {\n            return;\n        }\n\n        const nextValue = getLayoutGridCellValue(cell);\n\n        if (value === undefined) {\n            setUncontrolledValue(nextValue);\n        }\n\n        onChange?.(nextValue, cell);\n        onCellPress?.(nextValue, cell);\n    }\n\n    function handleCellDoublePress(cell: ResolvedLayoutGridCell) {\n        if (!isInteractive || !isLayoutGridCellActionable(cell)) {\n            return;\n        }\n\n        onCellDoublePress?.(getLayoutGridCellValue(cell), cell);\n    }\n\n    function handleRootBlur(event: FocusEvent<HTMLDivElement>) {\n        const nextFocusedNode = event.relatedTarget;\n\n        if (!(nextFocusedNode instanceof Node) || !event.currentTarget.contains(nextFocusedNode)) {\n            setHoveredValue(null);\n        }\n\n        onBlur?.(event);\n    }\n\n    function handleRootMouseLeave(event: MouseEvent<HTMLDivElement>) {\n        setHoveredValue(null);\n        onMouseLeave?.(event);\n    }\n\n    function handleCellKeyDown(event: KeyboardEvent<HTMLButtonElement>, cell: ResolvedLayoutGridCell) {\n        const keyHandlers: Record<string, () => void> = {\n            ArrowUp: () => focusCell(getNextCell(resolvedCells, cell, -1, 0)),\n            ArrowRight: () => focusCell(getNextCell(resolvedCells, cell, 0, 1)),\n            ArrowDown: () => focusCell(getNextCell(resolvedCells, cell, 1, 0)),\n            ArrowLeft: () => focusCell(getNextCell(resolvedCells, cell, 0, -1)),\n            Home: () => focusCell(getFirstActionableCell(resolvedCells)),\n            End: () => focusCell(getLastActionableCell(resolvedCells)),\n        };\n        const handler = keyHandlers[event.key];\n\n        if (!handler) {\n            return;\n        }\n\n        event.preventDefault();\n        handler();\n    }\n\n    function renderCell(cell: ResolvedLayoutGridCell) {\n        const cellClassName = cn(styles.cell, cell.className);\n        const isCellDisabled = isDisabled || cell.isDisabled;\n        const isSpacer = cell.kind === 'spacer';\n        const cellValue = getLayoutGridCellValue(cell);\n        const shouldRenderButton = isSelectionControl && isLayoutGridCellActionable(cell);\n        const isActionable = isInteractive && isLayoutGridCellActionable(cell);\n        const isSelected = selectedValue != null && selectedValue === cellValue;\n        const hasPreview = (cell.previewKind != null || cell.previewGlyph != null) && (cell.kind === 'none' || isSpacer);\n        const hasOverlayPreview = overlayValues.has(cellValue);\n        const isPreviewable = !isDisabled && !isReadOnly && isLayoutGridCellActionable(cell) && (hasPreview || hasOverlayPreview);\n        const isPreviewVisible = previewValue === cellValue;\n        const isCellPreviewVisible = hasPreview && isPreviewVisible;\n        const isOverlaySelectedVisible = hasOverlayPreview && isSelected;\n        const isOverlayPreviewVisible = hasOverlayPreview && isPreviewVisible;\n        const content = (\n            <LayoutGridCellContent\n                cell={ cell }\n                isPreviewVisible={ isCellPreviewVisible }\n            />\n        );\n\n        function handleCellMouseEnter() {\n            if (isPreviewable) {\n                setHoveredValue(cellValue);\n            }\n        }\n\n        if (!shouldRenderButton) {\n            return (\n                <span\n                    key={ cell.key }\n                    className={ cellClassName }\n                    data-cell={ cell.key }\n                    data-kind={ cell.kind }\n                    data-value={ cell.value }\n                    data-readonly={ isReadOnly || undefined }\n                    data-disabled={ isCellDisabled || undefined }\n                    data-selected={ isSelected || undefined }\n                    data-preview={ hasPreview || undefined }\n                    data-preview-visible={ isCellPreviewVisible || undefined }\n                    data-overlay-selected-visible={ isOverlaySelectedVisible || undefined }\n                    data-overlay-preview-visible={ isOverlayPreviewVisible || undefined }\n                    aria-hidden={ isSpacer ? true : undefined }\n                    onMouseEnter={ isPreviewable ? handleCellMouseEnter : undefined }\n                >\n                    { content }\n                </span>\n            );\n        }\n\n        const button = (\n            <button\n                key={ cell.key }\n                ref={ (node) => {\n                    if (node) {\n                        buttonRefs.current.set(cell.key, node);\n                    }\n                    else {\n                        buttonRefs.current.delete(cell.key);\n                    }\n                } }\n                type=\"button\"\n                className={ cellClassName }\n                data-cell={ cell.key }\n                data-kind={ cell.kind }\n                data-value={ cell.value }\n                data-disabled={ isCellDisabled || undefined }\n                data-readonly={ isReadOnly || undefined }\n                data-selected={ isSelected || undefined }\n                data-preview={ hasPreview || undefined }\n                data-preview-visible={ isCellPreviewVisible || undefined }\n                data-overlay-selected-visible={ isOverlaySelectedVisible || undefined }\n                data-overlay-preview-visible={ isOverlayPreviewVisible || undefined }\n                disabled={ isCellDisabled || undefined }\n                aria-label={ cell.ariaLabel }\n                aria-pressed={ isSelected || undefined }\n                aria-disabled={ isReadOnly || undefined }\n                tabIndex={ isReadOnly ? -1 : undefined }\n                onFocus={ isPreviewable ? () => setHoveredValue(cellValue) : undefined }\n                onMouseEnter={ isPreviewable ? handleCellMouseEnter : undefined }\n                onClick={ isActionable ? () => handleCellPress(cell) : undefined }\n                onDoubleClick={ (isActionable && onCellDoublePress) ? () => handleCellDoublePress(cell) : undefined }\n                onKeyDown={ isActionable ? event => handleCellKeyDown(event, cell) : undefined }\n            >\n                { content }\n            </button>\n        );\n\n        if (cell.tooltip) {\n            return (\n                <Tooltip key={ cell.key } content={ cell.tooltip }>\n                    { button }\n                </Tooltip>\n            );\n        }\n\n        return button;\n    }\n\n    return (\n        <div\n            { ...props }\n            ref={ ref }\n            className={ cn(styles.root, className) }\n            style={ style }\n            role={ props.role ?? (isSelectionControl ? 'group' : 'img') }\n            aria-label={ ariaLabelledBy ? undefined : ariaLabel }\n            aria-labelledby={ ariaLabelledBy }\n            aria-disabled={ isDisabled || isReadOnly || undefined }\n            data-disabled={ isDisabled || undefined }\n            data-readonly={ isReadOnly || undefined }\n            onBlur={ handleRootBlur }\n            onMouseLeave={ handleRootMouseLeave }\n        >\n            <For each={ renderedOverlays }>\n                { (overlay, index) => (\n                    <LayoutGridOverlay\n                        key={ `${ overlay.kind }-${ index }` }\n                        overlay={ overlay }\n                        isPreview={ overlay.value != null && overlay.value === previewValue }\n                    />\n                ) }\n            </For>\n            <For each={ resolvedCells }>\n                { cell => renderCell(cell) }\n            </For>\n        </div>\n    );\n}\n\nLayoutGridControl.displayName = 'LayoutGridControl';\n"],"names":["EMPTY_OVERLAYS","getNextCell","cells","cell","rowOffset","columnOffset","nextRow","nextColumn","nextCell","item","isLayoutGridCellActionable","getFirstActionableCell","getLastActionableCell","LayoutGridGlyph","kind","glyph","descriptor","styles","For","_jsx","LayoutGridCellContent","isPreviewVisible","previewKind","previewGlyph","_Fragment","LayoutGridOverlay","overlay","isPreview","LayoutGridControl","ref","overlays","value","defaultValue","onChange","onCellPress","onCellDoublePress","isDisabled","isReadOnly","ariaLabel","ariaLabelledBy","className","style","onBlur","onMouseLeave","props","uncontrolledValue","setUncontrolledValue","useState","hoveredValue","setHoveredValue","buttonRefs","useRef","resolvedCells","useMemo","normalizeLayoutGridCells","overlayValues","selectedValue","previewValue","isSelectionControl","isInteractive","renderedOverlays","focusCell","handleCellPress","nextValue","getLayoutGridCellValue","handleCellDoublePress","handleRootBlur","event","nextFocusedNode","handleRootMouseLeave","handleCellKeyDown","handler","renderCell","cellClassName","cn","isCellDisabled","isSpacer","cellValue","shouldRenderButton","isActionable","isSelected","hasPreview","hasOverlayPreview","isPreviewable","isCellPreviewVisible","isOverlaySelectedVisible","isOverlayPreviewVisible","content","handleCellMouseEnter","button","node","Tooltip","index"],"mappings":";;;;;;;AAOA,MAAMA,KAAiB,CAAA;AACvB,SAASC,EAAYC,GAAOC,GAAMC,GAAWC,GAAc;AACzD,MAAIC,IAAUH,EAAK,MAAMC,GACrBG,IAAaJ,EAAK,SAASE;AAC/B,SAAOC,KAAW,KAAKA,IAAU,KAAKC,KAAc,KAAKA,IAAa,KAAG;AACvE,UAAMC,IAAWN,EAAM,KAAK,CAAAO,MAAQA,EAAK,QAAQH,KAAWG,EAAK,WAAWF,CAAU;AACtF,QAAIC,KAAYE,EAA2BF,CAAQ;AACjD,aAAOA;AAET,IAAAF,KAAWF,GACXG,KAAcF;AAAA,EAChB;AACA,SAAO;AACT;AACA,SAASM,GAAuBT,GAAO;AACrC,SAAOA,EAAM,KAAKQ,CAA0B,KAAK;AACnD;AACA,SAASE,GAAsBV,GAAO;AACpC,SAAOA,EAAM,SAASQ,CAA0B,KAAK;AACvD;AACA,SAASG,EAAgB;AAAA,EACvB,MAAAC;AAAA,EACA,OAAAC;AACF,GAAG;AACD,MAAID,MAAS;AACX,WAAO;AAET,QAAME,IAAaD;AACnB,SAAI,CAACC,KAAcF,MAAS,2BACD,QAAQ;AAAA,IAC/B,WAAWG,EAAO;AAAA,IAClB,eAAe;AAAA,EAAA,CAChB,IAEED,sBAGoB,QAAQ;AAAA,IAC/B,WAAWC,EAAO;AAAA,IAClB,gBAAgBD,EAAW;AAAA,IAC3B,aAAaA,EAAW;AAAA,IACxB,aAAaA,EAAW;AAAA,IACxB,kBAAkBA,EAAW;AAAA,IAC7B,qBAAqBA,EAAW;AAAA,IAChC,mBAAmBA,EAAW;AAAA,IAC9B,eAAeA,EAAW,YAAY;AAAA,IACtC,eAAe;AAAA,IACf,4BAA4BE,GAAK;AAAA,MAC/B,MAAMF,EAAW;AAAA,MACjB,UAAU,CAAAP,MAAqBU,gBAAAA,EAAK,KAAK;AAAA,QACvC,WAAWF,EAAO;AAAA,QAClB,aAAaR;AAAA,MAAA,GACZA,CAAI;AAAA,IAAA,CACR;AAAA,EAAA,CACF,IAnBQ;AAoBX;AACA,SAASW,GAAsB;AAAA,EAC7B,MAAAjB;AAAA,EACA,kBAAAkB;AACF,GAAG;AACD,QAAMC,IAAcnB,EAAK,aACnBoB,IAAepB,EAAK;AAC1B,SAAI,CAACkB,KAAoBC,KAAe,QAAQC,KAAgB,yBACrCV,GAAiB;AAAA,IACxC,MAAMV,EAAK;AAAA,IACX,OAAOA,EAAK;AAAA,EAAA,CACb,sBAEuBqB,IAAW;AAAA,IACnC,UAAU,CAAcL,gBAAAA,EAAKN,GAAiB;AAAA,MAC5C,MAAMV,EAAK;AAAA,MACX,OAAOA,EAAK;AAAA,IAAA,CACb,GAAgBgB,gBAAAA,EAAK,QAAQ;AAAA,MAC5B,WAAWF,EAAO;AAAA,MAClB,eAAe;AAAA,MACf,4BAA4BJ,GAAiB;AAAA,QAC3C,MAAMS,KAAe;AAAA,QACrB,OAAOC;AAAA,MAAA,CACR;AAAA,IAAA,CACF,CAAC;AAAA,EAAA,CACH;AACH;AACA,SAASE,GAAkB;AAAA,EACzB,SAAAC;AAAA,EACA,WAAAC;AACF,GAAG;AACD,2BAAyB,QAAQ;AAAA,IAC/B,WAAWV,EAAO;AAAA,IAClB,aAAaS,EAAQ;AAAA,IACrB,gBAAgBC,KAAa;AAAA,IAC7B,cAAcD,EAAQ;AAAA,IACtB,eAAe;AAAA,IACf,4BAA4B,KAAK;AAAA,MAC/B,WAAWT,EAAO;AAAA,IAAA,CACnB;AAAA,EAAA,CACF;AACH;AACO,SAASW,GAAkB;AAAA,EAChC,KAAAC;AAAA,EACA,OAAA3B;AAAA,EACA,UAAA4B,IAAW9B;AAAA,EACX,OAAA+B;AAAA,EACA,cAAAC,IAAe;AAAA,EACf,UAAAC;AAAA,EACA,aAAAC;AAAA,EACA,mBAAAC;AAAA,EACA,YAAAC,IAAa;AAAA,EACb,YAAAC,IAAa;AAAA,EACb,WAAAC,IAAY;AAAA,EACZ,gBAAAC;AAAA,EACA,WAAAC;AAAA,EACA,OAAAC;AAAA,EACA,QAAAC;AAAA,EACA,cAAAC;AAAA,EACA,GAAGC;AACL,GAAG;AACD,QAAM,CAACC,IAAmBC,EAAoB,IAAIC,EAASf,CAAY,GACjE,CAACgB,GAAcC,CAAe,IAAIF,EAAS,IAAI,GAC/CG,IAAaC,GAAO,oBAAI,KAAK,GAC7BC,IAAgBC,EAAQ,MAAMC,GAAyBpD,CAAK,GAAG,CAACA,CAAK,CAAC,GACtEqD,KAAgBF,EAAQ,MAAM,IAAI,IAAIvB,EAAS,IAAI,OAAWJ,EAAQ,KAAK,EAAE,OAAO,CAAAK,MAASA,KAAS,IAAI,CAAC,GAAG,CAACD,CAAQ,CAAC,GACxH0B,IAAgBzB,MAAU,SAAYc,KAAoBd,GAE1D0B,IADkBT,KAAgB,QAAQA,MAAiBQ,IAC1BR,IAAe,MAChDU,IAAqBzB,KAAY,QAAQC,KAAe,QAAQC,KAAqB,MACrFwB,IAAgBD,KAAsB,CAACtB,KAAc,CAACC,GACtDuB,KAAmB9B,EAAS,OAAO,CAAAJ,MACnCA,EAAQ,SAAS,OACZ,KAEFA,EAAQ,UAAU8B,KAAiB9B,EAAQ,UAAU+B,CAC7D;AACD,WAASI,EAAU1D,GAAM;AACvB,IAAKA,KAGL+C,EAAW,QAAQ,IAAI/C,EAAK,GAAG,GAAG,MAAA;AAAA,EACpC;AACA,WAAS2D,GAAgB3D,GAAM;AAC7B,QAAI,CAACwD,KAAiB,CAACjD,EAA2BP,CAAI;AACpD;AAEF,UAAM4D,IAAYC,EAAuB7D,CAAI;AAC7C,IAAI4B,MAAU,UACZe,GAAqBiB,CAAS,GAEhC9B,IAAW8B,GAAW5D,CAAI,GAC1B+B,IAAc6B,GAAW5D,CAAI;AAAA,EAC/B;AACA,WAAS8D,GAAsB9D,GAAM;AACnC,IAAI,CAACwD,KAAiB,CAACjD,EAA2BP,CAAI,KAGtDgC,IAAoB6B,EAAuB7D,CAAI,GAAGA,CAAI;AAAA,EACxD;AACA,WAAS+D,GAAeC,GAAO;AAC7B,UAAMC,IAAkBD,EAAM;AAC9B,KAAI,EAAEC,aAA2B,SAAS,CAACD,EAAM,cAAc,SAASC,CAAe,MACrFnB,EAAgB,IAAI,GAEtBP,IAASyB,CAAK;AAAA,EAChB;AACA,WAASE,GAAqBF,GAAO;AACnC,IAAAlB,EAAgB,IAAI,GACpBN,KAAewB,CAAK;AAAA,EACtB;AACA,WAASG,GAAkBH,GAAOhE,GAAM;AAStC,UAAMoE,IARc;AAAA,MAClB,SAAS,MAAMV,EAAU5D,EAAYmD,GAAejD,GAAM,IAAI,CAAC,CAAC;AAAA,MAChE,YAAY,MAAM0D,EAAU5D,EAAYmD,GAAejD,GAAM,GAAG,CAAC,CAAC;AAAA,MAClE,WAAW,MAAM0D,EAAU5D,EAAYmD,GAAejD,GAAM,GAAG,CAAC,CAAC;AAAA,MACjE,WAAW,MAAM0D,EAAU5D,EAAYmD,GAAejD,GAAM,GAAG,EAAE,CAAC;AAAA,MAClE,MAAM,MAAM0D,EAAUlD,GAAuByC,CAAa,CAAC;AAAA,MAC3D,KAAK,MAAMS,EAAUjD,GAAsBwC,CAAa,CAAC;AAAA,IAAA,EAE/Be,EAAM,GAAG;AACrC,IAAKI,MAGLJ,EAAM,eAAA,GACNI,EAAA;AAAA,EACF;AACA,WAASC,GAAWrE,GAAM;AACxB,UAAMsE,IAAgBC,EAAGzD,EAAO,MAAMd,EAAK,SAAS,GAC9CwE,IAAiBvC,KAAcjC,EAAK,YACpCyE,IAAWzE,EAAK,SAAS,UACzB0E,IAAYb,EAAuB7D,CAAI,GACvC2E,KAAqBpB,KAAsBhD,EAA2BP,CAAI,GAC1E4E,IAAepB,KAAiBjD,EAA2BP,CAAI,GAC/D6E,IAAaxB,KAAiB,QAAQA,MAAkBqB,GACxDI,KAAc9E,EAAK,eAAe,QAAQA,EAAK,gBAAgB,UAAUA,EAAK,SAAS,UAAUyE,IACjGM,IAAoB3B,GAAc,IAAIsB,CAAS,GAC/CM,IAAgB,CAAC/C,KAAc,CAACC,KAAc3B,EAA2BP,CAAI,MAAM8E,KAAcC,IACjG7D,IAAmBoC,MAAiBoB,GACpCO,IAAuBH,KAAc5D,GACrCgE,IAA2BH,KAAqBF,GAChDM,IAA0BJ,KAAqB7D,GAC/CkE,sBAA4BnE,IAAuB;AAAA,MACvD,MAAAjB;AAAA,MACA,kBAAkBiF;AAAA,IAAA,CACnB;AACD,aAASI,IAAuB;AAC9B,MAAIL,KACFlC,EAAgB4B,CAAS;AAAA,IAE7B;AACA,QAAI,CAACC;AACH,+BAAyB,QAAQ;AAAA,QAC/B,WAAWL;AAAA,QACX,aAAatE,EAAK;AAAA,QAClB,aAAaA,EAAK;AAAA,QAClB,cAAcA,EAAK;AAAA,QACnB,iBAAiBkC,KAAc;AAAA,QAC/B,iBAAiBsC,KAAkB;AAAA,QACnC,iBAAiBK,KAAc;AAAA,QAC/B,gBAAgBC,KAAc;AAAA,QAC9B,wBAAwBG,KAAwB;AAAA,QAChD,iCAAiCC,KAA4B;AAAA,QAC7D,gCAAgCC,KAA2B;AAAA,QAC3D,eAAeV,IAAW,KAAO;AAAA,QACjC,cAAcO,IAAgBK,IAAuB;AAAA,QACrD,UAAUD;AAAA,MAAA,GACTpF,EAAK,GAAG;AAEb,UAAMsF,sBAA2B,UAAU;AAAA,MACzC,KAAK,CAAAC,MAAQ;AACX,QAAIA,IACFxC,EAAW,QAAQ,IAAI/C,EAAK,KAAKuF,CAAI,IAErCxC,EAAW,QAAQ,OAAO/C,EAAK,GAAG;AAAA,MAEtC;AAAA,MACA,MAAM;AAAA,MACN,WAAWsE;AAAA,MACX,aAAatE,EAAK;AAAA,MAClB,aAAaA,EAAK;AAAA,MAClB,cAAcA,EAAK;AAAA,MACnB,iBAAiBwE,KAAkB;AAAA,MACnC,iBAAiBtC,KAAc;AAAA,MAC/B,iBAAiB2C,KAAc;AAAA,MAC/B,gBAAgBC,KAAc;AAAA,MAC9B,wBAAwBG,KAAwB;AAAA,MAChD,iCAAiCC,KAA4B;AAAA,MAC7D,gCAAgCC,KAA2B;AAAA,MAC3D,UAAUX,KAAkB;AAAA,MAC5B,cAAcxE,EAAK;AAAA,MACnB,gBAAgB6E,KAAc;AAAA,MAC9B,iBAAiB3C,KAAc;AAAA,MAC/B,UAAUA,IAAa,KAAK;AAAA,MAC5B,SAAS8C,IAAgB,MAAMlC,EAAgB4B,CAAS,IAAI;AAAA,MAC5D,cAAcM,IAAgBK,IAAuB;AAAA,MACrD,SAAST,IAAe,MAAMjB,GAAgB3D,CAAI,IAAI;AAAA,MACtD,eAAe4E,KAAgB5C,IAAoB,MAAM8B,GAAsB9D,CAAI,IAAI;AAAA,MACvF,WAAW4E,IAAe,CAAAZ,MAASG,GAAkBH,GAAOhE,CAAI,IAAI;AAAA,MACpE,UAAUoF;AAAA,IAAA,GACTpF,EAAK,GAAG;AACX,WAAIA,EAAK,4BACkBwF,IAAS;AAAA,MAChC,SAASxF,EAAK;AAAA,MACd,UAAUsF;AAAA,IAAA,GACTtF,EAAK,GAAG,IAENsF;AAAA,EACT;AACA,2BAA0B,OAAO;AAAA,IAC/B,GAAG7C;AAAA,IACH,KAAAf;AAAA,IACA,WAAW6C,EAAGzD,EAAO,MAAMuB,CAAS;AAAA,IACpC,OAAAC;AAAA,IACA,MAAMG,EAAM,SAASc,IAAqB,UAAU;AAAA,IACpD,cAAcnB,IAAiB,SAAYD;AAAA,IAC3C,mBAAmBC;AAAA,IACnB,iBAAiBH,KAAcC,KAAc;AAAA,IAC7C,iBAAiBD,KAAc;AAAA,IAC/B,iBAAiBC,KAAc;AAAA,IAC/B,QAAQ6B;AAAA,IACR,cAAcG;AAAA,IACd,UAAU,CAAclD,gBAAAA,EAAKD,GAAK;AAAA,MAChC,MAAM0C;AAAA,MACN,UAAU,CAAClC,GAASkE,wBAA4BnE,IAAmB;AAAA,QACjE,SAAAC;AAAA,QACA,WAAWA,EAAQ,SAAS,QAAQA,EAAQ,UAAU+B;AAAA,MAAA,GACrD,GAAG/B,EAAQ,IAAI,IAAIkE,CAAK,EAAE;AAAA,IAAA,CAC9B,GAAgBzE,gBAAAA,EAAKD,GAAK;AAAA,MACzB,MAAMkC;AAAA,MACN,UAAU,CAAAjD,MAAQqE,GAAWrE,CAAI;AAAA,IAAA,CAClC,CAAC;AAAA,EAAA,CACH;AACH;AACAyB,GAAkB,cAAc;"}

package/dist/LayoutGridControl/LayoutGridControl.module.css

@@ -0,0 +1 @@
+@layer components{.LayoutGridControl_root_vjOvyd{--reforma-layout-grid-background: var(--color-secondary);--reforma-layout-grid-accent: var(--color-primary-text);--reforma-layout-grid-inactive: var(--color-secondary-muted);--reforma-layout-grid-preview: var(--color-primary-muted-text);--reforma-layout-grid-accent-fill: var(--color-primary-muted-light);--reforma-layout-grid-radius: var(--radius-md);--reforma-layout-grid-line-size: var(--spacing-2);--reforma-layout-grid-active-length: var(--spacing-14);--reforma-layout-grid-inactive-length: var(--spacing-10);--reforma-layout-grid-edge-inset: var(--spacing-4);--reforma-layout-grid-stretch-inset: var(--spacing-8);--reforma-layout-grid-marker-size: var(--spacing-4);display:grid;position:relative;grid-template-rows:repeat(3,minmax(0,1fr));grid-template-columns:repeat(3,minmax(0,1fr));box-sizing:border-box;border-radius:calc(var(--reforma-layout-grid-radius) * var(--squircle-radius-factor));inline-size:100%;min-inline-size:0;block-size:100%;min-block-size:0;overflow:hidden;corner-shape:superellipse(var(--squircle-value));background:var(--reforma-layout-grid-background);isolation:isolate;color:var(--reforma-layout-grid-accent)}.LayoutGridControl_cell_2mHxBF{display:grid;position:relative;place-items:center;z-index:1;border:0;padding:0;min-width:0;min-height:0;-webkit-appearance:none;-moz-appearance:none;appearance:none;outline:none;background:var(--reforma-layout-grid-background);color:inherit;line-height:1}button.LayoutGridControl_cell_2mHxBF{cursor:pointer;-webkit-tap-highlight-color:transparent}button.LayoutGridControl_cell_2mHxBF:disabled,.LayoutGridControl_cell_2mHxBF[data-disabled],.LayoutGridControl_root_vjOvyd[data-disabled] .LayoutGridControl_cell_2mHxBF{opacity:var(--opacity-disabled);cursor:not-allowed}.LayoutGridControl_root_vjOvyd[data-readonly] button.LayoutGridControl_cell_2mHxBF,.LayoutGridControl_cell_2mHxBF[data-readonly]{cursor:default}.LayoutGridControl_cell_2mHxBF[data-preview-visible]{z-index:3}.LayoutGridControl_cell_2mHxBF:focus-visible{z-index:4;outline:var(--reforma-layout-grid-line-size) solid currentcolor;outline-offset:calc(var(--reforma-layout-grid-line-size) * -1)}.LayoutGridControl_glyph_DD6P0z{display:block;position:relative;inline-size:var(--reforma-layout-grid-active-length);block-size:var(--reforma-layout-grid-active-length);overflow:visible;pointer-events:none}.LayoutGridControl_previewGlyph_RjMUxO{display:grid;position:absolute;place-items:center;opacity:0;inset:0;pointer-events:none;color:var(--reforma-layout-grid-preview)}.LayoutGridControl_cell_2mHxBF[data-preview-visible]>.LayoutGridControl_previewGlyph_RjMUxO{opacity:1}.LayoutGridControl_cell_2mHxBF[data-preview-visible]>.LayoutGridControl_dot_3tAGuU,.LayoutGridControl_cell_2mHxBF[data-overlay-preview-visible]>.LayoutGridControl_dot_3tAGuU,.LayoutGridControl_cell_2mHxBF[data-overlay-selected-visible]>.LayoutGridControl_dot_3tAGuU{opacity:0}.LayoutGridControl_glyphItem_9FVJxh{display:block;position:absolute;box-sizing:border-box;border-radius:var(--radius-full);background:currentcolor;font-style:normal}.LayoutGridControl_glyph_DD6P0z[data-variant=bars][data-flow=nowrap][data-axis=horizontal] .LayoutGridControl_glyphItem_9FVJxh{left:50%;transform:translate(-50%);height:var(--reforma-layout-grid-line-size)}.LayoutGridControl_glyph_DD6P0z[data-variant=bars][data-flow=nowrap][data-axis=horizontal] .LayoutGridControl_glyphItem_9FVJxh[data-item=line-start]{top:var(--spacing-2);width:var(--spacing-8)}.LayoutGridControl_glyph_DD6P0z[data-variant=bars][data-flow=nowrap][data-axis=horizontal] .LayoutGridControl_glyphItem_9FVJxh[data-item=line-center]{top:var(--spacing-6);width:var(--spacing-10)}.LayoutGridControl_glyph_DD6P0z[data-variant=bars][data-flow=nowrap][data-axis=horizontal] .LayoutGridControl_glyphItem_9FVJxh[data-item=line-end]{top:var(--spacing-10);width:var(--spacing-6)}.LayoutGridControl_glyph_DD6P0z[data-variant=bars][data-flow=nowrap][data-axis=horizontal][data-placement=left] .LayoutGridControl_glyphItem_9FVJxh{left:var(--spacing-2);transform:none}.LayoutGridControl_glyph_DD6P0z[data-variant=bars][data-flow=nowrap][data-axis=horizontal][data-placement=right] .LayoutGridControl_glyphItem_9FVJxh{right:var(--spacing-2);left:auto;transform:none}.LayoutGridControl_glyph_DD6P0z[data-variant=bars][data-flow=nowrap][data-axis=vertical] .LayoutGridControl_glyphItem_9FVJxh{top:50%;transform:translateY(-50%);width:var(--reforma-layout-grid-line-size)}.LayoutGridControl_glyph_DD6P0z[data-variant=bars][data-flow=nowrap][data-axis=vertical] .LayoutGridControl_glyphItem_9FVJxh[data-item=line-start]{left:var(--spacing-2);height:var(--spacing-8)}.LayoutGridControl_glyph_DD6P0z[data-variant=bars][data-flow=nowrap][data-axis=vertical] .LayoutGridControl_glyphItem_9FVJxh[data-item=line-center]{left:var(--spacing-6);height:var(--spacing-10)}.LayoutGridControl_glyph_DD6P0z[data-variant=bars][data-flow=nowrap][data-axis=vertical] .LayoutGridControl_glyphItem_9FVJxh[data-item=line-end]{left:var(--spacing-10);height:var(--spacing-6)}.LayoutGridControl_glyph_DD6P0z[data-variant=bars][data-flow=nowrap][data-axis=vertical][data-placement=top] .LayoutGridControl_glyphItem_9FVJxh{top:var(--spacing-2);transform:none}.LayoutGridControl_glyph_DD6P0z[data-variant=bars][data-flow=nowrap][data-axis=vertical][data-placement=bottom] .LayoutGridControl_glyphItem_9FVJxh{top:auto;bottom:var(--spacing-2);transform:none}.LayoutGridControl_glyph_DD6P0z[data-variant=bars][data-flow^=wrap][data-axis=horizontal] .LayoutGridControl_glyphItem_9FVJxh{width:var(--reforma-layout-grid-line-size);height:var(--spacing-4)}.LayoutGridControl_glyph_DD6P0z[data-variant=bars][data-flow^=wrap][data-axis=horizontal] .LayoutGridControl_glyphItem_9FVJxh[data-item^=wrap-first]{top:var(--spacing-2)}.LayoutGridControl_glyph_DD6P0z[data-variant=bars][data-flow=wrap-reverse][data-axis=horizontal] .LayoutGridControl_glyphItem_9FVJxh[data-item^=wrap-first],.LayoutGridControl_glyph_DD6P0z[data-variant=bars][data-flow^=wrap][data-axis=horizontal] .LayoutGridControl_glyphItem_9FVJxh[data-item^=wrap-second]{top:var(--spacing-8)}.LayoutGridControl_glyph_DD6P0z[data-variant=bars][data-flow=wrap-reverse][data-axis=horizontal] .LayoutGridControl_glyphItem_9FVJxh[data-item^=wrap-second]{top:var(--spacing-2)}.LayoutGridControl_glyph_DD6P0z[data-variant=bars][data-flow^=wrap] .LayoutGridControl_glyphItem_9FVJxh[data-item$="1"]{left:var(--spacing-2)}.LayoutGridControl_glyph_DD6P0z[data-variant=bars][data-flow^=wrap] .LayoutGridControl_glyphItem_9FVJxh[data-item$="2"]{left:var(--spacing-6)}.LayoutGridControl_glyph_DD6P0z[data-variant=bars][data-flow^=wrap] .LayoutGridControl_glyphItem_9FVJxh[data-item=wrap-first-3]{left:var(--spacing-10)}.LayoutGridControl_glyph_DD6P0z[data-variant=bars][data-flow^=wrap][data-axis=horizontal][data-placement=center] .LayoutGridControl_glyphItem_9FVJxh[data-item=wrap-second-1]{left:var(--spacing-4)}.LayoutGridControl_glyph_DD6P0z[data-variant=bars][data-flow^=wrap][data-axis=horizontal][data-placement=center] .LayoutGridControl_glyphItem_9FVJxh[data-item=wrap-second-2]{left:var(--spacing-8)}.LayoutGridControl_glyph_DD6P0z[data-variant=bars][data-flow^=wrap][data-axis=horizontal][data-placement=right] .LayoutGridControl_glyphItem_9FVJxh[data-item=wrap-second-1]{left:var(--spacing-6)}.LayoutGridControl_glyph_DD6P0z[data-variant=bars][data-flow^=wrap][data-axis=horizontal][data-placement=right] .LayoutGridControl_glyphItem_9FVJxh[data-item=wrap-second-2]{left:var(--spacing-10)}.LayoutGridControl_glyph_DD6P0z[data-variant=bars][data-flow^=wrap][data-axis=vertical] .LayoutGridControl_glyphItem_9FVJxh{width:var(--spacing-4);height:var(--reforma-layout-grid-line-size)}.LayoutGridControl_glyph_DD6P0z[data-variant=bars][data-flow^=wrap][data-axis=vertical] .LayoutGridControl_glyphItem_9FVJxh[data-item^=wrap-first]{left:var(--spacing-2)}.LayoutGridControl_glyph_DD6P0z[data-variant=bars][data-flow=wrap-reverse][data-axis=vertical] .LayoutGridControl_glyphItem_9FVJxh[data-item^=wrap-first],.LayoutGridControl_glyph_DD6P0z[data-variant=bars][data-flow^=wrap][data-axis=vertical] .LayoutGridControl_glyphItem_9FVJxh[data-item^=wrap-second]{left:var(--spacing-8)}.LayoutGridControl_glyph_DD6P0z[data-variant=bars][data-flow=wrap-reverse][data-axis=vertical] .LayoutGridControl_glyphItem_9FVJxh[data-item^=wrap-second]{left:var(--spacing-2)}.LayoutGridControl_glyph_DD6P0z[data-variant=bars][data-flow^=wrap][data-axis=vertical] .LayoutGridControl_glyphItem_9FVJxh[data-item$="1"]{top:var(--spacing-2)}.LayoutGridControl_glyph_DD6P0z[data-variant=bars][data-flow^=wrap][data-axis=vertical] .LayoutGridControl_glyphItem_9FVJxh[data-item$="2"]{top:var(--spacing-6)}.LayoutGridControl_glyph_DD6P0z[data-variant=bars][data-flow^=wrap][data-axis=vertical] .LayoutGridControl_glyphItem_9FVJxh[data-item=wrap-first-3]{top:var(--spacing-10)}.LayoutGridControl_glyph_DD6P0z[data-variant=bars][data-flow^=wrap][data-axis=vertical][data-placement=center] .LayoutGridControl_glyphItem_9FVJxh[data-item=wrap-second-1]{top:var(--spacing-4)}.LayoutGridControl_glyph_DD6P0z[data-variant=bars][data-flow^=wrap][data-axis=vertical][data-placement=center] .LayoutGridControl_glyphItem_9FVJxh[data-item=wrap-second-2]{top:var(--spacing-8)}.LayoutGridControl_glyph_DD6P0z[data-variant=bars][data-flow^=wrap][data-axis=vertical][data-placement=bottom] .LayoutGridControl_glyphItem_9FVJxh[data-item=wrap-second-1]{top:var(--spacing-6)}.LayoutGridControl_glyph_DD6P0z[data-variant=bars][data-flow^=wrap][data-axis=vertical][data-placement=bottom] .LayoutGridControl_glyphItem_9FVJxh[data-item=wrap-second-2]{top:var(--spacing-10)}.LayoutGridControl_glyph_DD6P0z[data-variant=distribution],.LayoutGridControl_glyph_DD6P0z[data-variant=stretch-line]{--reforma-layout-grid-item-length: var(--reforma-layout-grid-inactive-length);inline-size:100%;block-size:100%}.LayoutGridControl_glyph_DD6P0z[data-variant=distribution]:not([data-active]){color:var(--reforma-layout-grid-inactive)}.LayoutGridControl_glyph_DD6P0z[data-variant=stretch-line]:not([data-active]){color:var(--reforma-layout-grid-inactive)}.LayoutGridControl_glyph_DD6P0z[data-variant=distribution][data-active]{--reforma-layout-grid-item-length: var(--reforma-layout-grid-active-length)}.LayoutGridControl_glyph_DD6P0z[data-variant=distribution][data-axis=vertical],.LayoutGridControl_glyph_DD6P0z[data-variant=stretch-line][data-axis=vertical],.LayoutGridControl_glyph_DD6P0z[data-variant=distribution][data-axis=horizontal],.LayoutGridControl_glyph_DD6P0z[data-variant=stretch-line][data-axis=horizontal]{--reforma-layout-grid-position: 50%}.LayoutGridControl_glyph_DD6P0z[data-variant=distribution][data-axis=vertical][data-distribution=space-between][data-placement=left]{--reforma-layout-grid-position: var(--reforma-layout-grid-edge-inset)}.LayoutGridControl_glyph_DD6P0z[data-variant=distribution][data-axis=vertical][data-distribution=space-between][data-placement=right]{--reforma-layout-grid-position: calc(100% - var(--reforma-layout-grid-edge-inset))}.LayoutGridControl_glyph_DD6P0z[data-variant=distribution][data-axis=vertical][data-distribution=space-evenly][data-placement=left]{--reforma-layout-grid-position: calc(50% + var(--reforma-layout-grid-inactive-length) / 2)}.LayoutGridControl_glyph_DD6P0z[data-variant=distribution][data-axis=vertical][data-distribution=space-evenly][data-placement=right]{--reforma-layout-grid-position: calc(50% - var(--reforma-layout-grid-inactive-length) / 2)}.LayoutGridControl_glyph_DD6P0z[data-variant=distribution][data-axis=horizontal][data-distribution=space-between][data-placement=top]{--reforma-layout-grid-position: var(--reforma-layout-grid-edge-inset)}.LayoutGridControl_glyph_DD6P0z[data-variant=distribution][data-axis=horizontal][data-distribution=space-between][data-placement=bottom]{--reforma-layout-grid-position: calc(100% - var(--reforma-layout-grid-edge-inset))}.LayoutGridControl_glyph_DD6P0z[data-variant=distribution][data-axis=horizontal][data-distribution=space-evenly][data-placement=top]{--reforma-layout-grid-position: calc(50% + var(--reforma-layout-grid-inactive-length) / 2)}.LayoutGridControl_glyph_DD6P0z[data-variant=distribution][data-axis=horizontal][data-distribution=space-evenly][data-placement=bottom]{--reforma-layout-grid-position: calc(50% - var(--reforma-layout-grid-inactive-length) / 2)}.LayoutGridControl_glyph_DD6P0z[data-variant=stretch-line][data-axis=vertical] .LayoutGridControl_glyphItem_9FVJxh{top:0;border-radius:0;width:var(--reforma-layout-grid-line-size);height:100%}.LayoutGridControl_glyph_DD6P0z[data-variant=stretch-line][data-axis=vertical] .LayoutGridControl_glyphItem_9FVJxh[data-item=line-start]{left:calc(50% - var(--spacing-4))}.LayoutGridControl_glyph_DD6P0z[data-variant=stretch-line][data-axis=vertical] .LayoutGridControl_glyphItem_9FVJxh[data-item=line-center]{left:calc(50% - var(--reforma-layout-grid-line-size) / 2)}.LayoutGridControl_glyph_DD6P0z[data-variant=stretch-line][data-axis=vertical] .LayoutGridControl_glyphItem_9FVJxh[data-item=line-end]{left:calc(50% + var(--spacing-2))}.LayoutGridControl_glyph_DD6P0z[data-variant=stretch-line][data-axis=vertical][data-connection=start] .LayoutGridControl_glyphItem_9FVJxh{top:var(--reforma-layout-grid-stretch-inset);border-radius:var(--radius-full) var(--radius-full) 0 0;height:calc(100% - var(--reforma-layout-grid-stretch-inset))}.LayoutGridControl_glyph_DD6P0z[data-variant=stretch-line][data-axis=vertical][data-connection=end] .LayoutGridControl_glyphItem_9FVJxh{border-radius:0 0 var(--radius-full) var(--radius-full);height:calc(100% - var(--reforma-layout-grid-stretch-inset))}.LayoutGridControl_glyph_DD6P0z[data-variant=stretch-line][data-axis=horizontal] .LayoutGridControl_glyphItem_9FVJxh{left:0;border-radius:0;width:100%;height:var(--reforma-layout-grid-line-size)}.LayoutGridControl_glyph_DD6P0z[data-variant=stretch-line][data-axis=horizontal] .LayoutGridControl_glyphItem_9FVJxh[data-item=line-start]{top:calc(50% - var(--spacing-4))}.LayoutGridControl_glyph_DD6P0z[data-variant=stretch-line][data-axis=horizontal] .LayoutGridControl_glyphItem_9FVJxh[data-item=line-center]{top:calc(50% - var(--reforma-layout-grid-line-size) / 2)}.LayoutGridControl_glyph_DD6P0z[data-variant=stretch-line][data-axis=horizontal] .LayoutGridControl_glyphItem_9FVJxh[data-item=line-end]{top:calc(50% + var(--spacing-2))}.LayoutGridControl_glyph_DD6P0z[data-variant=stretch-line][data-axis=horizontal][data-connection=start] .LayoutGridControl_glyphItem_9FVJxh{left:var(--reforma-layout-grid-stretch-inset);border-radius:var(--radius-full) 0 0 var(--radius-full);width:calc(100% - var(--reforma-layout-grid-stretch-inset))}.LayoutGridControl_glyph_DD6P0z[data-variant=stretch-line][data-axis=horizontal][data-connection=end] .LayoutGridControl_glyphItem_9FVJxh{border-radius:0 var(--radius-full) var(--radius-full) 0;width:calc(100% - var(--reforma-layout-grid-stretch-inset))}.LayoutGridControl_glyph_DD6P0z[data-axis=vertical] .LayoutGridControl_glyphItem_9FVJxh[data-item=line]{top:calc(50% - var(--reforma-layout-grid-item-length) / 2);left:calc(var(--reforma-layout-grid-position) - var(--reforma-layout-grid-line-size) / 2);width:var(--reforma-layout-grid-line-size);height:var(--reforma-layout-grid-item-length)}.LayoutGridControl_glyph_DD6P0z[data-axis=horizontal] .LayoutGridControl_glyphItem_9FVJxh[data-item=line]{top:calc(var(--reforma-layout-grid-position) - var(--reforma-layout-grid-line-size) / 2);left:calc(50% - var(--reforma-layout-grid-item-length) / 2);width:var(--reforma-layout-grid-item-length);height:var(--reforma-layout-grid-line-size)}.LayoutGridControl_glyph_DD6P0z[data-connection][data-axis=vertical] .LayoutGridControl_glyphItem_9FVJxh[data-item=line]{top:0;border-radius:0;height:100%}.LayoutGridControl_glyph_DD6P0z[data-connection=start][data-axis=vertical] .LayoutGridControl_glyphItem_9FVJxh[data-item=line]{top:var(--reforma-layout-grid-stretch-inset);border-radius:var(--radius-full) var(--radius-full) 0 0;height:calc(100% - var(--reforma-layout-grid-stretch-inset))}.LayoutGridControl_glyph_DD6P0z[data-connection=end][data-axis=vertical] .LayoutGridControl_glyphItem_9FVJxh[data-item=line]{border-radius:0 0 var(--radius-full) var(--radius-full);height:calc(100% - var(--reforma-layout-grid-stretch-inset))}.LayoutGridControl_glyph_DD6P0z[data-connection][data-axis=horizontal] .LayoutGridControl_glyphItem_9FVJxh[data-item=line]{left:0;border-radius:0;width:100%}.LayoutGridControl_glyph_DD6P0z[data-connection=start][data-axis=horizontal] .LayoutGridControl_glyphItem_9FVJxh[data-item=line]{left:var(--reforma-layout-grid-stretch-inset);border-radius:var(--radius-full) 0 0 var(--radius-full);width:calc(100% - var(--reforma-layout-grid-stretch-inset))}.LayoutGridControl_glyph_DD6P0z[data-connection=end][data-axis=horizontal] .LayoutGridControl_glyphItem_9FVJxh[data-item=line]{border-radius:0 var(--radius-full) var(--radius-full) 0;width:calc(100% - var(--reforma-layout-grid-stretch-inset))}.LayoutGridControl_glyph_DD6P0z[data-variant=distribution] .LayoutGridControl_glyphItem_9FVJxh[data-item^=marker-]{background:none;width:0;height:0;color:var(--reforma-layout-grid-inactive)}.LayoutGridControl_glyph_DD6P0z[data-axis=vertical] .LayoutGridControl_glyphItem_9FVJxh[data-item=marker-inline-start],.LayoutGridControl_glyph_DD6P0z[data-axis=vertical] .LayoutGridControl_glyphItem_9FVJxh[data-item=marker-inline-end]{top:calc(50% - var(--reforma-layout-grid-marker-size));border-top:var(--reforma-layout-grid-marker-size) solid transparent;border-bottom:var(--reforma-layout-grid-marker-size) solid transparent}.LayoutGridControl_glyph_DD6P0z[data-axis=vertical] .LayoutGridControl_glyphItem_9FVJxh[data-item=marker-inline-start]{left:var(--reforma-layout-grid-edge-inset);border-left:var(--reforma-layout-grid-marker-size) solid currentcolor}.LayoutGridControl_glyph_DD6P0z[data-axis=vertical] .LayoutGridControl_glyphItem_9FVJxh[data-item=marker-inline-end]{right:var(--reforma-layout-grid-edge-inset);border-right:var(--reforma-layout-grid-marker-size) solid currentcolor}.LayoutGridControl_glyph_DD6P0z[data-axis=horizontal] .LayoutGridControl_glyphItem_9FVJxh[data-item=marker-block-start],.LayoutGridControl_glyph_DD6P0z[data-axis=horizontal] .LayoutGridControl_glyphItem_9FVJxh[data-item=marker-block-end]{left:calc(50% - var(--reforma-layout-grid-marker-size));border-right:var(--reforma-layout-grid-marker-size) solid transparent;border-left:var(--reforma-layout-grid-marker-size) solid transparent}.LayoutGridControl_glyph_DD6P0z[data-axis=horizontal] .LayoutGridControl_glyphItem_9FVJxh[data-item=marker-block-start]{top:var(--reforma-layout-grid-edge-inset);border-top:var(--reforma-layout-grid-marker-size) solid currentcolor}.LayoutGridControl_glyph_DD6P0z[data-axis=horizontal] .LayoutGridControl_glyphItem_9FVJxh[data-item=marker-block-end]{bottom:var(--reforma-layout-grid-edge-inset);border-bottom:var(--reforma-layout-grid-marker-size) solid currentcolor}.LayoutGridControl_overlay_FgZwpS{position:absolute;z-index:2;inset:0;pointer-events:none}.LayoutGridControl_overlayBox_KbTfWf{position:absolute;box-sizing:border-box;inset:var(--reforma-layout-grid-stretch-inset);border:.0625rem solid var(--reforma-layout-grid-accent);border-radius:calc(var(--spacing-2) * var(--squircle-radius-factor));corner-shape:superellipse(var(--squircle-value));background:var(--reforma-layout-grid-accent-fill)}.LayoutGridControl_overlay_FgZwpS[data-preview] .LayoutGridControl_overlayBox_KbTfWf{border-color:var(--reforma-layout-grid-preview)}.LayoutGridControl_dot_3tAGuU{display:block;border-radius:var(--radius-full);background:var(--reforma-layout-grid-inactive);width:var(--reforma-layout-grid-line-size);height:var(--reforma-layout-grid-line-size);pointer-events:none}}

package/dist/LayoutGridControl/LayoutGridControl.module.css.js

@@ -0,0 +1,22 @@
+const o = "LayoutGridControl_root_vjOvyd", t = "LayoutGridControl_cell_2mHxBF", l = "LayoutGridControl_glyph_DD6P0z", r = "LayoutGridControl_previewGlyph_RjMUxO", y = "LayoutGridControl_dot_3tAGuU", e = "LayoutGridControl_glyphItem_9FVJxh", n = "LayoutGridControl_overlay_FgZwpS", a = "LayoutGridControl_overlayBox_KbTfWf", _ = {
+  root: o,
+  cell: t,
+  glyph: l,
+  previewGlyph: r,
+  dot: y,
+  glyphItem: e,
+  overlay: n,
+  overlayBox: a
+};
+export {
+  t as cell,
+  _ as default,
+  y as dot,
+  l as glyph,
+  e as glyphItem,
+  n as overlay,
+  a as overlayBox,
+  r as previewGlyph,
+  o as root
+};
+//# sourceMappingURL=LayoutGridControl.module.css.js.map

package/dist/LayoutGridControl/LayoutGridControl.module.css.js.map

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

package/dist/LayoutGridControl/index.d.ts

@@ -0,0 +1,3 @@
+export * from './layoutGrid';
+export * from './LayoutGridControl';
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/LayoutGridControl/index.ts"],"names":[],"mappings":"AAAA,cAAc,cAAc,CAAC;AAC7B,cAAc,qBAAqB,CAAC"}

package/dist/LayoutGridControl/index.js

@@ -0,0 +1,18 @@
+import { LAYOUT_GRID_CELL_KEYS as l, createLayoutGridAlignmentGlyph as i, createLayoutGridDistributionGlyph as r, createLayoutGridFlexAlignmentModel as o, createLayoutGridStretchGlyph as a, getLayoutGridCellValue as n, getLayoutGridFlexAlignmentForCell as u, getLayoutGridFlexAlignmentValue as G, isLayoutGridCellActionable as y, isLayoutGridFlexSimpleAlignment as L, normalizeLayoutGridCells as d, parseLayoutGridFlexAlignmentValue as m } from "./layoutGrid.js";
+import { LayoutGridControl as A } from "./LayoutGridControl.js";
+export {
+  l as LAYOUT_GRID_CELL_KEYS,
+  A as LayoutGridControl,
+  i as createLayoutGridAlignmentGlyph,
+  r as createLayoutGridDistributionGlyph,
+  o as createLayoutGridFlexAlignmentModel,
+  a as createLayoutGridStretchGlyph,
+  n as getLayoutGridCellValue,
+  u as getLayoutGridFlexAlignmentForCell,
+  G as getLayoutGridFlexAlignmentValue,
+  y as isLayoutGridCellActionable,
+  L as isLayoutGridFlexSimpleAlignment,
+  d as normalizeLayoutGridCells,
+  m as parseLayoutGridFlexAlignmentValue
+};
+//# sourceMappingURL=index.js.map

package/dist/LayoutGridControl/index.js.map

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

package/dist/LayoutGridControl/layoutGrid.d.ts

@@ -0,0 +1,100 @@
+import type { ReactNode } from 'react';
+export declare const LAYOUT_GRID_CELL_KEYS: readonly ['top-left', 'top-center', 'top-right', 'center-left', 'center', 'center-right', 'bottom-left', 'bottom-center', 'bottom-right'];
+export type LayoutGridCellKey = typeof LAYOUT_GRID_CELL_KEYS[number];
+export type LayoutGridCellKind = 'none' | 'spacer';
+export type LayoutGridValue = LayoutGridCellKey | string;
+export type LayoutGridOverlayKind = 'grid-stretch';
+export interface LayoutGridOverlayConfig {
+    kind: LayoutGridOverlayKind;
+    value?: LayoutGridValue;
+}
+export type LayoutGridGlyphVariant = 'bars' | 'distribution' | 'stretch-line';
+export type LayoutGridGlyphAxis = 'horizontal' | 'vertical';
+export type LayoutGridGlyphFlow = 'nowrap' | 'wrap' | 'wrap-reverse';
+export type LayoutGridGlyphPlacement = 'left' | 'center' | 'right' | 'top' | 'bottom';
+export type LayoutGridGlyphDistribution = 'space-between' | 'space-around' | 'space-evenly';
+export type LayoutGridGlyphConnection = 'start' | 'middle' | 'end';
+export type LayoutGridGlyphItem = 'line' | 'line-start' | 'line-center' | 'line-end' | 'wrap-first-1' | 'wrap-first-2' | 'wrap-first-3' | 'wrap-second-1' | 'wrap-second-2' | 'marker-inline-start' | 'marker-inline-end' | 'marker-block-start' | 'marker-block-end';
+export interface LayoutGridGlyphDescriptor {
+    variant: LayoutGridGlyphVariant;
+    items: readonly LayoutGridGlyphItem[];
+    axis?: LayoutGridGlyphAxis;
+    flow?: LayoutGridGlyphFlow;
+    placement?: LayoutGridGlyphPlacement;
+    distribution?: LayoutGridGlyphDistribution;
+    connection?: LayoutGridGlyphConnection;
+    isActive?: boolean;
+}
+export type LayoutGridFlexAlignmentValue = 'start' | 'center' | 'end' | 'stretch' | LayoutGridGlyphDistribution;
+export interface LayoutGridFlexAlignmentState {
+    x: LayoutGridFlexAlignmentValue | null;
+    y: LayoutGridFlexAlignmentValue | null;
+}
+export interface ResolvedLayoutGridFlexAlignmentState {
+    x: LayoutGridFlexAlignmentValue;
+    y: LayoutGridFlexAlignmentValue;
+}
+export interface LayoutGridFlexAlignmentModel {
+    cells: LayoutGridCellsInput;
+    overlays: readonly LayoutGridOverlayConfig[];
+    value: LayoutGridValue | null;
+}
+export interface LayoutGridCellConfig {
+    kind?: LayoutGridCellKind;
+    previewKind?: LayoutGridCellKind;
+    glyph?: LayoutGridGlyphDescriptor;
+    previewGlyph?: LayoutGridGlyphDescriptor;
+    value?: LayoutGridValue;
+    ariaLabel?: string;
+    isDisabled?: boolean;
+    tooltip?: ReactNode;
+    className?: string;
+}
+export interface ResolvedLayoutGridCell extends Required<Pick<LayoutGridCellConfig, 'kind'>> {
+    key: LayoutGridCellKey;
+    row: number;
+    column: number;
+    previewKind?: LayoutGridCellKind;
+    glyph?: LayoutGridGlyphDescriptor;
+    previewGlyph?: LayoutGridGlyphDescriptor;
+    value?: LayoutGridValue;
+    ariaLabel?: string;
+    isDisabled?: boolean;
+    tooltip?: ReactNode;
+    className?: string;
+}
+export type LayoutGridCellInput = LayoutGridCellKind | LayoutGridCellConfig;
+export type LayoutGridCellsInput = Partial<Record<LayoutGridCellKey, LayoutGridCellInput>>;
+export declare function createLayoutGridAlignmentGlyph({ axis, flow, placement, isActive, }: {
+    axis: LayoutGridGlyphAxis;
+    flow?: LayoutGridGlyphFlow;
+    placement?: LayoutGridGlyphPlacement;
+    isActive?: boolean;
+}): LayoutGridGlyphDescriptor;
+export declare function createLayoutGridDistributionGlyph({ axis, distribution, placement, connection, isActive, showMarker, }: {
+    axis: LayoutGridGlyphAxis;
+    distribution: LayoutGridGlyphDistribution;
+    placement: LayoutGridGlyphPlacement;
+    connection?: LayoutGridGlyphConnection;
+    isActive?: boolean;
+    showMarker?: boolean;
+}): LayoutGridGlyphDescriptor;
+export declare function createLayoutGridStretchGlyph({ axis, connection, isActive, }: {
+    axis: LayoutGridGlyphAxis;
+    connection: LayoutGridGlyphConnection;
+    isActive?: boolean;
+}): LayoutGridGlyphDescriptor;
+export declare function createLayoutGridFlexAlignmentModel({ state, glyphAxis, glyphFlow, getCellAriaLabel, }: {
+    state: LayoutGridFlexAlignmentState;
+    glyphAxis: LayoutGridGlyphAxis;
+    glyphFlow: LayoutGridGlyphFlow;
+    getCellAriaLabel?: (state: ResolvedLayoutGridFlexAlignmentState) => string;
+}): LayoutGridFlexAlignmentModel;
+export declare function getLayoutGridFlexAlignmentValue({ x, y }: LayoutGridFlexAlignmentState): LayoutGridValue | null;
+export declare function parseLayoutGridFlexAlignmentValue(value: LayoutGridValue): LayoutGridFlexAlignmentState | null;
+export declare function isLayoutGridFlexSimpleAlignment(value: LayoutGridFlexAlignmentValue | null | string): value is Extract<LayoutGridFlexAlignmentValue, 'start' | 'center' | 'end'>;
+export declare function getLayoutGridFlexAlignmentForCell(key: LayoutGridCellKey): ResolvedLayoutGridFlexAlignmentState;
+export declare function normalizeLayoutGridCells(cells?: LayoutGridCellsInput): ResolvedLayoutGridCell[];
+export declare function getLayoutGridCellValue(cell: ResolvedLayoutGridCell): LayoutGridValue;
+export declare function isLayoutGridCellActionable(cell: ResolvedLayoutGridCell): boolean;
+//# sourceMappingURL=layoutGrid.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"layoutGrid.d.ts","sourceRoot":"","sources":["../../src/LayoutGridControl/layoutGrid.ts"],"names":[],"mappings":"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"}