@guruhotel/aura-ui
Version:
⚛️ React UI library by GuruHotel
1 lines • 1.79 kB
JavaScript
exports.__esModule=!0,exports.StyledContent=exports.StyledArrow=void 0;var t=require("../theme"),e=function(t,e){if(!e&&t&&t.__esModule)return t;if(null===t||"object"!=typeof t&&"function"!=typeof t)return{default:t};var r=a(e);if(r&&r.has(t))return r.get(t);var n={},o=Object.defineProperty&&Object.getOwnPropertyDescriptor;for(var i in t)if("default"!==i&&Object.prototype.hasOwnProperty.call(t,i)){var s=o?Object.getOwnPropertyDescriptor(t,i):null;s&&(s.get||s.set)?Object.defineProperty(n,i,s):n[i]=t[i]}n.default=t,r&&r.set(t,n);return n}(require("@radix-ui/react-hover-card")),r=require("../common-variants");function a(t){if("function"!=typeof WeakMap)return null;var e=new WeakMap,r=new WeakMap;return(a=function(t){return t?r:e})(t)}const n=(0,t.keyframes)({"0%":{opacity:0,transform:"translateY(2px)"},"100%":{opacity:1,transform:"translateY(0)"}}),o=(0,t.keyframes)({"0%":{opacity:0,transform:"translateX(-2px)"},"100%":{opacity:1,transform:"translateX(0)"}}),i=(0,t.keyframes)({"0%":{opacity:0,transform:"translateY(-2px)"},"100%":{opacity:1,transform:"translateY(0)"}}),s=(0,t.keyframes)({"0%":{opacity:0,transform:"translateX(2px)"},"100%":{opacity:1,transform:"translateX(0)"}}),d=(0,t.styled)(e.Content,{padding:"$6",width:300,backgroundColor:"white",boxShadow:"$md","@media (prefers-reduced-motion: no-preference)":{animationDuration:"400ms",animationTimingFunction:"cubic-bezier(0.16, 1, 0.3, 1)",willChange:"transform, opacity",'&[data-state="open"]':{'&[data-side="top"]':{animationName:i},'&[data-side="right"]':{animationName:s},'&[data-side="bottom"]':{animationName:n},'&[data-side="left"]':{animationName:o}}},variants:{rounded:r.rounded},defaultVariants:{rounded:"md"}});exports.StyledContent=d;const p=(0,t.styled)(e.Arrow,{fill:"white"});exports.StyledArrow=p;