UNPKG

@trail-ui/react

Version:
55 lines (53 loc) 2.56 kB
"use strict"; var __defProp = Object.defineProperty; var __getOwnPropDesc = Object.getOwnPropertyDescriptor; var __getOwnPropNames = Object.getOwnPropertyNames; var __hasOwnProp = Object.prototype.hasOwnProperty; var __export = (target, all) => { for (var name in all) __defProp(target, name, { get: all[name], enumerable: true }); }; var __copyProps = (to, from, except, desc) => { if (from && typeof from === "object" || typeof from === "function") { for (let key of __getOwnPropNames(from)) if (!__hasOwnProp.call(to, key) && key !== except) __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable }); } return to; }; var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod); // src/multiselect/tw-popover.tsx var tw_popover_exports = {}; __export(tw_popover_exports, { Popover: () => Popover }); module.exports = __toCommonJS(tw_popover_exports); var import_react_aria_components = require("react-aria-components"); var import_tailwind_merge = require("tailwind-merge"); var import_jsx_runtime = require("react/jsx-runtime"); function Popover({ children, className, ...props }) { const popoverContext = (0, import_react_aria_components.useSlottedContext)(import_react_aria_components.PopoverContext); const isSubmenu = (popoverContext == null ? void 0 : popoverContext.trigger) === "SubmenuTrigger"; let offset = 8; offset = props.offset !== void 0 ? props.offset : isSubmenu ? offset - 14 : offset; return /* @__PURE__ */ (0, import_jsx_runtime.jsx)( import_react_aria_components.Popover, { ...props, offset, className: (0, import_react_aria_components.composeRenderProps)(className, (className2, renderProps) => { return (0, import_tailwind_merge.twMerge)( "ring-foreground/10 dark:ring-foreground/15 rounded text-[12px] shadow-md ring-1 dark:ring-inset", renderProps.isEntering && "duration-50 animate-in fade-in placement-left:slide-in-from-right-1 placement-right:slide-in-from-left-1 placement-top:slide-in-from-bottom-1 placement-bottom:slide-in-from-top-1 ease-out", renderProps.isExiting && "duration-50 animate-out fade-out placement-left:slide-out-to-right-1 placement-right:slide-out-to-left-1 placement-top:slide-out-to-bottom-1 placement-bottom:slide-out-to-top-1 ease-in", className2 ); }), children } ); } // Annotate the CommonJS export names for ESM import in node: 0 && (module.exports = { Popover });