'use client';

// src/base/Stack/Stack.tsx
import { cn } from "@paalan/react-shared/lib";
import { forwardRef as forwardRef2 } from "@paalan/react-shared/utils";

// src/base/Box/Box.tsx
import { StyledComponent, WithStyledComponent } from "@paalan/react-shared/system";
import { forwardRef } from "@paalan/react-shared/utils";
import { jsx } from "react/jsx-runtime";
var Box = forwardRef((props, ref) => {
  return /* @__PURE__ */ jsx(StyledComponent, { ...props, ref });
});
Box.withComponent = WithStyledComponent;

// src/base/Stack/Stack.tsx
import { jsx as jsx2 } from "react/jsx-runtime";
var Stack = forwardRef2((props, ref) => {
  const { children, className, direction, ...restProps } = props;
  return /* @__PURE__ */ jsx2(Box, { className: cn("flex flex-col gap-2", className), flexDirection: direction, ...restProps, ref, children });
});
export {
  Stack
};
