@reforma/components 0.0.0-stage → 0.1.0

package/dist/LayoutGridControl/layoutGrid.js

@@ -0,0 +1,233 @@
+const G = ["top-left", "top-center", "top-right", "center-left", "center", "center-right", "bottom-left", "bottom-center", "bottom-right"], E = {
+  "top-left": "Top left",
+  "top-center": "Top center",
+  "top-right": "Top right",
+  "center-left": "Center left",
+  center: "Center",
+  "center-right": "Center right",
+  "bottom-left": "Bottom left",
+  "bottom-center": "Bottom center",
+  "bottom-right": "Bottom right"
+}, w = ["line-start", "line-center", "line-end"], C = ["wrap-first-1", "wrap-first-2", "wrap-first-3", "wrap-second-1", "wrap-second-2"], S = ["line-start", "line-center", "line-end"];
+function A({
+  axis: t,
+  flow: e = "nowrap",
+  placement: r = "center",
+  isActive: n = !1
+}) {
+  return {
+    variant: "bars",
+    axis: t,
+    flow: e,
+    placement: r,
+    isActive: n,
+    items: e === "nowrap" ? w : C
+  };
+}
+function L({
+  axis: t,
+  distribution: e,
+  placement: r,
+  connection: n,
+  isActive: c = !1,
+  showMarker: i = !1
+}) {
+  return {
+    variant: "distribution",
+    axis: t,
+    placement: r,
+    distribution: e,
+    connection: n,
+    isActive: c,
+    items: ["line", ...!i || e !== "space-around" ? [] : t === "vertical" ? r === "left" ? ["marker-inline-start"] : r === "right" ? ["marker-inline-end"] : [] : r === "top" ? ["marker-block-start"] : r === "bottom" ? ["marker-block-end"] : []]
+  };
+}
+function g({
+  axis: t,
+  connection: e,
+  isActive: r = !1
+}) {
+  return {
+    variant: "stretch-line",
+    axis: t,
+    connection: e,
+    isActive: r,
+    items: S
+  };
+}
+const M = {
+  left: "start",
+  center: "center",
+  right: "end"
+}, T = {
+  top: "start",
+  center: "center",
+  bottom: "end"
+}, F = {
+  start: "left",
+  center: "center",
+  end: "right"
+}, B = {
+  start: "top",
+  center: "center",
+  end: "bottom"
+};
+function P({
+  state: t,
+  glyphAxis: e,
+  glyphFlow: r,
+  getCellAriaLabel: n
+}) {
+  const c = x(t), i = {};
+  for (const l of G) {
+    const [d, p] = _(l), s = I(t, d, p), h = x(s) ?? l, y = o(s.x) && o(s.y), f = h === c, m = V(s, d, p, e, r, f);
+    i[l] = {
+      kind: "none",
+      glyph: y && !f ? void 0 : m ?? void 0,
+      previewGlyph: y && !f ? m ?? void 0 : void 0,
+      value: h,
+      ariaLabel: n?.(s)
+    };
+  }
+  return {
+    cells: i,
+    overlays: t.x === "stretch" && t.y === "stretch" && c != null ? [{
+      kind: "grid-stretch",
+      value: c
+    }] : [],
+    value: c
+  };
+}
+function x({
+  x: t,
+  y: e
+}) {
+  return o(t) && o(e) ? `${t}:${e}` : t === "stretch" && o(e) ? `x-stretch-y-${B[e]}` : o(t) && e === "stretch" ? `x-${F[t]}-y-stretch` : t === "stretch" && e === "stretch" ? "x-stretch-y-stretch" : u(t) ? `x-${t}-y-${e ?? "stretch"}` : u(e) ? `x-${t ?? "stretch"}-y-${e}` : null;
+}
+function R(t) {
+  if (typeof t != "string")
+    return null;
+  const [e, r] = t.split(":");
+  if (o(e) && o(r))
+    return {
+      x: e,
+      y: r
+    };
+  const [n, c] = t.startsWith("x-") ? t.slice(2).split("-y-") : [], i = b(n), l = b(c);
+  return i && l ? {
+    x: i,
+    y: l
+  } : null;
+}
+function o(t) {
+  return t === "start" || t === "center" || t === "end";
+}
+function U(t) {
+  const [e, r] = _(t);
+  return k(e, r);
+}
+function k(t, e) {
+  return {
+    x: M[e],
+    y: T[t]
+  };
+}
+function I(t, e, r) {
+  const n = k(e, r);
+  return {
+    x: o(t.x) || t.x == null ? n.x : t.x,
+    y: o(t.y) || t.y == null ? n.y : t.y
+  };
+}
+function V(t, e, r, n, c, i) {
+  return o(t.x) && o(t.y) ? A({
+    axis: n,
+    flow: c,
+    placement: n === "horizontal" ? r : e,
+    isActive: i
+  }) : u(t.x) ? L({
+    axis: "vertical",
+    distribution: t.x,
+    placement: r,
+    connection: t.y === "stretch" ? a(e) : void 0,
+    isActive: i,
+    showMarker: i && (t.y !== "stretch" || e === "center")
+  }) : u(t.y) ? L({
+    axis: "horizontal",
+    distribution: t.y,
+    placement: e,
+    connection: t.x === "stretch" ? a(r) : void 0,
+    isActive: i,
+    showMarker: i && (t.x !== "stretch" || r === "center")
+  }) : t.x === "stretch" && o(t.y) ? g({
+    axis: "horizontal",
+    connection: a(r),
+    isActive: i
+  }) : o(t.x) && t.y === "stretch" ? g({
+    axis: "vertical",
+    connection: a(e),
+    isActive: i
+  }) : null;
+}
+function u(t) {
+  return t === "space-between" || t === "space-around" || t === "space-evenly";
+}
+function b(t) {
+  return t === "left" || t === "top" || t === "start" ? "start" : t === "right" || t === "bottom" || t === "end" ? "end" : t === "center" || t === "stretch" || t === "space-between" || t === "space-around" || t === "space-evenly" ? t : null;
+}
+function _(t) {
+  return t === "center" ? ["center", "center"] : t.split("-");
+}
+function a(t) {
+  return t === "top" || t === "left" ? "start" : t === "bottom" || t === "right" ? "end" : "middle";
+}
+function $(t) {
+  return t ? typeof t == "string" ? {
+    kind: t
+  } : {
+    ...t,
+    kind: t.kind ?? "none"
+  } : {
+    kind: "none"
+  };
+}
+function Y(t = {}) {
+  return G.map((e, r) => {
+    const n = $(t[e]);
+    return {
+      key: e,
+      row: Math.floor(r / 3),
+      column: r % 3,
+      kind: n.kind ?? "none",
+      previewKind: n.previewKind,
+      glyph: n.glyph,
+      previewGlyph: n.previewGlyph,
+      value: n.value,
+      ariaLabel: n.ariaLabel ?? E[e],
+      isDisabled: n.isDisabled,
+      tooltip: n.tooltip,
+      className: n.className
+    };
+  });
+}
+function D(t) {
+  return t.value ?? t.key;
+}
+function v(t) {
+  return !t.isDisabled && (t.kind !== "spacer" || t.previewKind != null || t.value != null);
+}
+export {
+  G as LAYOUT_GRID_CELL_KEYS,
+  A as createLayoutGridAlignmentGlyph,
+  L as createLayoutGridDistributionGlyph,
+  P as createLayoutGridFlexAlignmentModel,
+  g as createLayoutGridStretchGlyph,
+  D as getLayoutGridCellValue,
+  U as getLayoutGridFlexAlignmentForCell,
+  x as getLayoutGridFlexAlignmentValue,
+  v as isLayoutGridCellActionable,
+  o as isLayoutGridFlexSimpleAlignment,
+  Y as normalizeLayoutGridCells,
+  R as parseLayoutGridFlexAlignmentValue
+};
+//# sourceMappingURL=layoutGrid.js.map

package/dist/LayoutGridControl/layoutGrid.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"layoutGrid.js","sources":["../../src/LayoutGridControl/layoutGrid.ts"],"sourcesContent":["import type { ReactNode } from 'react';\n\nexport const LAYOUT_GRID_CELL_KEYS = [\n    'top-left',\n    'top-center',\n    'top-right',\n    'center-left',\n    'center',\n    'center-right',\n    'bottom-left',\n    'bottom-center',\n    'bottom-right',\n] as const;\n\nexport type LayoutGridCellKey = typeof LAYOUT_GRID_CELL_KEYS[number];\nexport type LayoutGridCellKind = 'none' | 'spacer';\nexport type LayoutGridValue = LayoutGridCellKey | string;\nexport type LayoutGridOverlayKind = 'grid-stretch';\n\nexport interface LayoutGridOverlayConfig {\n    kind: LayoutGridOverlayKind;\n    value?: LayoutGridValue;\n}\n\nexport type LayoutGridGlyphVariant = 'bars' | 'distribution' | 'stretch-line';\nexport type LayoutGridGlyphAxis = 'horizontal' | 'vertical';\nexport type LayoutGridGlyphFlow = 'nowrap' | 'wrap' | 'wrap-reverse';\nexport type LayoutGridGlyphPlacement = 'left' | 'center' | 'right' | 'top' | 'bottom';\nexport type LayoutGridGlyphDistribution = 'space-between' | 'space-around' | 'space-evenly';\nexport type LayoutGridGlyphConnection = 'start' | 'middle' | 'end';\nexport type LayoutGridGlyphItem\n    = | 'line'\n      | 'line-start'\n      | 'line-center'\n      | 'line-end'\n      | 'wrap-first-1'\n      | 'wrap-first-2'\n      | 'wrap-first-3'\n      | 'wrap-second-1'\n      | 'wrap-second-2'\n      | 'marker-inline-start'\n      | 'marker-inline-end'\n      | 'marker-block-start'\n      | 'marker-block-end';\n\nexport interface LayoutGridGlyphDescriptor {\n    variant: LayoutGridGlyphVariant;\n    items: readonly LayoutGridGlyphItem[];\n    axis?: LayoutGridGlyphAxis;\n    flow?: LayoutGridGlyphFlow;\n    placement?: LayoutGridGlyphPlacement;\n    distribution?: LayoutGridGlyphDistribution;\n    connection?: LayoutGridGlyphConnection;\n    isActive?: boolean;\n}\n\nexport type LayoutGridFlexAlignmentValue = 'start' | 'center' | 'end' | 'stretch' | LayoutGridGlyphDistribution;\n\nexport interface LayoutGridFlexAlignmentState {\n    x: LayoutGridFlexAlignmentValue | null;\n    y: LayoutGridFlexAlignmentValue | null;\n}\n\nexport interface ResolvedLayoutGridFlexAlignmentState {\n    x: LayoutGridFlexAlignmentValue;\n    y: LayoutGridFlexAlignmentValue;\n}\n\nexport interface LayoutGridFlexAlignmentModel {\n    cells: LayoutGridCellsInput;\n    overlays: readonly LayoutGridOverlayConfig[];\n    value: LayoutGridValue | null;\n}\n\nexport interface LayoutGridCellConfig {\n    kind?: LayoutGridCellKind;\n    previewKind?: LayoutGridCellKind;\n    glyph?: LayoutGridGlyphDescriptor;\n    previewGlyph?: LayoutGridGlyphDescriptor;\n    value?: LayoutGridValue;\n    ariaLabel?: string;\n    isDisabled?: boolean;\n    tooltip?: ReactNode;\n    className?: string;\n}\n\nexport interface ResolvedLayoutGridCell extends Required<Pick<LayoutGridCellConfig, 'kind'>> {\n    key: LayoutGridCellKey;\n    row: number;\n    column: number;\n    previewKind?: LayoutGridCellKind;\n    glyph?: LayoutGridGlyphDescriptor;\n    previewGlyph?: LayoutGridGlyphDescriptor;\n    value?: LayoutGridValue;\n    ariaLabel?: string;\n    isDisabled?: boolean;\n    tooltip?: ReactNode;\n    className?: string;\n}\n\nexport type LayoutGridCellInput = LayoutGridCellKind | LayoutGridCellConfig;\nexport type LayoutGridCellsInput = Partial<Record<LayoutGridCellKey, LayoutGridCellInput>>;\n\nconst CELL_LABELS: Record<LayoutGridCellKey, string> = {\n    'top-left': 'Top left',\n    'top-center': 'Top center',\n    'top-right': 'Top right',\n    'center-left': 'Center left',\n    center: 'Center',\n    'center-right': 'Center right',\n    'bottom-left': 'Bottom left',\n    'bottom-center': 'Bottom center',\n    'bottom-right': 'Bottom right',\n};\n\nconst BAR_ITEMS = ['line-start', 'line-center', 'line-end'] as const;\nconst WRAP_BAR_ITEMS = ['wrap-first-1', 'wrap-first-2', 'wrap-first-3', 'wrap-second-1', 'wrap-second-2'] as const;\nconst STRETCH_LINE_ITEMS = ['line-start', 'line-center', 'line-end'] as const;\n\nexport function createLayoutGridAlignmentGlyph({\n    axis,\n    flow = 'nowrap',\n    placement = 'center',\n    isActive = false,\n}: {\n    axis: LayoutGridGlyphAxis;\n    flow?: LayoutGridGlyphFlow;\n    placement?: LayoutGridGlyphPlacement;\n    isActive?: boolean;\n}): LayoutGridGlyphDescriptor {\n    return {\n        variant: 'bars',\n        axis,\n        flow,\n        placement,\n        isActive,\n        items: flow === 'nowrap' ? BAR_ITEMS : WRAP_BAR_ITEMS,\n    };\n}\n\nexport function createLayoutGridDistributionGlyph({\n    axis,\n    distribution,\n    placement,\n    connection,\n    isActive = false,\n    showMarker = false,\n}: {\n    axis: LayoutGridGlyphAxis;\n    distribution: LayoutGridGlyphDistribution;\n    placement: LayoutGridGlyphPlacement;\n    connection?: LayoutGridGlyphConnection;\n    isActive?: boolean;\n    showMarker?: boolean;\n}): LayoutGridGlyphDescriptor {\n    const marker: LayoutGridGlyphItem[] = (!showMarker || distribution !== 'space-around')\n        ? []\n        : axis === 'vertical'\n            ? placement === 'left'\n                ? ['marker-inline-start']\n                : placement === 'right'\n                    ? ['marker-inline-end']\n                    : []\n            : placement === 'top'\n                ? ['marker-block-start']\n                : placement === 'bottom'\n                    ? ['marker-block-end']\n                    : [];\n\n    return {\n        variant: 'distribution',\n        axis,\n        placement,\n        distribution,\n        connection,\n        isActive,\n        items: ['line', ...marker],\n    };\n}\n\nexport function createLayoutGridStretchGlyph({\n    axis,\n    connection,\n    isActive = false,\n}: {\n    axis: LayoutGridGlyphAxis;\n    connection: LayoutGridGlyphConnection;\n    isActive?: boolean;\n}): LayoutGridGlyphDescriptor {\n    return {\n        variant: 'stretch-line',\n        axis,\n        connection,\n        isActive,\n        items: STRETCH_LINE_ITEMS,\n    };\n}\n\nconst SIMPLE_VALUE_BY_COLUMN = {\n    left: 'start',\n    center: 'center',\n    right: 'end',\n} as const satisfies Record<string, LayoutGridFlexAlignmentValue>;\n\nconst SIMPLE_VALUE_BY_ROW = {\n    top: 'start',\n    center: 'center',\n    bottom: 'end',\n} as const satisfies Record<string, LayoutGridFlexAlignmentValue>;\n\nconst COLUMN_BY_SIMPLE_VALUE = {\n    start: 'left',\n    center: 'center',\n    end: 'right',\n} as const;\n\nconst ROW_BY_SIMPLE_VALUE = {\n    start: 'top',\n    center: 'center',\n    end: 'bottom',\n} as const;\n\nexport function createLayoutGridFlexAlignmentModel({\n    state,\n    glyphAxis,\n    glyphFlow,\n    getCellAriaLabel,\n}: {\n    state: LayoutGridFlexAlignmentState;\n    glyphAxis: LayoutGridGlyphAxis;\n    glyphFlow: LayoutGridGlyphFlow;\n    getCellAriaLabel?: (state: ResolvedLayoutGridFlexAlignmentState) => string;\n}): LayoutGridFlexAlignmentModel {\n    const value = getLayoutGridFlexAlignmentValue(state);\n    const cells: LayoutGridCellsInput = {};\n\n    for (const key of LAYOUT_GRID_CELL_KEYS) {\n        const [row, column] = layoutGridKeyParts(key);\n        const cellState = layoutGridCellState(state, row, column);\n        const cellValue = getLayoutGridFlexAlignmentValue(cellState) ?? key;\n        const isSimple = isLayoutGridFlexSimpleAlignment(cellState.x) && isLayoutGridFlexSimpleAlignment(cellState.y);\n        const isActive = cellValue === value;\n        const glyph = createLayoutGridFlexAlignmentGlyph(cellState, row, column, glyphAxis, glyphFlow, isActive);\n\n        cells[key] = {\n            kind: 'none',\n            glyph: (isSimple && !isActive) ? undefined : glyph ?? undefined,\n            previewGlyph: (isSimple && !isActive) ? glyph ?? undefined : undefined,\n            value: cellValue,\n            ariaLabel: getCellAriaLabel?.(cellState),\n        };\n    }\n\n    return {\n        cells,\n        overlays: (state.x === 'stretch' && state.y === 'stretch' && value != null)\n            ? [{ kind: 'grid-stretch', value }]\n            : [],\n        value,\n    };\n}\n\nexport function getLayoutGridFlexAlignmentValue({ x, y }: LayoutGridFlexAlignmentState): LayoutGridValue | null {\n    if (isLayoutGridFlexSimpleAlignment(x) && isLayoutGridFlexSimpleAlignment(y)) {\n        return `${ x }:${ y }`;\n    }\n\n    if (x === 'stretch' && isLayoutGridFlexSimpleAlignment(y)) {\n        return `x-stretch-y-${ ROW_BY_SIMPLE_VALUE[y] }`;\n    }\n\n    if (isLayoutGridFlexSimpleAlignment(x) && y === 'stretch') {\n        return `x-${ COLUMN_BY_SIMPLE_VALUE[x] }-y-stretch`;\n    }\n\n    if (x === 'stretch' && y === 'stretch') {\n        return 'x-stretch-y-stretch';\n    }\n\n    if (isLayoutGridFlexDistribution(x)) {\n        return `x-${ x }-y-${ y ?? 'stretch' }`;\n    }\n\n    if (isLayoutGridFlexDistribution(y)) {\n        return `x-${ x ?? 'stretch' }-y-${ y }`;\n    }\n\n    return null;\n}\n\nexport function parseLayoutGridFlexAlignmentValue(value: LayoutGridValue): LayoutGridFlexAlignmentState | null {\n    if (typeof value !== 'string') {\n        return null;\n    }\n\n    const [x, y] = value.split(':');\n\n    if (isLayoutGridFlexSimpleAlignment(x) && isLayoutGridFlexSimpleAlignment(y)) {\n        return { x, y };\n    }\n\n    const [xToken, yToken] = value.startsWith('x-') ? value.slice(2).split('-y-') : [];\n    const parsedX = parseLayoutGridFlexAlignmentToken(xToken);\n    const parsedY = parseLayoutGridFlexAlignmentToken(yToken);\n\n    return (parsedX && parsedY) ? { x: parsedX, y: parsedY } : null;\n}\n\nexport function isLayoutGridFlexSimpleAlignment(\n    value: LayoutGridFlexAlignmentValue | null | string\n): value is Extract<LayoutGridFlexAlignmentValue, 'start' | 'center' | 'end'> {\n    return value === 'start' || value === 'center' || value === 'end';\n}\n\nexport function getLayoutGridFlexAlignmentForCell(\n    key: LayoutGridCellKey\n): ResolvedLayoutGridFlexAlignmentState {\n    const [row, column] = layoutGridKeyParts(key);\n\n    return layoutGridFlexAlignmentForPosition(row, column);\n}\n\nfunction layoutGridFlexAlignmentForPosition(\n    row: keyof typeof SIMPLE_VALUE_BY_ROW,\n    column: keyof typeof SIMPLE_VALUE_BY_COLUMN\n): ResolvedLayoutGridFlexAlignmentState {\n    return {\n        x: SIMPLE_VALUE_BY_COLUMN[column],\n        y: SIMPLE_VALUE_BY_ROW[row],\n    };\n}\n\nfunction layoutGridCellState(\n    current: LayoutGridFlexAlignmentState,\n    row: keyof typeof SIMPLE_VALUE_BY_ROW,\n    column: keyof typeof SIMPLE_VALUE_BY_COLUMN\n): ResolvedLayoutGridFlexAlignmentState {\n    const cell = layoutGridFlexAlignmentForPosition(row, column);\n\n    return {\n        x: (isLayoutGridFlexSimpleAlignment(current.x) || current.x == null)\n            ? cell.x\n            : current.x,\n        y: (isLayoutGridFlexSimpleAlignment(current.y) || current.y == null)\n            ? cell.y\n            : current.y,\n    };\n}\n\nfunction createLayoutGridFlexAlignmentGlyph(\n    state: ResolvedLayoutGridFlexAlignmentState,\n    row: keyof typeof SIMPLE_VALUE_BY_ROW,\n    column: keyof typeof SIMPLE_VALUE_BY_COLUMN,\n    glyphAxis: LayoutGridGlyphAxis,\n    glyphFlow: LayoutGridGlyphFlow,\n    isActive: boolean\n): LayoutGridGlyphDescriptor | null {\n    if (isLayoutGridFlexSimpleAlignment(state.x) && isLayoutGridFlexSimpleAlignment(state.y)) {\n        return createLayoutGridAlignmentGlyph({\n            axis: glyphAxis,\n            flow: glyphFlow,\n            placement: glyphAxis === 'horizontal' ? column : row,\n            isActive,\n        });\n    }\n\n    if (isLayoutGridFlexDistribution(state.x)) {\n        return createLayoutGridDistributionGlyph({\n            axis: 'vertical',\n            distribution: state.x,\n            placement: column,\n            connection: state.y === 'stretch' ? layoutGridLineConnection(row) : undefined,\n            isActive,\n            showMarker: isActive && (state.y !== 'stretch' || row === 'center'),\n        });\n    }\n\n    if (isLayoutGridFlexDistribution(state.y)) {\n        return createLayoutGridDistributionGlyph({\n            axis: 'horizontal',\n            distribution: state.y,\n            placement: row,\n            connection: state.x === 'stretch' ? layoutGridLineConnection(column) : undefined,\n            isActive,\n            showMarker: isActive && (state.x !== 'stretch' || column === 'center'),\n        });\n    }\n\n    if (state.x === 'stretch' && isLayoutGridFlexSimpleAlignment(state.y)) {\n        return createLayoutGridStretchGlyph({\n            axis: 'horizontal',\n            connection: layoutGridLineConnection(column),\n            isActive,\n        });\n    }\n\n    if (isLayoutGridFlexSimpleAlignment(state.x) && state.y === 'stretch') {\n        return createLayoutGridStretchGlyph({\n            axis: 'vertical',\n            connection: layoutGridLineConnection(row),\n            isActive,\n        });\n    }\n\n    return null;\n}\n\nfunction isLayoutGridFlexDistribution(\n    value: LayoutGridFlexAlignmentValue | null\n): value is LayoutGridGlyphDistribution {\n    return value === 'space-between' || value === 'space-around' || value === 'space-evenly';\n}\n\nfunction parseLayoutGridFlexAlignmentToken(value: string | undefined): LayoutGridFlexAlignmentValue | null {\n    if (value === 'left' || value === 'top' || value === 'start') {\n        return 'start';\n    }\n\n    if (value === 'right' || value === 'bottom' || value === 'end') {\n        return 'end';\n    }\n\n    return (value === 'center'\n      || value === 'stretch'\n      || value === 'space-between'\n      || value === 'space-around'\n      || value === 'space-evenly')\n        ? value\n        : null;\n}\n\nfunction layoutGridKeyParts(\n    key: LayoutGridCellKey\n): [keyof typeof SIMPLE_VALUE_BY_ROW, keyof typeof SIMPLE_VALUE_BY_COLUMN] {\n    if (key === 'center') {\n        return ['center', 'center'];\n    }\n\n    return key.split('-') as [keyof typeof SIMPLE_VALUE_BY_ROW, keyof typeof SIMPLE_VALUE_BY_COLUMN];\n}\n\nfunction layoutGridLineConnection(position: keyof typeof SIMPLE_VALUE_BY_ROW | keyof typeof SIMPLE_VALUE_BY_COLUMN) {\n    if (position === 'top' || position === 'left') {\n        return 'start' as const;\n    }\n\n    if (position === 'bottom' || position === 'right') {\n        return 'end' as const;\n    }\n\n    return 'middle' as const;\n}\n\nfunction resolveCellInput(input: LayoutGridCellInput | undefined): LayoutGridCellConfig {\n    if (!input) {\n        return { kind: 'none' };\n    }\n\n    return typeof input === 'string' ? { kind: input } : { ...input, kind: input.kind ?? 'none' };\n}\n\nexport function normalizeLayoutGridCells(cells: LayoutGridCellsInput = {}): ResolvedLayoutGridCell[] {\n    return LAYOUT_GRID_CELL_KEYS.map((key, index) => {\n        const input = resolveCellInput(cells[key]);\n\n        return {\n            key,\n            row: Math.floor(index / 3),\n            column: index % 3,\n            kind: input.kind ?? 'none',\n            previewKind: input.previewKind,\n            glyph: input.glyph,\n            previewGlyph: input.previewGlyph,\n            value: input.value,\n            ariaLabel: input.ariaLabel ?? CELL_LABELS[key],\n            isDisabled: input.isDisabled,\n            tooltip: input.tooltip,\n            className: input.className,\n        };\n    });\n}\n\nexport function getLayoutGridCellValue(cell: ResolvedLayoutGridCell): LayoutGridValue {\n    return cell.value ?? cell.key;\n}\n\nexport function isLayoutGridCellActionable(cell: ResolvedLayoutGridCell): boolean {\n    return !cell.isDisabled && (cell.kind !== 'spacer' || cell.previewKind != null || cell.value != null);\n}\n"],"names":["LAYOUT_GRID_CELL_KEYS","CELL_LABELS","BAR_ITEMS","WRAP_BAR_ITEMS","STRETCH_LINE_ITEMS","createLayoutGridAlignmentGlyph","axis","flow","placement","isActive","createLayoutGridDistributionGlyph","distribution","connection","showMarker","createLayoutGridStretchGlyph","SIMPLE_VALUE_BY_COLUMN","SIMPLE_VALUE_BY_ROW","COLUMN_BY_SIMPLE_VALUE","ROW_BY_SIMPLE_VALUE","createLayoutGridFlexAlignmentModel","state","glyphAxis","glyphFlow","getCellAriaLabel","value","getLayoutGridFlexAlignmentValue","cells","key","row","column","layoutGridKeyParts","cellState","layoutGridCellState","cellValue","isSimple","isLayoutGridFlexSimpleAlignment","glyph","createLayoutGridFlexAlignmentGlyph","x","y","isLayoutGridFlexDistribution","parseLayoutGridFlexAlignmentValue","xToken","yToken","parsedX","parseLayoutGridFlexAlignmentToken","parsedY","getLayoutGridFlexAlignmentForCell","layoutGridFlexAlignmentForPosition","current","cell","layoutGridLineConnection","position","resolveCellInput","input","normalizeLayoutGridCells","index","getLayoutGridCellValue","isLayoutGridCellActionable"],"mappings":"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"}

package/dist/Lightbox/Lightbox.d.ts

@@ -0,0 +1,19 @@
+import { type ReactNode } from 'react';
+export type LightboxOpen = () => void;
+export type LightboxProps = {
+    src: string;
+    alt: string;
+    /** Modal title when it differs from `alt`. */
+    label?: string;
+    /** Controlled visibility. Omit to let the trigger call `open`. */
+    isOpen?: boolean;
+    onOpenChange?: (open: boolean) => void;
+    /** Build the trigger; call `open` from `onPress` (e.g. {@link Attachment}, {@link Pressable}). */
+    children?: (open: LightboxOpen) => ReactNode;
+};
+/** Image preview via Reforma modal scrollable overlay (`Dialog` + `reactHost`, portaled to `body`). */
+export declare function Lightbox({ src, alt, label, isOpen: isOpenProp, onOpenChange, children, }: LightboxProps): import("react").JSX.Element;
+export declare namespace Lightbox {
+    var displayName: string;
+}
+//# sourceMappingURL=Lightbox.d.ts.map

package/dist/Lightbox/Lightbox.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Lightbox.d.ts","sourceRoot":"","sources":["../../src/Lightbox/Lightbox.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAyB,KAAK,SAAS,EAAE,MAAM,OAAO,CAAC;AAM9D,MAAM,MAAM,YAAY,GAAG,MAAM,IAAI,CAAC;AAEtC,MAAM,MAAM,aAAa,GAAG;IACxB,GAAG,EAAE,MAAM,CAAC;IACZ,GAAG,EAAE,MAAM,CAAC;IACZ,8CAA8C;IAC9C,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,kEAAkE;IAClE,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,YAAY,CAAC,EAAE,CAAC,IAAI,EAAE,OAAO,KAAK,IAAI,CAAC;IACvC,kGAAkG;IAClG,QAAQ,CAAC,EAAE,CAAC,IAAI,EAAE,YAAY,KAAK,SAAS,CAAC;CAChD,CAAC;AAEF,uGAAuG;AACvG,wBAAgB,QAAQ,CAAC,EACrB,GAAG,EACH,GAAG,EACH,KAAK,EACL,MAAM,EAAE,UAAU,EAClB,YAAY,EACZ,QAAQ,GACX,EAAE,aAAa,+BAkCf;yBAzCe,QAAQ"}

package/dist/Lightbox/Lightbox.js

@@ -0,0 +1,44 @@
+import { useState as g, useCallback as a } from "react";
+import { Image as h } from "../Image/Image.js";
+import { Dialog as y } from "../Modal/Dialog.js";
+import t from "./Lightbox.module.css.js";
+import { jsxs as b, Fragment as v, jsx as i } from "react/jsx-runtime";
+function x({
+  src: n,
+  alt: l,
+  label: m,
+  isOpen: e,
+  onOpenChange: r,
+  children: c
+}) {
+  const [p, u] = g(!1), d = e ?? p, o = a((s) => {
+    r?.(s), e === void 0 && u(s);
+  }, [e, r]), f = a(() => {
+    o(!0);
+  }, [o]);
+  return /* @__PURE__ */ b(v, {
+    children: [c?.(f), /* @__PURE__ */ i(y, {
+      name: "lightbox",
+      isOpen: d,
+      onOpenChange: o,
+      type: "overlay",
+      scrollable: "overlay",
+      class: t.window,
+      overlayClass: t.overlay,
+      height: "auto",
+      shadow: !0,
+      clickOut: !0,
+      title: m ?? l,
+      children: /* @__PURE__ */ i(h, {
+        className: t.image,
+        src: n,
+        alt: l
+      })
+    })]
+  });
+}
+x.displayName = "Lightbox";
+export {
+  x as Lightbox
+};
+//# sourceMappingURL=Lightbox.js.map

package/dist/Lightbox/Lightbox.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Lightbox.js","sources":["../../src/Lightbox/Lightbox.tsx"],"sourcesContent":["import { useCallback, useState, type ReactNode } from 'react';\n\nimport { Image } from '../Image';\nimport { Dialog } from '../Modal';\nimport styles from './Lightbox.module.css';\n\nexport type LightboxOpen = () => void;\n\nexport type LightboxProps = {\n    src: string;\n    alt: string;\n    /** Modal title when it differs from `alt`. */\n    label?: string;\n    /** Controlled visibility. Omit to let the trigger call `open`. */\n    isOpen?: boolean;\n    onOpenChange?: (open: boolean) => void;\n    /** Build the trigger; call `open` from `onPress` (e.g. {@link Attachment}, {@link Pressable}). */\n    children?: (open: LightboxOpen) => ReactNode;\n};\n\n/** Image preview via Reforma modal scrollable overlay (`Dialog` + `reactHost`, portaled to `body`). */\nexport function Lightbox({\n    src,\n    alt,\n    label,\n    isOpen: isOpenProp,\n    onOpenChange,\n    children,\n}: LightboxProps) {\n    const [uncontrolledOpen, setUncontrolledOpen] = useState(false);\n    const isOpen = isOpenProp ?? uncontrolledOpen;\n    const setOpen = useCallback((next: boolean) => {\n        onOpenChange?.(next);\n\n        if (isOpenProp === undefined) {\n            setUncontrolledOpen(next);\n        }\n    }, [isOpenProp, onOpenChange]);\n    const open = useCallback(() => {\n        setOpen(true);\n    }, [setOpen]);\n\n    return (\n        <>\n            { children?.(open) }\n            <Dialog\n                name=\"lightbox\"\n                isOpen={ isOpen }\n                onOpenChange={ setOpen }\n                type=\"overlay\"\n                scrollable=\"overlay\"\n                class={ styles.window }\n                overlayClass={ styles.overlay }\n                height=\"auto\"\n                shadow\n                clickOut\n                title={ label ?? alt }\n            >\n                <Image className={ styles.image } src={ src } alt={ alt } />\n            </Dialog>\n        </>\n    );\n}\n\nLightbox.displayName = 'Lightbox';\n"],"names":["Lightbox","src","alt","label","isOpenProp","onOpenChange","children","uncontrolledOpen","setUncontrolledOpen","useState","isOpen","setOpen","useCallback","next","open","_Fragment","Dialog","styles","Image"],"mappings":";;;;;AAMO,SAASA,EAAS;AAAA,EACvB,KAAAC;AAAA,EACA,KAAAC;AAAA,EACA,OAAAC;AAAA,EACA,QAAQC;AAAA,EACR,cAAAC;AAAA,EACA,UAAAC;AACF,GAAG;AACD,QAAM,CAACC,GAAkBC,CAAmB,IAAIC,EAAS,EAAK,GACxDC,IAASN,KAAcG,GACvBI,IAAUC,EAAY,CAAAC,MAAQ;AAClC,IAAAR,IAAeQ,CAAI,GACfT,MAAe,UACjBI,EAAoBK,CAAI;AAAA,EAE5B,GAAG,CAACT,GAAYC,CAAY,CAAC,GACvBS,IAAOF,EAAY,MAAM;AAC7B,IAAAD,EAAQ,EAAI;AAAA,EACd,GAAG,CAACA,CAAO,CAAC;AACZ,2BAA0BI,GAAW;AAAA,IACnC,UAAU,CAACT,IAAWQ,CAAI,qBAAqBE,GAAQ;AAAA,MACrD,MAAM;AAAA,MACN,QAAAN;AAAA,MACA,cAAcC;AAAA,MACd,MAAM;AAAA,MACN,YAAY;AAAA,MACZ,OAAOM,EAAO;AAAA,MACd,cAAcA,EAAO;AAAA,MACrB,QAAQ;AAAA,MACR,QAAQ;AAAA,MACR,UAAU;AAAA,MACV,OAAOd,KAASD;AAAA,MAChB,4BAA4BgB,GAAO;AAAA,QACjC,WAAWD,EAAO;AAAA,QAClB,KAAAhB;AAAA,QACA,KAAAC;AAAA,MAAA,CACD;AAAA,IAAA,CACF,CAAC;AAAA,EAAA,CACH;AACH;AACAF,EAAS,cAAc;"}

package/dist/Lightbox/Lightbox.module.css

@@ -0,0 +1 @@
+.Lightbox_overlay_34X83O:before{-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px)}.Lightbox_overlay_34X83O[data-modal-overlay].Lightbox_overlay_34X83O{--lightbox-inset: var(--spacing-xl);--lightbox-image-max-height: calc(100dvh - 2 * var(--lightbox-inset) - var(--modal-title-height));padding:var(--lightbox-inset);overflow:hidden}.Lightbox_overlay_34X83O[data-modal-overlay] .Lightbox_window_DLp2ZB[data-modal-window]{width:-moz-fit-content;width:fit-content;max-width:100%;height:auto;max-height:100%}.Lightbox_overlay_34X83O[data-modal-overlay] [data-modal-data]{min-width:0;max-width:100%;height:auto;max-height:none}.Lightbox_window_DLp2ZB[data-modal-window]{--modal-border: 0;outline:2px solid var(--color-secondary-muted-border);overflow:hidden}.Lightbox_window_DLp2ZB [data-modal-title]{width:0;min-width:100%}.Lightbox_window_DLp2ZB [data-modal-title]>:first-child{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.Lightbox_image_QqCcRQ{display:block;background-image:repeating-conic-gradient(color-mix(in srgb,var(--color-black) 14%,transparent) 0% 25%,transparent 0% 50%);background-size:1rem 1rem;background-color:var(--color-white);width:auto;max-width:100%;height:auto;max-height:var(--lightbox-image-max-height)}@media(max-width:639px){.Lightbox_overlay_34X83O[data-modal-overlay].Lightbox_overlay_34X83O{--lightbox-inset: var(--spacing-sm)}}

package/dist/Lightbox/Lightbox.module.css.js

@@ -0,0 +1,12 @@
+const o = "Lightbox_overlay_34X83O", t = "Lightbox_window_DLp2ZB", e = "Lightbox_image_QqCcRQ", i = {
+  overlay: o,
+  window: t,
+  image: e
+};
+export {
+  i as default,
+  e as image,
+  o as overlay,
+  t as window
+};
+//# sourceMappingURL=Lightbox.module.css.js.map

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

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

package/dist/Lightbox/index.d.ts

@@ -0,0 +1,2 @@
+export { Lightbox, type LightboxOpen, type LightboxProps } from './Lightbox';
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/Lightbox/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,QAAQ,EAAE,KAAK,YAAY,EAAE,KAAK,aAAa,EAAE,MAAM,YAAY,CAAC"}

package/dist/Lightbox/index.js

@@ -0,0 +1,5 @@
+import { Lightbox as t } from "./Lightbox.js";
+export {
+  t as Lightbox
+};
+//# sourceMappingURL=index.js.map

package/dist/Lightbox/index.js.map

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

package/dist/List/AppearanceSubmenu.d.ts

@@ -0,0 +1,8 @@
+import type { Theme } from '@reforma/types';
+export interface AppearanceSubmenuProps {
+    value?: string;
+    onChange: (theme: Theme) => void;
+}
+/** Fly-out theme picker for use inside a parent `Menu`. */
+export declare function AppearanceSubmenu({ value, onChange }: AppearanceSubmenuProps): import("react").JSX.Element;
+//# sourceMappingURL=AppearanceSubmenu.d.ts.map

package/dist/List/AppearanceSubmenu.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"AppearanceSubmenu.d.ts","sourceRoot":"","sources":["../../src/List/AppearanceSubmenu.tsx"],"names":[],"mappings":"AAQA,OAAO,KAAK,EAAE,KAAK,EAAE,MAAM,gBAAgB,CAAC;AAS5C,MAAM,WAAW,sBAAsB;IACnC,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,QAAQ,EAAE,CAAC,KAAK,EAAE,KAAK,KAAK,IAAI,CAAC;CACpC;AAED,2DAA2D;AAC3D,wBAAgB,iBAAiB,CAAC,EAAE,KAAK,EAAE,QAAQ,EAAE,EAAE,sBAAsB,+BAyC5E"}

package/dist/List/AppearanceSubmenu.js

@@ -0,0 +1,60 @@
+import { Sun as l, Moon as a, Devices as c } from "@reforma/icons/14";
+import { NightMode as m } from "@reforma/icons/16";
+import { ChevronRight as s } from "@reforma/icons/8";
+import { For as d } from "../For/For.js";
+import { Popover as p } from "../Popover/Popover.js";
+import { MenuItem as o, Menu as h } from "./Menu.js";
+import { jsxs as u, jsx as e } from "react/jsx-runtime";
+import { SubmenuTrigger as f } from "react-aria-components";
+const g = [{
+  value: "light",
+  icon: /* @__PURE__ */ e(l, {}),
+  label: "Light"
+}, {
+  value: "dark",
+  icon: /* @__PURE__ */ e(a, {}),
+  label: "Dark"
+}, {
+  value: "system",
+  icon: /* @__PURE__ */ e(c, {}),
+  label: "System"
+}];
+function E({
+  value: t,
+  onChange: n
+}) {
+  return /* @__PURE__ */ u(f, {
+    children: [/* @__PURE__ */ e(o, {
+      id: "appearance",
+      text: "Appearance",
+      icon: /* @__PURE__ */ e(m, {}),
+      endAffix: /* @__PURE__ */ e(s, {})
+    }), /* @__PURE__ */ e(p, {
+      spacing: "xs",
+      width: 180,
+      children: /* @__PURE__ */ e(h, {
+        "aria-label": "Appearance",
+        size: "md",
+        selectionMode: "single",
+        selectedKeys: [t === "dark" || t === "system" ? t : "light"],
+        disallowEmptySelection: !0,
+        onSelectionChange: (i) => {
+          const r = i === "all" ? void 0 : [...i][0];
+          (r === "light" || r === "dark" || r === "system") && n(r);
+        },
+        children: /* @__PURE__ */ e(d, {
+          each: g,
+          children: (i) => /* @__PURE__ */ e(o, {
+            id: i.value,
+            text: i.label,
+            icon: i.icon
+          }, i.value)
+        })
+      })
+    })]
+  });
+}
+export {
+  E as AppearanceSubmenu
+};
+//# sourceMappingURL=AppearanceSubmenu.js.map

package/dist/List/AppearanceSubmenu.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"AppearanceSubmenu.js","sources":["../../src/List/AppearanceSubmenu.tsx"],"sourcesContent":["import { Devices, Moon, Sun } from '@reforma/icons/14';\nimport { NightMode } from '@reforma/icons/16';\nimport { ChevronRight } from '@reforma/icons/8';\n\nimport { For } from '../For';\nimport { Popover } from '../Popover';\nimport { Menu, MenuItem, SubmenuTrigger } from './Menu';\n\nimport type { Theme } from '@reforma/types';\nimport type { ReactNode } from 'react';\n\nconst THEME_OPTIONS: ReadonlyArray<{ value: Theme; icon: ReactNode; label: string }> = [\n    { value: 'light', icon: <Sun />, label: 'Light' },\n    { value: 'dark', icon: <Moon />, label: 'Dark' },\n    { value: 'system', icon: <Devices />, label: 'System' },\n];\n\nexport interface AppearanceSubmenuProps {\n    value?: string;\n    onChange: (theme: Theme) => void;\n}\n\n/** Fly-out theme picker for use inside a parent `Menu`. */\nexport function AppearanceSubmenu({ value, onChange }: AppearanceSubmenuProps) {\n    const selectedTheme: Theme = (value === 'dark' || value === 'system') ? value : 'light';\n\n    return (\n        <SubmenuTrigger>\n            <MenuItem\n                id=\"appearance\"\n                text=\"Appearance\"\n                icon={ <NightMode /> }\n                endAffix={ <ChevronRight /> }\n            />\n\n            <Popover spacing=\"xs\" width={ 180 }>\n                <Menu\n                    aria-label=\"Appearance\"\n                    size=\"md\"\n                    selectionMode=\"single\"\n                    selectedKeys={ [selectedTheme] }\n                    disallowEmptySelection\n                    onSelectionChange={ (keys) => {\n                        const next = keys === 'all' ? undefined : [...keys][0];\n\n                        if (next === 'light' || next === 'dark' || next === 'system') {\n                            onChange(next);\n                        }\n                    } }\n                >\n                    <For each={ THEME_OPTIONS }>\n                        { option => (\n                            <MenuItem\n                                key={ option.value }\n                                id={ option.value }\n                                text={ option.label }\n                                icon={ option.icon }\n                            />\n                        ) }\n                    </For>\n                </Menu>\n            </Popover>\n        </SubmenuTrigger>\n    );\n}\n"],"names":["THEME_OPTIONS","_jsx","Sun","Moon","Devices","AppearanceSubmenu","value","onChange","SubmenuTrigger","MenuItem","NightMode","ChevronRight","Popover","Menu","keys","next","For","option"],"mappings":";;;;;;;;AAOA,MAAMA,IAAgB,CAAC;AAAA,EACrB,OAAO;AAAA,EACP,MAAmBC,gBAAAA,EAAKC,GAAK,EAAE;AAAA,EAC/B,OAAO;AACT,GAAG;AAAA,EACD,OAAO;AAAA,EACP,MAAmBD,gBAAAA,EAAKE,GAAM,EAAE;AAAA,EAChC,OAAO;AACT,GAAG;AAAA,EACD,OAAO;AAAA,EACP,MAAmBF,gBAAAA,EAAKG,GAAS,EAAE;AAAA,EACnC,OAAO;AACT,CAAC;AAEM,SAASC,EAAkB;AAAA,EAChC,OAAAC;AAAA,EACA,UAAAC;AACF,GAAG;AAED,2BAA0BC,GAAgB;AAAA,IACxC,UAAU,CAAcP,gBAAAA,EAAKQ,GAAU;AAAA,MACrC,IAAI;AAAA,MACJ,MAAM;AAAA,MACN,MAAmBR,gBAAAA,EAAKS,GAAW,EAAE;AAAA,MACrC,UAAuBT,gBAAAA,EAAKU,GAAc,CAAA,CAAE;AAAA,IAAA,CAC7C,GAAgBV,gBAAAA,EAAKW,GAAS;AAAA,MAC7B,SAAS;AAAA,MACT,OAAO;AAAA,MACP,4BAA4BC,GAAM;AAAA,QAChC,cAAc;AAAA,QACd,MAAM;AAAA,QACN,eAAe;AAAA,QACf,cAAc,CAdEP,MAAU,UAAUA,MAAU,WAAWA,IAAQ,OAcrC;AAAA,QAC5B,wBAAwB;AAAA,QACxB,mBAAmB,CAAAQ,MAAQ;AACzB,gBAAMC,IAAOD,MAAS,QAAQ,SAAY,CAAC,GAAGA,CAAI,EAAE,CAAC;AACrD,WAAIC,MAAS,WAAWA,MAAS,UAAUA,MAAS,aAClDR,EAASQ,CAAI;AAAA,QAEjB;AAAA,QACA,4BAA4BC,GAAK;AAAA,UAC/B,MAAMhB;AAAA,UACN,UAAU,CAAAiB,MAAuBhB,gBAAAA,EAAKQ,GAAU;AAAA,YAC9C,IAAIQ,EAAO;AAAA,YACX,MAAMA,EAAO;AAAA,YACb,MAAMA,EAAO;AAAA,UAAA,GACZA,EAAO,KAAK;AAAA,QAAA,CAChB;AAAA,MAAA,CACF;AAAA,IAAA,CACF,CAAC;AAAA,EAAA,CACH;AACH;"}

package/dist/List/GridList.d.ts

@@ -0,0 +1,40 @@
+import { type SelectionInput } from '@reforma/lib';
+import { type GridListItemProps as AriaGridListItemProps, type Key, type GridListProps as RACGridListProps, type GridListSectionProps as RACGridListSectionProps } from 'react-aria-components';
+import type { HTMLAttributes, Ref } from 'react';
+import type { ListBoxItemSlots, ListBoxSize } from './ListBox';
+export type { GridListProps, GridListSectionProps } from 'react-aria-components';
+export type GridListSize = ListBoxSize;
+/**
+ * **General-purpose styled list/grid rows** — settings tables, inspectors, rows with trailing actions or **nested controls** (`keyboardNavigationBehavior="tab"`).
+ * For ComboBox-/Select-shaped **option lists** (arrow navigation, picker overlays), prefer {@link ListBox}.
+ */
+export interface GridListComponentProps<T extends object = object> extends Omit<RACGridListProps<T>, 'selectedKeys'> {
+    size?: GridListSize;
+    selectedKeys?: SelectionInput<Key>;
+    interactive?: boolean;
+}
+export type GridListItemProps<T extends object = object> = AriaGridListItemProps<T> & ListBoxItemSlots & {
+    text?: string;
+    isDanger?: boolean;
+};
+export declare function GridList<T extends object>({ className, size, selectionMode, selectedKeys, escapeKeyBehavior, interactive, keyboardNavigationBehavior, layout, selectionBehavior, ...props }: GridListComponentProps<T>): import("react").JSX.Element;
+export declare namespace GridList {
+    var displayName: string;
+}
+export declare function GridListItem<T extends object>({ startAffix, icon, text, description, endAffix, children, className, isDanger, ref, ...props }: GridListItemProps<T> & {
+    ref?: Ref<HTMLDivElement>;
+}): import("react").JSX.Element;
+export declare namespace GridListItem {
+    var displayName: string;
+}
+export declare function GridListHeader({ className, sticky, ...props }: HTMLAttributes<HTMLDivElement> & {
+    sticky?: boolean;
+}): import("react").JSX.Element;
+export declare namespace GridListHeader {
+    var displayName: string;
+}
+export declare function GridListSection<T extends object>({ className, ...props }: RACGridListSectionProps<T>): import("react").JSX.Element;
+export declare namespace GridListSection {
+    var displayName: string;
+}
+//# sourceMappingURL=GridList.d.ts.map

package/dist/List/GridList.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"GridList.d.ts","sourceRoot":"","sources":["../../src/List/GridList.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAwB,KAAK,cAAc,EAAE,MAAM,cAAc,CAAC;AAEzE,OAAO,EAKH,KAAK,iBAAiB,IAAI,qBAAqB,EAC/C,KAAK,GAAG,EACR,KAAK,aAAa,IAAI,gBAAgB,EACtC,KAAK,oBAAoB,IAAI,uBAAuB,EACvD,MAAM,uBAAuB,CAAC;AAU/B,OAAO,KAAK,EAAE,cAAc,EAAE,GAAG,EAAE,MAAM,OAAO,CAAC;AACjD,OAAO,KAAK,EAAE,gBAAgB,EAAE,WAAW,EAAE,MAAM,WAAW,CAAC;AAE/D,YAAY,EAAE,aAAa,EAAE,oBAAoB,EAAE,MAAM,uBAAuB,CAAC;AAEjF,MAAM,MAAM,YAAY,GAAG,WAAW,CAAC;AAEvC;;;GAGG;AACH,MAAM,WAAW,sBAAsB,CAAC,CAAC,SAAS,MAAM,GAAG,MAAM,CAAE,SAAQ,IAAI,CAAC,gBAAgB,CAAC,CAAC,CAAC,EAAE,cAAc,CAAC;IAChH,IAAI,CAAC,EAAE,YAAY,CAAC;IACpB,YAAY,CAAC,EAAE,cAAc,CAAC,GAAG,CAAC,CAAC;IACnC,WAAW,CAAC,EAAE,OAAO,CAAC;CACzB;AAED,MAAM,MAAM,iBAAiB,CAAC,CAAC,SAAS,MAAM,GAAG,MAAM,IAAI,qBAAqB,CAAC,CAAC,CAAC,GAC/E,gBAAgB,GAAG;IACjB,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,QAAQ,CAAC,EAAE,OAAO,CAAC;CACtB,CAAC;AAEJ,wBAAgB,QAAQ,CAAC,CAAC,SAAS,MAAM,EAAE,EACvC,SAAS,EACT,IAAW,EACX,aAAsB,EACtB,YAAY,EACZ,iBAA0B,EAC1B,WAAkB,EAClB,0BAAoC,EACpC,MAAgB,EAChB,iBAAiB,EACjB,GAAG,KAAK,EACX,EAAE,sBAAsB,CAAC,CAAC,CAAC,+BAqB3B;yBAhCe,QAAQ;;;AAkCxB,wBAAgB,YAAY,CAAC,CAAC,SAAS,MAAM,EAAE,EAC3C,UAAU,EACV,IAAI,EACJ,IAAI,EACJ,WAAW,EACX,QAAQ,EACR,QAAQ,EACR,SAAS,EACT,QAAQ,EACR,GAAG,EACH,GAAG,KAAK,EACX,EAAE,iBAAiB,CAAC,CAAC,CAAC,GAAG;IAAE,GAAG,CAAC,EAAE,GAAG,CAAC,cAAc,CAAC,CAAA;CAAE,+BAwBtD;yBAnCe,YAAY;;;AAqC5B,wBAAgB,cAAc,CAAC,EAC3B,SAAS,EACT,MAAM,EACN,GAAG,KAAK,EACX,EAAE,cAAc,CAAC,cAAc,CAAC,GAAG;IAAE,MAAM,CAAC,EAAE,OAAO,CAAA;CAAE,+BAQvD;yBAZe,cAAc;;;AAc9B,wBAAgB,eAAe,CAAC,CAAC,SAAS,MAAM,EAAE,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,uBAAuB,CAAC,CAAC,CAAC,+BAEpG;yBAFe,eAAe"}

package/dist/List/GridList.js

@@ -0,0 +1,95 @@
+import { toSet as y, cn as d, mergeRefs as N } from "@reforma/lib";
+import { useRef as G, useMemo as S } from "react";
+import { GridList as H, GridListHeader as I, GridListItem as g, GridListSection as v } from "react-aria-components";
+import o from "./ListBox.module.css.js";
+import { renderListRowItemContent as R } from "./listRowItemContent.js";
+import { useListHoverHighlight as x } from "./useListHoverHighlight.js";
+import { useScrollActiveListItem as $ } from "./useScrollActiveListItem.js";
+import { jsx as c } from "react/jsx-runtime";
+function k({
+  className: t,
+  size: e = "sm",
+  selectionMode: s = "none",
+  selectedKeys: a,
+  escapeKeyBehavior: l = "none",
+  interactive: i = !0,
+  keyboardNavigationBehavior: f = "arrow",
+  layout: L = "stack",
+  selectionBehavior: u,
+  ...m
+}) {
+  const r = G(null), n = S(() => y(a), [a]);
+  return x(r, i), /* @__PURE__ */ c(H, {
+    className: d(o.list, t),
+    selectionMode: s,
+    selectedKeys: n,
+    escapeKeyBehavior: l,
+    keyboardNavigationBehavior: f,
+    layout: L,
+    "data-size": e,
+    "data-interactive": i || void 0,
+    selectionBehavior: u,
+    ...m,
+    ref: r
+  });
+}
+function w({
+  startAffix: t,
+  icon: e,
+  text: s,
+  description: a,
+  endAffix: l,
+  children: i,
+  className: f,
+  isDanger: L,
+  ref: u,
+  ...m
+}) {
+  const r = G(null), n = s || m.textValue || (typeof i == "string" ? i : void 0);
+  $(r);
+  const p = {
+    icon: e,
+    description: a,
+    startAffix: t,
+    endAffix: l,
+    textValue: n
+  };
+  return /* @__PURE__ */ c(g, {
+    ref: N(r, u),
+    className: d(o.item, L && o.itemDanger, f),
+    textValue: n,
+    ...m,
+    children: R(i, p)
+  });
+}
+function V({
+  className: t,
+  sticky: e,
+  ...s
+}) {
+  return /* @__PURE__ */ c(I, {
+    className: d(o.sectionHeader, t),
+    "data-sticky": e || void 0,
+    ...s
+  });
+}
+function h({
+  className: t,
+  ...e
+}) {
+  return /* @__PURE__ */ c(v, {
+    className: d(o.section, t),
+    ...e
+  });
+}
+k.displayName = "GridList";
+w.displayName = "GridListItem";
+V.displayName = "GridListHeader";
+h.displayName = "GridListSection";
+export {
+  k as GridList,
+  V as GridListHeader,
+  w as GridListItem,
+  h as GridListSection
+};
+//# sourceMappingURL=GridList.js.map

package/dist/List/GridList.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"GridList.js","sources":["../../src/List/GridList.tsx"],"sourcesContent":["import { cn, mergeRefs, toSet, type SelectionInput } from '@reforma/lib';\nimport { useMemo, useRef } from 'react';\nimport {\n    GridList as AriaGridList,\n    GridListHeader as AriaGridListHeader,\n    GridListItem as AriaGridListItem,\n    GridListSection as AriaGridListSection,\n    type GridListItemProps as AriaGridListItemProps,\n    type Key,\n    type GridListProps as RACGridListProps,\n    type GridListSectionProps as RACGridListSectionProps,\n} from 'react-aria-components';\n\nimport styles from './ListBox.module.css';\nimport {\n    renderListRowItemContent,\n    type ListRowItemSlotFields,\n} from './listRowItemContent';\nimport { useListHoverHighlight } from './useListHoverHighlight';\nimport { useScrollActiveListItem } from './useScrollActiveListItem';\n\nimport type { HTMLAttributes, Ref } from 'react';\nimport type { ListBoxItemSlots, ListBoxSize } from './ListBox';\n\nexport type { GridListProps, GridListSectionProps } from 'react-aria-components';\n\nexport type GridListSize = ListBoxSize;\n\n/**\n * **General-purpose styled list/grid rows** — settings tables, inspectors, rows with trailing actions or **nested controls** (`keyboardNavigationBehavior=\"tab\"`).\n * For ComboBox-/Select-shaped **option lists** (arrow navigation, picker overlays), prefer {@link ListBox}.\n */\nexport interface GridListComponentProps<T extends object = object> extends Omit<RACGridListProps<T>, 'selectedKeys'> {\n    size?: GridListSize;\n    selectedKeys?: SelectionInput<Key>;\n    interactive?: boolean;\n}\n\nexport type GridListItemProps<T extends object = object> = AriaGridListItemProps<T>\n  & ListBoxItemSlots & {\n      text?: string;\n      isDanger?: boolean;\n  };\n\nexport function GridList<T extends object>({\n    className,\n    size = 'sm',\n    selectionMode = 'none',\n    selectedKeys,\n    escapeKeyBehavior = 'none',\n    interactive = true,\n    keyboardNavigationBehavior = 'arrow',\n    layout = 'stack',\n    selectionBehavior,\n    ...props\n}: GridListComponentProps<T>) {\n    const listRef = useRef<HTMLDivElement>(null);\n    const selectedKeysSet = useMemo(() => toSet(selectedKeys), [selectedKeys]);\n\n    useListHoverHighlight(listRef, interactive);\n\n    return (\n        <AriaGridList\n            className={ cn(styles.list, className) }\n            selectionMode={ selectionMode }\n            selectedKeys={ selectedKeysSet }\n            escapeKeyBehavior={ escapeKeyBehavior }\n            keyboardNavigationBehavior={ keyboardNavigationBehavior }\n            layout={ layout }\n            data-size={ size }\n            data-interactive={ interactive || undefined }\n            selectionBehavior={ selectionBehavior }\n            { ...props }\n            ref={ listRef }\n        />\n    );\n}\n\nexport function GridListItem<T extends object>({\n    startAffix,\n    icon,\n    text,\n    description,\n    endAffix,\n    children,\n    className,\n    isDanger,\n    ref,\n    ...props\n}: GridListItemProps<T> & { ref?: Ref<HTMLDivElement> }) {\n    const itemRef = useRef<HTMLDivElement>(null);\n    const textValue = text || props.textValue || (typeof children === 'string' ? children : undefined);\n\n    useScrollActiveListItem(itemRef);\n\n    const slotFields: ListRowItemSlotFields = {\n        icon,\n        description,\n        startAffix,\n        endAffix,\n        textValue,\n    };\n\n    return (\n        <AriaGridListItem\n            ref={ mergeRefs(itemRef, ref) }\n            className={ cn(styles.item, isDanger && styles.itemDanger, className) }\n            textValue={ textValue }\n            { ...props }\n        >\n            { renderListRowItemContent(children, slotFields) }\n        </AriaGridListItem>\n    );\n}\n\nexport function GridListHeader({\n    className,\n    sticky,\n    ...props\n}: HTMLAttributes<HTMLDivElement> & { sticky?: boolean }) {\n    return (\n        <AriaGridListHeader\n            className={ cn(styles.sectionHeader, className) }\n            data-sticky={ sticky || undefined }\n            { ...props }\n        />\n    );\n}\n\nexport function GridListSection<T extends object>({ className, ...props }: RACGridListSectionProps<T>) {\n    return <AriaGridListSection className={ cn(styles.section, className) } { ...props } />;\n}\n\nGridList.displayName = 'GridList';\nGridListItem.displayName = 'GridListItem';\nGridListHeader.displayName = 'GridListHeader';\nGridListSection.displayName = 'GridListSection';\n"],"names":["GridList","className","size","selectionMode","selectedKeys","escapeKeyBehavior","interactive","keyboardNavigationBehavior","layout","selectionBehavior","props","listRef","useRef","selectedKeysSet","useMemo","toSet","useListHoverHighlight","AriaGridList","cn","styles","GridListItem","startAffix","icon","text","description","endAffix","children","isDanger","ref","itemRef","textValue","useScrollActiveListItem","slotFields","AriaGridListItem","mergeRefs","renderListRowItemContent","GridListHeader","sticky","AriaGridListHeader","GridListSection","AriaGridListSection"],"mappings":";;;;;;;;AAaO,SAASA,EAAS;AAAA,EACvB,WAAAC;AAAA,EACA,MAAAC,IAAO;AAAA,EACP,eAAAC,IAAgB;AAAA,EAChB,cAAAC;AAAA,EACA,mBAAAC,IAAoB;AAAA,EACpB,aAAAC,IAAc;AAAA,EACd,4BAAAC,IAA6B;AAAA,EAC7B,QAAAC,IAAS;AAAA,EACT,mBAAAC;AAAA,EACA,GAAGC;AACL,GAAG;AACD,QAAMC,IAAUC,EAAO,IAAI,GACrBC,IAAkBC,EAAQ,MAAMC,EAAMX,CAAY,GAAG,CAACA,CAAY,CAAC;AACzE,SAAAY,EAAsBL,GAASL,CAAW,qBACjBW,GAAc;AAAA,IACrC,WAAWC,EAAGC,EAAO,MAAMlB,CAAS;AAAA,IACpC,eAAAE;AAAA,IACA,cAAcU;AAAA,IACd,mBAAAR;AAAA,IACA,4BAAAE;AAAA,IACA,QAAAC;AAAA,IACA,aAAaN;AAAA,IACb,oBAAoBI,KAAe;AAAA,IACnC,mBAAAG;AAAA,IACA,GAAGC;AAAA,IACH,KAAKC;AAAA,EAAA,CACN;AACH;AACO,SAASS,EAAa;AAAA,EAC3B,YAAAC;AAAA,EACA,MAAAC;AAAA,EACA,MAAAC;AAAA,EACA,aAAAC;AAAA,EACA,UAAAC;AAAA,EACA,UAAAC;AAAA,EACA,WAAAzB;AAAA,EACA,UAAA0B;AAAA,EACA,KAAAC;AAAA,EACA,GAAGlB;AACL,GAAG;AACD,QAAMmB,IAAUjB,EAAO,IAAI,GACrBkB,IAAYP,KAAQb,EAAM,cAAc,OAAOgB,KAAa,WAAWA,IAAW;AACxF,EAAAK,EAAwBF,CAAO;AAC/B,QAAMG,IAAa;AAAA,IACjB,MAAAV;AAAA,IACA,aAAAE;AAAA,IACA,YAAAH;AAAA,IACA,UAAAI;AAAA,IACA,WAAAK;AAAA,EAAA;AAEF,2BAAyBG,GAAkB;AAAA,IACzC,KAAKC,EAAUL,GAASD,CAAG;AAAA,IAC3B,WAAWV,EAAGC,EAAO,MAAMQ,KAAYR,EAAO,YAAYlB,CAAS;AAAA,IACnE,WAAA6B;AAAA,IACA,GAAGpB;AAAA,IACH,UAAUyB,EAAyBT,GAAUM,CAAU;AAAA,EAAA,CACxD;AACH;AACO,SAASI,EAAe;AAAA,EAC7B,WAAAnC;AAAA,EACA,QAAAoC;AAAA,EACA,GAAG3B;AACL,GAAG;AACD,2BAAyB4B,GAAoB;AAAA,IAC3C,WAAWpB,EAAGC,EAAO,eAAelB,CAAS;AAAA,IAC7C,eAAeoC,KAAU;AAAA,IACzB,GAAG3B;AAAA,EAAA,CACJ;AACH;AACO,SAAS6B,EAAgB;AAAA,EAC9B,WAAAtC;AAAA,EACA,GAAGS;AACL,GAAG;AACD,2BAAyB8B,GAAqB;AAAA,IAC5C,WAAWtB,EAAGC,EAAO,SAASlB,CAAS;AAAA,IACvC,GAAGS;AAAA,EAAA,CACJ;AACH;AACAV,EAAS,cAAc;AACvBoB,EAAa,cAAc;AAC3BgB,EAAe,cAAc;AAC7BG,EAAgB,cAAc;"}