@payfit/unity-components
Version:
49 lines (48 loc) • 1.81 kB
JavaScript
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 };