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

stack bottom sheet

"use client";

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

// src/compounds/BottomSheetOverlay.tsx
import { StackThemeProvider } from "@teamsparta/stack-core";
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 } = _b, restProps = __objRest(_b, ["children", "style"]);
  const { theme } = useBottomSheet("BottomSheetOverlay");
  return /* @__PURE__ */ jsx(StackThemeProvider, { theme, children: /* @__PURE__ */ jsx(
    Drawer.Overlay,
    __spreadProps(__spreadValues({
      asChild: false,
      ref,
      style,
      css: overlayCss
    }, restProps), {
      children
    })
  ) });
});
BottomSheetOverlay.displayName = "BottomSheetOverlay";

export {
  BottomSheetOverlay
};