UNPKG

@payfit/unity-components

Version:

49 lines (48 loc) 1.81 kB
import { BottomSheetDragIndicator as e } from "./parts/BottomSheetDragIndicator.js"; import { forwardRef as t } from "react"; import { uyTv as n } from "@payfit/unity-themes"; import { jsx as r, jsxs as i } from "react/jsx-runtime"; import { Dialog as a } from "react-aria-components/Dialog"; import { Modal as o, ModalOverlay as s } from "react-aria-components/Modal"; //#region src/components/bottom-sheet/BottomSheet.tsx var c = n({ slots: { overlay: [ "uy:fixed uy:inset-0 uy:z-30 uy:overflow-y-auto", "uy:backdrop-blur-sm uy:bg-utility-backdrop/65", "uy:data-[entering]:animate-fade-in uy:data-[exiting]:animate-fade-out" ], wrapper: [ "uy:w-full uy:md:max-w-[50svw]", "uy:fixed uy:bottom-0 uy:left-0 uy:right-0 uy:md:left-0 uy:md:right-0 uy:md:mx-auto uy:z-[100]", "uy:bg-surface-neutral uy:rounded-t-200", "uy:shadow-flying", "uy:flex uy:flex-col uy:max-h-[95svh]", "uy:overflow-hidden", "uy:data-[entering]:animate-slide-up-fade-in uy:data-[exiting]:animate-slide-down-fade-out" ], content: ["uy:flex uy:flex-col uy:h-full uy:min-h-[40svh] uy:overflow-hidden uy:outline-none"] } }), l = t(({ children: t, isOpen: n, onOpenChange: l, defaultOpen: u, isDismissable: d = !0, isKeyboardDismissDisabled: f = !1, ...p }, m) => { let { overlay: h, wrapper: g, content: _ } = c(); return /* @__PURE__ */ r(s, { className: h(), isOpen: n, onOpenChange: l, defaultOpen: u, isDismissable: d, isKeyboardDismissDisabled: f, children: /* @__PURE__ */ i(o, { "data-dd-privacy": "allow", ...p, ref: m, className: g(), "data-unity-bottom-sheet": !0, children: [/* @__PURE__ */ r(e, {}), /* @__PURE__ */ r(a, { className: _(), children: t })] }) }); }); l.displayName = "BottomSheet"; //#endregion export { l as BottomSheet, c as bottomSheet };