welcome-ui/dist/Stack.mjs

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

"use client";
import { j as i } from "./jsx-runtime-Bqq1Hxg9.mjs";
import { Children as f, isValidElement as x } from "react";
import { Box as t } from "./Box.mjs";
import { forwardRef as h } from "./System.mjs";
const u = h(
  ({ as: r = "div", children: e, dataTestId: o, direction: l = "column", spacing: d = "md", ...s }, a) => {
    const c = f.toArray(e).filter(x);
    return /* @__PURE__ */ i.jsx(
      t,
      {
        as: r,
        "data-testid": o,
        display: "flex",
        flexDirection: l,
        gap: d,
        ref: a,
        ...s,
        children: c.map((m, n) => {
          const p = {
            as: r === "ol" || r === "ul" ? "li" : "div",
            key: `stack-item-${n}`
          };
          return /* @__PURE__ */ i.jsx(t, { ...p, children: m });
        })
      }
    );
  }
);
u.displayName = "Stack";
export {
  u as Stack
};