@teamsparta/stack-bottom-sheet/dist/chunk-O5USUAIT.mjs

stack bottom sheet

"use client";

import {
  useBottomSheet
} from "./chunk-VI637IBA.mjs";
import {
  overlayCss
} from "./chunk-ALWYKHLT.mjs";
import {
  __objRest,
  __spreadProps,
  __spreadValues
} from "./chunk-FUJQIYOF.mjs";

// src/compounds/BottomSheetOverlay.tsx
import { StackThemeProvider } from "@teamsparta/stack-core";
import { zIndex } from "@teamsparta/stack-z-index";
import {
  forwardRef
} from "react";
import { Drawer } from "vaul";
import { jsx } from "@emotion/react/jsx-runtime";
var BottomSheetOverlay = forwardRef((_a, ref) => {
  var _b = _a, { children, style: styleFromProps } = _b, restProps = __objRest(_b, ["children", "style"]);
  const { theme } = useBottomSheet("BottomSheetOverlay");
  return /* @__PURE__ */ jsx(
    Drawer.Overlay,
    __spreadProps(__spreadValues({
      asChild: false,
      ref,
      style: __spreadValues({
        position: "relative",
        zIndex: zIndex.overlay
      }, styleFromProps)
    }, restProps), {
      children: /* @__PURE__ */ jsx(StackThemeProvider, { theme, children: /* @__PURE__ */ jsx("div", { css: overlayCss, children }) })
    })
  );
});
BottomSheetOverlay.displayName = "BottomSheetOverlay";

export {
  BottomSheetOverlay
};