"use client";
import { j as d } from "./index.esm38.js";
import { forwardRef as y } from "react";
import g from "./index.esm40.js";
import { getSpacingVar as j } from "./index.esm3.js";
import t from "./index.esm43.js";
const w = y(
  ({
    direction: r = "row",
    align: s = "stretch",
    justify: o = "start",
    wrap: e = "nowrap",
    gap: c = 0,
    as: i = "div",
    children: p,
    className: m,
    testId: a,
    ...n
  }, l) => {
    const f = j(c), { style: k, ...u } = n;
    return /* @__PURE__ */ d.jsx(
      i,
      {
        ref: l,
        "data-atme-ui": !0,
        className: g(
          t.stack,
          t[`stack--direction-${r}`],
          t[`stack--align-${s}`],
          t[`stack--justify-${o}`],
          t[`stack--wrap-${e}`],
          m
        ),
        style: { ...k, gap: f },
        ...a && { "data-testid": a },
        ...u,
        children: p
      }
    );
  }
);
w.displayName = "Stack";
export {
  w as Stack
};
//# sourceMappingURL=index.esm27.js.map
