welcome-ui/dist/Grid.mjs

Customizable design system with react • styled-components • styled-system and ariakit.

"use client";
import { j as s } from "./jsx-runtime-Bqq1Hxg9.mjs";
import { Box as m } from "./Box.mjs";
import { forwardRef as a } from "./System.mjs";
const j = a(
  ({ area: r, column: t, dataTestId: o, row: i, ...e }, d) => /* @__PURE__ */ s.jsx(
    m,
    {
      "data-testid": o,
      gridArea: r,
      gridColumn: t,
      ref: d,
      row: i,
      ...e
    }
  )
), w = a(
  ({
    area: r,
    autoColumns: t,
    autoFlow: o,
    autoRows: i,
    column: e,
    columnGap: d,
    dataTestId: n,
    gap: g,
    row: u,
    rowGap: l,
    templateAreas: p,
    templateColumns: x,
    templateRows: A,
    ...c
  }, f) => /* @__PURE__ */ s.jsx(
    m,
    {
      columnGap: d,
      "data-testid": n,
      display: "grid",
      gap: g,
      gridArea: r,
      gridAutoColumns: t,
      gridAutoFlow: o,
      gridAutoRows: i,
      gridColumn: e,
      gridRow: u,
      gridTemplateAreas: p,
      gridTemplateColumns: x,
      gridTemplateRows: A,
      ref: f,
      rowGap: l,
      ...c
    }
  )
), G = Object.assign(w, { Item: j });
export {
  G as Grid
};