text: var __defProp = Object.defineProperty;
  var __hasOwnProp = Object.prototype.hasOwnProperty;
  var __getOwnPropSymbols = Object.getOwnPropertySymbols;
  var __propIsEnum = Object.prototype.propertyIsEnumerable;
  var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, {enumerable: true, configurable: true, writable: true, value}) : obj[key] = value;
  var __objSpread = (a, b) => {
    for (var prop in b || (b = {}))
      if (__hasOwnProp.call(b, prop))
        __defNormalProp(a, prop, b[prop]);
    if (__getOwnPropSymbols)
      for (var prop of __getOwnPropSymbols(b)) {
        if (__propIsEnum.call(b, prop))
          __defNormalProp(a, prop, b[prop]);
      }
    return a;
  };
  var __objRest = (source, exclude) => {
    var target = {};
    for (var prop in source)
      if (__hasOwnProp.call(source, prop) && exclude.indexOf(prop) < 0)
        target[prop] = source[prop];
    if (source != null && __getOwnPropSymbols)
      for (var prop of __getOwnPropSymbols(source)) {
        if (exclude.indexOf(prop) < 0 && __propIsEnum.call(source, prop))
          target[prop] = source[prop];
      }
    return target;
  };
  import React, {forwardRef} from "react";
  import styled from "styled-components";
  import {Box} from "../box";
  import {stackBaseStyle, responsiveStackSpaceStyle} from "./styles";
  const Root = styled(Box)(stackBaseStyle, responsiveStackSpaceStyle);
  const Stack = forwardRef((props, ref) => {
    const _a = props, {as, space} = _a, restProps = __objRest(_a, ["as", "space"]);
    return /* @__PURE__ */ React.createElement(Root, __objSpread(__objSpread({
      "data-as": typeof as === "string" ? as : void 0,
      "data-ui": "Stack"
    }, restProps), {
      $space: space,
      forwardedAs: as,
      ref
    }));
  });
  Stack.displayName = "Stack";
  export {
    Stack
  };
  