@kubit-ui-web/react-components 2.0.0-beta.60 → 2.0.0-beta.63

package/dist/cjs/components/popover/animations/popover.animations.js

@@ -0,0 +1,20 @@
+"use strict";var __webpack_require__={};(()=>{__webpack_require__.d=(e,t)=>{for(var n in t)if(__webpack_require__.o(t,n)&&!__webpack_require__.o(e,n))Object.defineProperty(e,n,{enumerable:true,get:t[n]})}})();(()=>{__webpack_require__.o=(e,t)=>Object.prototype.hasOwnProperty.call(e,t)})();(()=>{__webpack_require__.r=e=>{if("u">typeof Symbol&&Symbol.toStringTag)Object.defineProperty(e,Symbol.toStringTag,{value:"Module"});Object.defineProperty(e,"__esModule",{value:true})}})();var __webpack_exports__={};__webpack_require__.r(__webpack_exports__);__webpack_require__.d(__webpack_exports__,{generateAnimationKeyframesRule:()=>generateAnimationKeyframesRule,createCustomAnimation:()=>createCustomAnimation,generateAnimation:()=>generateAnimation,generateAnimationStyles:()=>generateAnimationStyles,getPlacementAnimation:()=>getPlacementAnimation});const animation_js_namespaceObject=require("../types/animation.js");const animation_utils_js_namespaceObject=require("../utils/animation.utils.js");const placement_utils_js_namespaceObject=require("../utils/placement.utils.js");const generateAnimation=(e,t,n,a)=>{const i=n===animation_js_namespaceObject.ANIMATION_TYPES.ENTER;const{end:o,start:r}=(0,animation_utils_js_namespaceObject.getAnimationOpacities)(e,i);let s="";let _="";if("fade"!==t){const{end:n,start:a}=(0,animation_utils_js_namespaceObject.getSlideTransforms)(e,t,i);s=a;_=n}const m=(0,animation_utils_js_namespaceObject.generateTransform)(e,s,!i,false,a);const c=(0,animation_utils_js_namespaceObject.generateTransform)(e,_,i,!i,a);return`from {
+    opacity: ${r};
+    ${m?`transform: ${m};`:""}
+  }
+  to {
+    opacity: ${o};
+    ${c?`transform: ${c};`:""}
+  }`};const createCustomAnimation=(e,t)=>{const{direction:n,placement:a,type:i}=t;return generateAnimation(e,n,i,a)};const createAnimationGenerators=(e,t)=>({in:(t,n)=>generateAnimation(t,e,animation_js_namespaceObject.ANIMATION_TYPES.ENTER,n),out:(e,n)=>generateAnimation(e,t,animation_js_namespaceObject.ANIMATION_TYPES.EXIT,n)});const ANIMATION_GENERATORS={bottom:createAnimationGenerators("up","down"),"bottom-end":createAnimationGenerators("up","down"),"bottom-start":createAnimationGenerators("up","down"),center:createAnimationGenerators("fade","fade"),left:createAnimationGenerators("left","left"),"left-end":createAnimationGenerators("left","left"),"left-start":createAnimationGenerators("left","left"),right:createAnimationGenerators("right","right"),"right-end":createAnimationGenerators("right","right"),"right-start":createAnimationGenerators("right","right"),top:createAnimationGenerators("down","up"),"top-end":createAnimationGenerators("down","up"),"top-start":createAnimationGenerators("down","up")};const getPlacementAnimation=(e,t,n)=>{const a=(0,animation_utils_js_namespaceObject.resolveAnimationConfig)(t,e);const i=n||animation_js_namespaceObject.DEFAULT_PLACEMENT;let o=ANIMATION_GENERATORS[i];let r=i;if(!o){const e=(0,placement_utils_js_namespaceObject.getPlacementDirection)(i);o=ANIMATION_GENERATORS[e];r=e}const s=e?o.out:o.in;const _=s(a,i);const m=(0,animation_utils_js_namespaceObject.getTransformOrigin)(a,animation_utils_js_namespaceObject.PLACEMENT_TRANSFORM_ORIGINS[r]);let c=`@keyframes popover-animation {
+    ${_}
+  }`;if(m)c+=`
+  transform-origin: ${m};`;return c};const generateAnimationKeyframesRule=(e,t,n,a,i)=>{const o=generateAnimation(t,n,a,i);return`@keyframes ${e} {
+  ${o}
+}`};const generateAnimationStyles=(e,t=false)=>{const n=(0,animation_utils_js_namespaceObject.resolveAnimationConfig)(e,t);const a=n.duration||"0ms";const i=n.delay||"0ms";const o=Math.max(1,n.iterationCount||1);const r=n.timingFunction||"ease";let s=`
+    animation-name: popover-animation;
+    animation-duration: ${a};
+    animation-delay: ${i};
+    animation-timing-function: ${r};
+    animation-iteration-count: ${o};
+    animation-fill-mode: forwards;`;if(n.transformOrigin&&""!==n.transformOrigin)s+=`
+    transform-origin: ${n.transformOrigin};`;return s};exports.createCustomAnimation=__webpack_exports__.createCustomAnimation;exports.generateAnimation=__webpack_exports__.generateAnimation;exports.generateAnimationKeyframesRule=__webpack_exports__.generateAnimationKeyframesRule;exports.generateAnimationStyles=__webpack_exports__.generateAnimationStyles;exports.getPlacementAnimation=__webpack_exports__.getPlacementAnimation;for(var __rspack_i in __webpack_exports__)if(-1===["createCustomAnimation","generateAnimation","generateAnimationKeyframesRule","generateAnimationStyles","getPlacementAnimation"].indexOf(__rspack_i))exports[__rspack_i]=__webpack_exports__[__rspack_i];Object.defineProperty(exports,"__esModule",{value:true});

package/dist/cjs/components/popover/animations/position-animation.utils.js

@@ -0,0 +1 @@
+"use strict";var __webpack_require__={};(()=>{__webpack_require__.d=(t,e)=>{for(var o in e)if(__webpack_require__.o(e,o)&&!__webpack_require__.o(t,o))Object.defineProperty(t,o,{enumerable:true,get:e[o]})}})();(()=>{__webpack_require__.o=(t,e)=>Object.prototype.hasOwnProperty.call(t,e)})();(()=>{__webpack_require__.r=t=>{if("u">typeof Symbol&&Symbol.toStringTag)Object.defineProperty(t,Symbol.toStringTag,{value:"Module"});Object.defineProperty(t,"__esModule",{value:true})}})();var __webpack_exports__={};__webpack_require__.r(__webpack_exports__);__webpack_require__.d(__webpack_exports__,{getAllPositionAnimationClasses:()=>getAllPositionAnimationClasses,getPositionAnimationClass:()=>getPositionAnimationClass,getPositionAnimationName:()=>getPositionAnimationName,getPositionAnimationStyles:()=>getPositionAnimationStyles,hasPositionAnimation:()=>hasPositionAnimation});const POSITION_ANIMATION_MAP={bottom:"bottom","bottom-end":"bottom-end","bottom-start":"bottom-start",center:"center",left:"left","left-end":"left-end","left-start":"left-start",right:"right","right-end":"right-end","right-start":"right-start",top:"top","top-end":"top-end","top-start":"top-start"};const getPositionAnimationClass=(t,e=false)=>{if(!t){const t=e?"exit":"enter";return`popover-animate popover-${t}-center`}const o=POSITION_ANIMATION_MAP[t]||"center";const i=e?"exit":"enter";return`popover-animate popover-${i}-${o}`};const getPositionAnimationName=(t,e=false)=>{const o=getPositionAnimationClass(t,e);const i=o.split(" ");return i.find(t=>t.startsWith("popover-enter-")||t.startsWith("popover-exit-"))||"popover-enter-center"};const getPositionAnimationStyles=(t,e=false,o=200,i="cubic-bezier(0.16, 1, 0.3, 1)")=>{const n=getPositionAnimationName(t,e);return{animationDuration:`${o}ms`,animationFillMode:"forwards",animationName:n,animationTimingFunction:i}};const hasPositionAnimation=t=>{if(!t)return false;return t in POSITION_ANIMATION_MAP};const getAllPositionAnimationClasses=()=>{const t={};Object.keys(POSITION_ANIMATION_MAP).forEach(e=>{const o=POSITION_ANIMATION_MAP[e]||"center";t[e]={enter:`popover-animate popover-enter-${o}`,exit:`popover-animate popover-exit-${o}`}});return t};exports.getAllPositionAnimationClasses=__webpack_exports__.getAllPositionAnimationClasses;exports.getPositionAnimationClass=__webpack_exports__.getPositionAnimationClass;exports.getPositionAnimationName=__webpack_exports__.getPositionAnimationName;exports.getPositionAnimationStyles=__webpack_exports__.getPositionAnimationStyles;exports.hasPositionAnimation=__webpack_exports__.hasPositionAnimation;for(var __rspack_i in __webpack_exports__)if(-1===["getAllPositionAnimationClasses","getPositionAnimationClass","getPositionAnimationName","getPositionAnimationStyles","hasPositionAnimation"].indexOf(__rspack_i))exports[__rspack_i]=__webpack_exports__[__rspack_i];Object.defineProperty(exports,"__esModule",{value:true});

package/dist/cjs/components/popover/animations/spring.animations.js

@@ -1,7 +1,6 @@
-const e=require(`../utils/animation.utils.js`),t=(t,n=300,r=20,i=1,a=20,o=20,s)=>{let c=Math.sqrt(n/i),l=r/(2*Math.sqrt(n*i)),u=e=>{if(l<1){let t=c*Math.sqrt(1-l*l),n=a,r=l*c*a/t;return Math.exp(-l*c*e)*(n*Math.cos(t*e)+r*Math.sin(t*e))}if(l===1)return a*Math.exp(-c*e)*(1+c*e);let t=Math.sqrt(l*l-1),n=-c*(l+t),r=-c*(l-t),i=a*r/(r-n),o=-a*n/(r-n);return i*Math.exp(n*e)+o*Math.exp(r*e)},d=[];for(let e=0;e<=o;e++){let t=e/o*1,n=e/o*100,r=u(t);d.push({displacement:r,time:n})}let f=e=>{if(e===0)return t===`up`||t===`down`?`translateY(0)`:`translateX(0)`;switch(t){case`up`:return`translateY(${-e}px)`;case`down`:return`translateY(${e}px)`;case`left`:return`translateX(${-e}px)`;case`right`:return`translateX(${e}px)`;case`fade`:{let t=1+e/a*.1;return`scale(${Math.max(.9,Math.min(1.1,t))})`}default:return`translateY(0)`}},p=t=>{let n=s?e.getPositioningTransforms(s):``,r=f(t);return n?`${n} ${r}`:r};return d.map(e=>{let n=p(e.displacement),r=t===`fade`?Math.max(0,Math.min(1,1-Math.abs(e.displacement)/a*.3)):1;return`${e.time.toFixed(1)}% {
-    opacity: ${r.toFixed(3)};
-    transform: ${n};
-  }`}).join(`
-  `)};exports.createSpringAnimation=(e,n={})=>{let{damping:r=20,duration:i=`800ms`,initialDisplacement:a=20,keyframeCount:o=20,mass:s=1,placement:c,stiffness:l=300}=n;return{duration:i,keyframesCSS:t(e,l,r,s,a,o,c)}},exports.generateSpringKeyframes=t,exports.generateSpringKeyframesRule=(e,n,r=300,i=20,a=1,o=20,s=20,c)=>`@keyframes ${e} {
-  ${t(n,r,i,a,o,s,c)}
-}`;
+"use strict";var __webpack_require__={};(()=>{__webpack_require__.d=(e,t)=>{for(var r in t)if(__webpack_require__.o(t,r)&&!__webpack_require__.o(e,r))Object.defineProperty(e,r,{enumerable:true,get:t[r]})}})();(()=>{__webpack_require__.o=(e,t)=>Object.prototype.hasOwnProperty.call(e,t)})();(()=>{__webpack_require__.r=e=>{if("u">typeof Symbol&&Symbol.toStringTag)Object.defineProperty(e,Symbol.toStringTag,{value:"Module"});Object.defineProperty(e,"__esModule",{value:true})}})();var __webpack_exports__={};__webpack_require__.r(__webpack_exports__);__webpack_require__.d(__webpack_exports__,{generateSpringKeyframesRule:()=>generateSpringKeyframesRule,generateSpringKeyframes:()=>generateSpringKeyframes,createSpringAnimation:()=>createSpringAnimation});const animation_utils_js_namespaceObject=require("../utils/animation.utils.js");const generateSpringKeyframes=(e,t=300,r=20,a=1,n=20,s=20,_)=>{const i=Math.sqrt(t/a);const o=r/(2*Math.sqrt(t*a));const c=e=>{if(o<1){const t=i*Math.sqrt(1-o*o);const r=n;const a=o*i*n/t;return Math.exp(-o*i*e)*(r*Math.cos(t*e)+a*Math.sin(t*e))}if(1===o)return n*Math.exp(-i*e)*(1+i*e);const t=Math.sqrt(o*o-1);const r=-i*(o+t);const a=-i*(o-t);const s=n*a/(a-r);const _=-n*r/(a-r);return s*Math.exp(r*e)+_*Math.exp(a*e)};const p=1;const u=[];for(let e=0;e<=s;e++){const t=e/s*p;const r=e/s*100;const a=c(t);u.push({displacement:a,time:r})}const m=t=>{if(0===t)return"up"===e||"down"===e?"translateY(0)":"translateX(0)";switch(e){case"up":return`translateY(${-t}px)`;case"down":return`translateY(${t}px)`;case"left":return`translateX(${-t}px)`;case"right":return`translateX(${t}px)`;case"fade":{const e=1+t/n*.1;return`scale(${Math.max(.9,Math.min(1.1,e))})`}default:return"translateY(0)"}};const g=e=>{const t=_?(0,animation_utils_js_namespaceObject.getPositioningTransforms)(_):"";const r=m(e);return t?`${t} ${r}`:r};const f=u.map(t=>{const r=g(t.displacement);const a="fade"===e?Math.max(0,Math.min(1,1-Math.abs(t.displacement)/n*.3)):1;return`${t.time.toFixed(1)}% {
+    opacity: ${a.toFixed(3)};
+    transform: ${r};
+  }`}).join("\n  ");return f};const generateSpringKeyframesRule=(e,t,r=300,a=20,n=1,s=20,_=20,i)=>{const o=generateSpringKeyframes(t,r,a,n,s,_,i);return`@keyframes ${e} {
+  ${o}
+}`};const createSpringAnimation=(e,t={})=>{const{damping:r=20,duration:a="800ms",initialDisplacement:n=20,keyframeCount:s=20,mass:_=1,placement:i,stiffness:o=300}=t;return{duration:a,keyframesCSS:generateSpringKeyframes(e,o,r,_,n,s,i)}};exports.createSpringAnimation=__webpack_exports__.createSpringAnimation;exports.generateSpringKeyframes=__webpack_exports__.generateSpringKeyframes;exports.generateSpringKeyframesRule=__webpack_exports__.generateSpringKeyframesRule;for(var __rspack_i in __webpack_exports__)if(-1===["createSpringAnimation","generateSpringKeyframes","generateSpringKeyframesRule"].indexOf(__rspack_i))exports[__rspack_i]=__webpack_exports__[__rspack_i];Object.defineProperty(exports,"__esModule",{value:true});

package/dist/cjs/components/popover/hooks/positioning/arrowPositionStyles.js

@@ -1 +1 @@
-const e=require(`./types.js`),t=({arrowElement:t,arrowX:n,arrowY:r,offset:i=`0px`,placement:a})=>{if(!t)return;t.setAttribute(`data-kbt-placement`,a),t.style.top=``,t.style.right=``,t.style.bottom=``,t.style.left=``;let o=a.split(`-`)[0],s=e.ArrowPositions[o];t.style[s]=i,o===`top`||o===`bottom`?n==null?(t.style.left=`50%`,t.style.transform=`translateX(-50%) rotate(45deg)`):(t.style.left=`${n}px`,t.style.transform=`rotate(45deg)`):r==null?(t.style.top=`50%`,t.style.transform=`translateY(-50%) rotate(45deg)`):(t.style.top=`${r}px`,t.style.transform=`rotate(45deg)`)};exports.positionArrow=(e,n,r,i,a,o)=>{if(!e||!r.arrow||!n)return;let{x:s,y:c}=r.arrow,l=`-${Math.floor(o/2)}px`;a&&a[0]!==void 0&&(l=`${-Math.abs(a[0]/4)}px`),t({arrowElement:n,arrowX:s,arrowY:c,offset:l,placement:i})};
+"use strict";var __webpack_require__={};(()=>{__webpack_require__.d=(e,t)=>{for(var r in t)if(__webpack_require__.o(t,r)&&!__webpack_require__.o(e,r))Object.defineProperty(e,r,{enumerable:true,get:t[r]})}})();(()=>{__webpack_require__.o=(e,t)=>Object.prototype.hasOwnProperty.call(e,t)})();(()=>{__webpack_require__.r=e=>{if("u">typeof Symbol&&Symbol.toStringTag)Object.defineProperty(e,Symbol.toStringTag,{value:"Module"});Object.defineProperty(e,"__esModule",{value:true})}})();var __webpack_exports__={};__webpack_require__.r(__webpack_exports__);__webpack_require__.d(__webpack_exports__,{positionArrow:()=>positionArrow,updateArrowStyles:()=>updateArrowStyles});const external_types_js_namespaceObject=require("./types.js");const updateArrowStyles=({arrowElement:e,arrowX:t,arrowY:r,offset:_="0px",placement:o})=>{if(!e)return;e.setAttribute("data-kbt-placement",o);e.style.top="";e.style.right="";e.style.bottom="";e.style.left="";const s=o.split("-")[0];const p=external_types_js_namespaceObject.ArrowPositions[s];e.style[p]=_;const a="top"===s||"bottom"===s;if(a){const r=null!=t;if(r){e.style.left=`${t}px`;e.style.transform="rotate(45deg)"}else{e.style.left="50%";e.style.transform="translateX(-50%) rotate(45deg)"}}else{const t=null!=r;if(t){e.style.top=`${r}px`;e.style.transform="rotate(45deg)"}else{e.style.top="50%";e.style.transform="translateY(-50%) rotate(45deg)"}}};const positionArrow=(e,t,r,_,o,s)=>{if(!e||!r.arrow||!t)return;const{x:p,y:a}=r.arrow;let l=`-${Math.floor(s/2)}px`;if(o&&void 0!==o[0])l=`${-Math.abs(o[0]/4)}px`;updateArrowStyles({arrowElement:t,arrowX:p,arrowY:a,offset:l,placement:_})};exports.positionArrow=__webpack_exports__.positionArrow;exports.updateArrowStyles=__webpack_exports__.updateArrowStyles;for(var __rspack_i in __webpack_exports__)if(-1===["positionArrow","updateArrowStyles"].indexOf(__rspack_i))exports[__rspack_i]=__webpack_exports__[__rspack_i];Object.defineProperty(exports,"__esModule",{value:true});

package/dist/cjs/components/popover/hooks/positioning/index.js

@@ -0,0 +1 @@
+"use strict";var __webpack_modules__={"./arrowPositionStyles"(_){_.exports=require("./arrowPositionStyles.js")},"./middlewareUtils"(_){_.exports=require("./middlewareUtils.js")},"./positionCalculation"(_){_.exports=require("./positionCalculation.js")},"./positionStyles"(_){_.exports=require("./positionStyles.js")},"./types?fbf6"(_){_.exports=require("./types.js")}};var __webpack_module_cache__={};function __webpack_require__(_){var e=__webpack_module_cache__[_];if(void 0!==e)return e.exports;var r=__webpack_module_cache__[_]={exports:{}};__webpack_modules__[_](r,r.exports,__webpack_require__);return r.exports}(()=>{__webpack_require__.n=_=>{var e=_&&_.__esModule?()=>_["default"]:()=>_;__webpack_require__.d(e,{a:e});return e}})();(()=>{__webpack_require__.d=(_,e)=>{for(var r in e)if(__webpack_require__.o(e,r)&&!__webpack_require__.o(_,r))Object.defineProperty(_,r,{enumerable:true,get:e[r]})}})();(()=>{__webpack_require__.o=(_,e)=>Object.prototype.hasOwnProperty.call(_,e)})();(()=>{__webpack_require__.r=_=>{if("u">typeof Symbol&&Symbol.toStringTag)Object.defineProperty(_,Symbol.toStringTag,{value:"Module"});Object.defineProperty(_,"__esModule",{value:true})}})();var __webpack_exports__={};(()=>{__webpack_require__.r(__webpack_exports__);var _=__webpack_require__("./arrowPositionStyles");var e={};for(const r in _)if("default"!==r)e[r]=()=>_[r];__webpack_require__.d(__webpack_exports__,e);var r=__webpack_require__("./middlewareUtils");var e={};for(const _ in r)if("default"!==_)e[_]=()=>r[_];__webpack_require__.d(__webpack_exports__,e);var a=__webpack_require__("./positionCalculation");var e={};for(const _ in a)if("default"!==_)e[_]=()=>a[_];__webpack_require__.d(__webpack_exports__,e);var o=__webpack_require__("./positionStyles");var e={};for(const _ in o)if("default"!==_)e[_]=()=>o[_];__webpack_require__.d(__webpack_exports__,e);var t=__webpack_require__("./types?fbf6");var e={};for(const _ in t)if("default"!==_)e[_]=()=>t[_];__webpack_require__.d(__webpack_exports__,e)})();for(var __rspack_i in __webpack_exports__)exports[__rspack_i]=__webpack_exports__[__rspack_i];Object.defineProperty(exports,"__esModule",{value:true});

package/dist/cjs/components/popover/hooks/positioning/middlewareUtils.js

@@ -1 +1 @@
-const e=require(`../../utils/placement.utils.js`);let t=require(`@floating-ui/dom`);var n=(n,r)=>{let i=e.getPlacementDirection(n),a=[];return i===`center`?a.push((0,t.shift)({crossAxis:!0,mainAxis:!0,padding:r})):i.startsWith(`right`)||i.startsWith(`left`)?a.push((0,t.offset)({alignmentAxis:0,mainAxis:0})):(i.startsWith(`bottom`)||i.startsWith(`top`))&&a.push((0,t.offset)({mainAxis:0})),a},r=(e,n,r)=>{let i=[];return i.push((0,t.offset)({crossAxis:n?.[1]||0,mainAxis:e})),i.push((0,t.flip)({fallbackAxisSideDirection:`start`,padding:r})),i.push((0,t.shift)({padding:r})),i},i=({arrowElement:e,edgePadding:n,hideWhenDetached:r,isBodyAnchor:i,middlewareStack:a})=>{!i&&r&&a.push((0,t.hide)()),e&&a.push((0,t.arrow)({element:e,padding:n}))};exports.calculateMainAxisOffset=({arrowSize:e,hasArrow:t,offsetDistance:n})=>typeof n?.[0]==`number`?n[0]:t?e:0,exports.getMiddlewareStack=({arrowElement:e,customMiddlewares:t,edgePadding:a,hideWhenDetached:o,isBodyAnchor:s,mainAxisOffset:c,offsetDistance:l,placement:u})=>{let d;return d=t?.length?[...t]:s?n(u,a):r(c,l,a),i({arrowElement:e,edgePadding:a,hideWhenDetached:o,isBodyAnchor:s,middlewareStack:d}),d};
+"use strict";var __webpack_require__={};(()=>{__webpack_require__.d=(e,t)=>{for(var a in t)if(__webpack_require__.o(t,a)&&!__webpack_require__.o(e,a))Object.defineProperty(e,a,{enumerable:true,get:t[a]})}})();(()=>{__webpack_require__.o=(e,t)=>Object.prototype.hasOwnProperty.call(e,t)})();(()=>{__webpack_require__.r=e=>{if("u">typeof Symbol&&Symbol.toStringTag)Object.defineProperty(e,Symbol.toStringTag,{value:"Module"});Object.defineProperty(e,"__esModule",{value:true})}})();var __webpack_exports__={};__webpack_require__.r(__webpack_exports__);__webpack_require__.d(__webpack_exports__,{getMiddlewareStack:()=>getMiddlewareStack,calculateMainAxisOffset:()=>calculateMainAxisOffset});const dom_namespaceObject=require("@floating-ui/dom");const placement_utils_js_namespaceObject=require("../../utils/placement.utils.js");const createBodyAnchorMiddlewares=(e,t)=>{const a=(0,placement_utils_js_namespaceObject.getPlacementDirection)(e);const _=[];if("center"===a)_.push((0,dom_namespaceObject.shift)({crossAxis:true,mainAxis:true,padding:t}));else if(a.startsWith("right")||a.startsWith("left"))_.push((0,dom_namespaceObject.offset)({alignmentAxis:0,mainAxis:0}));else if(a.startsWith("bottom")||a.startsWith("top"))_.push((0,dom_namespaceObject.offset)({mainAxis:0}));return _};const createElementAnchorMiddlewares=(e,t,a)=>{const _=[];_.push((0,dom_namespaceObject.offset)({crossAxis:t?.[1]||0,mainAxis:e}));_.push((0,dom_namespaceObject.flip)({fallbackAxisSideDirection:"start",padding:a}));_.push((0,dom_namespaceObject.shift)({padding:a}));return _};const addConditionalMiddlewares=({arrowElement:e,edgePadding:t,hideWhenDetached:a,isBodyAnchor:_,middlewareStack:r})=>{if(!_&&a)r.push((0,dom_namespaceObject.hide)());if(e)r.push((0,dom_namespaceObject.arrow)({element:e,padding:t}))};const getMiddlewareStack=({arrowElement:e,customMiddlewares:t,edgePadding:a,hideWhenDetached:_,isBodyAnchor:r,mainAxisOffset:s,offsetDistance:i,placement:c})=>{let o;o=t?.length?[...t]:r?createBodyAnchorMiddlewares(c,a):createElementAnchorMiddlewares(s,i,a);addConditionalMiddlewares({arrowElement:e,edgePadding:a,hideWhenDetached:_,isBodyAnchor:r,middlewareStack:o});return o};const calculateMainAxisOffset=({arrowSize:e,hasArrow:t,offsetDistance:a})=>"number"==typeof a?.[0]?a[0]:t?e:0;exports.calculateMainAxisOffset=__webpack_exports__.calculateMainAxisOffset;exports.getMiddlewareStack=__webpack_exports__.getMiddlewareStack;for(var __rspack_i in __webpack_exports__)if(-1===["calculateMainAxisOffset","getMiddlewareStack"].indexOf(__rspack_i))exports[__rspack_i]=__webpack_exports__[__rspack_i];Object.defineProperty(exports,"__esModule",{value:true});

package/dist/cjs/components/popover/hooks/positioning/positionCalculation.js

@@ -1 +1 @@
-exports.determinePositioningConfig=(e,t,n)=>{if(e){let e=`fixed`;return n?{actualPlacement:n,autoStrategy:e}:{actualPlacement:`center`,autoStrategy:e}}return{actualPlacement:n||`top`,autoStrategy:t}};
+"use strict";var __webpack_require__={};(()=>{__webpack_require__.d=(e,_)=>{for(var r in _)if(__webpack_require__.o(_,r)&&!__webpack_require__.o(e,r))Object.defineProperty(e,r,{enumerable:true,get:_[r]})}})();(()=>{__webpack_require__.o=(e,_)=>Object.prototype.hasOwnProperty.call(e,_)})();(()=>{__webpack_require__.r=e=>{if("u">typeof Symbol&&Symbol.toStringTag)Object.defineProperty(e,Symbol.toStringTag,{value:"Module"});Object.defineProperty(e,"__esModule",{value:true})}})();var __webpack_exports__={};__webpack_require__.r(__webpack_exports__);__webpack_require__.d(__webpack_exports__,{determinePositioningConfig:()=>determinePositioningConfig});const determinePositioningConfig=(e,_,r)=>{const t="top";if(e){const e="fixed";if(!r){const _="center";return{actualPlacement:_,autoStrategy:e}}if("center"===r){const _=r;return{actualPlacement:_,autoStrategy:e}}const _=r;return{actualPlacement:_,autoStrategy:e}}return{actualPlacement:r||t,autoStrategy:_}};exports.determinePositioningConfig=__webpack_exports__.determinePositioningConfig;for(var __rspack_i in __webpack_exports__)if(-1===["determinePositioningConfig"].indexOf(__rspack_i))exports[__rspack_i]=__webpack_exports__[__rspack_i];Object.defineProperty(exports,"__esModule",{value:true});

package/dist/cjs/components/popover/hooks/positioning/positionStyles.js

@@ -1 +1 @@
-const e=require(`../../types/animation.js`),t=({edgePadding:t=0,isBodyAnchor:n=!0,placement:r=e.DEFAULT_PLACEMENT,strategy:i,useFloatingUICoordinates:a=!1,x:o=0,y:s=0})=>{if(!n)return{bottom:`auto`,boxSizing:`border-box`,left:`${o}px`,position:i,right:`auto`,top:`${s}px`,transform:``,transformOrigin:``};if(a)return{bottom:`auto`,boxSizing:`border-box`,left:`${o}px`,position:`fixed`,right:`auto`,top:`${s}px`,transformOrigin:`center bottom`};let c={bottom:{bottom:`${t}px`,boxSizing:`border-box`,left:`50%`,position:`fixed`,right:`auto`,top:`auto`,transform:`translateX(-50%)`,transformOrigin:`center bottom`},"bottom-end":{bottom:`${t}px`,boxSizing:`border-box`,left:`auto`,position:`fixed`,right:`${t}px`,top:`auto`,transform:`none`,transformOrigin:`right bottom`},"bottom-start":{bottom:`${t}px`,boxSizing:`border-box`,left:`${t}px`,position:`fixed`,right:`auto`,top:`auto`,transform:`none`,transformOrigin:`left bottom`},center:{bottom:`auto`,boxSizing:`border-box`,left:`50%`,position:`fixed`,right:`auto`,top:`50%`,transform:`translate(-50%, -50%)`,transformOrigin:`center center`},defaultStyle:{bottom:`auto`,boxSizing:`border-box`,left:`${o}px`,position:i,right:`auto`,top:`${s}px`},left:{bottom:`auto`,boxSizing:`border-box`,display:`flex`,flexDirection:`column`,left:`${t}px`,position:`fixed`,right:`auto`,top:`50%`,transform:`translateY(-50%)`,transformOrigin:`left center`},"left-end":{bottom:`${t}px`,boxSizing:`border-box`,display:`flex`,flexDirection:`column`,left:`${t}px`,position:`fixed`,right:`auto`,top:`auto`,transform:`none`,transformOrigin:`left bottom`},"left-start":{bottom:`auto`,boxSizing:`border-box`,display:`flex`,flexDirection:`column`,left:`${t}px`,position:`fixed`,right:`auto`,top:`${t}px`,transform:`none`,transformOrigin:`left top`},right:{bottom:`auto`,boxSizing:`border-box`,display:`flex`,flexDirection:`column`,left:`auto`,position:`fixed`,right:`${t}px`,top:`50%`,transform:`translateY(-50%)`,transformOrigin:`right center`},"right-end":{bottom:`${t}px`,boxSizing:`border-box`,display:`flex`,flexDirection:`column`,left:`auto`,position:`fixed`,right:`${t}px`,top:`auto`,transform:`none`,transformOrigin:`right bottom`},"right-start":{bottom:`auto`,boxSizing:`border-box`,display:`flex`,flexDirection:`column`,left:`auto`,position:`fixed`,right:`${t}px`,top:`${t}px`,transform:`none`,transformOrigin:`right top`},top:{bottom:`auto`,boxSizing:`border-box`,left:`50%`,position:`fixed`,right:`auto`,top:`${t}px`,transform:`translateX(-50%)`,transformOrigin:`center top`},"top-end":{bottom:`auto`,boxSizing:`border-box`,left:`auto`,position:`fixed`,right:`${t}px`,top:`${t}px`,transform:`none`,transformOrigin:`right top`},"top-start":{bottom:`auto`,boxSizing:`border-box`,left:`${t}px`,position:`fixed`,right:`auto`,top:`${t}px`,transform:`none`,transformOrigin:`left top`}};return c[r]||c.defaultStyle};exports.applyPositionStyles=({edgePadding:e=0,hasCustomMiddlewares:n=!1,isBodyAnchor:r,middlewareStack:i=[],placement:a,ref:o,strategy:s,x:c=0,y:l=0})=>{if(o?.current)if(r?o.current.setAttribute(`data-kbt-placement`,a||`center`):o.current.setAttribute(`data-kbt-placement`,o.current.getAttribute(`data-kbt-placement`)||a||`bottom`),r){let r=i.some(e=>e.name===`body-auto-centering`),u=t({edgePadding:e,placement:a,strategy:s,useFloatingUICoordinates:n||r,x:c,y:l});Object.assign(o.current.style,u)}else{let n=t({edgePadding:e,isBodyAnchor:!1,placement:a,strategy:s,x:c,y:l});Object.assign(o.current.style,n)}};
+"use strict";var __webpack_require__={};(()=>{__webpack_require__.d=(t,o)=>{for(var e in o)if(__webpack_require__.o(o,e)&&!__webpack_require__.o(t,e))Object.defineProperty(t,e,{enumerable:true,get:o[e]})}})();(()=>{__webpack_require__.o=(t,o)=>Object.prototype.hasOwnProperty.call(t,o)})();(()=>{__webpack_require__.r=t=>{if("u">typeof Symbol&&Symbol.toStringTag)Object.defineProperty(t,Symbol.toStringTag,{value:"Module"});Object.defineProperty(t,"__esModule",{value:true})}})();var __webpack_exports__={};__webpack_require__.r(__webpack_exports__);__webpack_require__.d(__webpack_exports__,{getPositionStyles:()=>getPositionStyles,applyPositionStyles:()=>applyPositionStyles});const animation_js_namespaceObject=require("../../types/animation.js");const getPositionStyles=({edgePadding:t=0,isBodyAnchor:o=true,placement:e=animation_js_namespaceObject.DEFAULT_PLACEMENT,strategy:r,useFloatingUICoordinates:i=false,x:n=0,y:a=0})=>{if(!o)return{bottom:"auto",boxSizing:"border-box",left:`${n}px`,position:r,right:"auto",top:`${a}px`,transform:"",transformOrigin:""};if(i)return{bottom:"auto",boxSizing:"border-box",left:`${n}px`,position:"fixed",right:"auto",top:`${a}px`,transformOrigin:"center bottom"};const s={bottom:{bottom:`${t}px`,boxSizing:"border-box",left:"50%",position:"fixed",right:"auto",top:"auto",transform:"translateX(-50%)",transformOrigin:"center bottom"},"bottom-end":{bottom:`${t}px`,boxSizing:"border-box",left:"auto",position:"fixed",right:`${t}px`,top:"auto",transform:"none",transformOrigin:"right bottom"},"bottom-start":{bottom:`${t}px`,boxSizing:"border-box",left:`${t}px`,position:"fixed",right:"auto",top:"auto",transform:"none",transformOrigin:"left bottom"},center:{bottom:"auto",boxSizing:"border-box",left:"50%",position:"fixed",right:"auto",top:"50%",transform:"translate(-50%, -50%)",transformOrigin:"center center"},defaultStyle:{bottom:"auto",boxSizing:"border-box",left:`${n}px`,position:r,right:"auto",top:`${a}px`},left:{bottom:"auto",boxSizing:"border-box",display:"flex",flexDirection:"column",left:`${t}px`,position:"fixed",right:"auto",top:"50%",transform:"translateY(-50%)",transformOrigin:"left center"},"left-end":{bottom:`${t}px`,boxSizing:"border-box",display:"flex",flexDirection:"column",left:`${t}px`,position:"fixed",right:"auto",top:"auto",transform:"none",transformOrigin:"left bottom"},"left-start":{bottom:"auto",boxSizing:"border-box",display:"flex",flexDirection:"column",left:`${t}px`,position:"fixed",right:"auto",top:`${t}px`,transform:"none",transformOrigin:"left top"},right:{bottom:"auto",boxSizing:"border-box",display:"flex",flexDirection:"column",left:"auto",position:"fixed",right:`${t}px`,top:"50%",transform:"translateY(-50%)",transformOrigin:"right center"},"right-end":{bottom:`${t}px`,boxSizing:"border-box",display:"flex",flexDirection:"column",left:"auto",position:"fixed",right:`${t}px`,top:"auto",transform:"none",transformOrigin:"right bottom"},"right-start":{bottom:"auto",boxSizing:"border-box",display:"flex",flexDirection:"column",left:"auto",position:"fixed",right:`${t}px`,top:`${t}px`,transform:"none",transformOrigin:"right top"},top:{bottom:"auto",boxSizing:"border-box",left:"50%",position:"fixed",right:"auto",top:`${t}px`,transform:"translateX(-50%)",transformOrigin:"center top"},"top-end":{bottom:"auto",boxSizing:"border-box",left:"auto",position:"fixed",right:`${t}px`,top:`${t}px`,transform:"none",transformOrigin:"right top"},"top-start":{bottom:"auto",boxSizing:"border-box",left:`${t}px`,position:"fixed",right:"auto",top:`${t}px`,transform:"none",transformOrigin:"left top"}};return s[e]||s.defaultStyle};const applyPositionStyles=({edgePadding:t=0,hasCustomMiddlewares:o=false,isBodyAnchor:e,middlewareStack:r=[],placement:i,ref:n,strategy:a,x:s=0,y:p=0})=>{if(!n?.current)return;if(e)n.current.setAttribute("data-kbt-placement",i||animation_js_namespaceObject.DEFAULT_PLACEMENT);else n.current.setAttribute("data-kbt-placement",n.current.getAttribute("data-kbt-placement")||i||"bottom");if(e){const e=r.some(t=>"body-auto-centering"===t.name);const b=o||e;const f=getPositionStyles({edgePadding:t,placement:i,strategy:a,useFloatingUICoordinates:b,x:s,y:p});Object.assign(n.current.style,f)}else{const o=getPositionStyles({edgePadding:t,isBodyAnchor:false,placement:i,strategy:a,x:s,y:p});Object.assign(n.current.style,o)}};exports.applyPositionStyles=__webpack_exports__.applyPositionStyles;exports.getPositionStyles=__webpack_exports__.getPositionStyles;for(var __rspack_i in __webpack_exports__)if(-1===["applyPositionStyles","getPositionStyles"].indexOf(__rspack_i))exports[__rspack_i]=__webpack_exports__[__rspack_i];Object.defineProperty(exports,"__esModule",{value:true});

package/dist/cjs/components/popover/hooks/positioning/types.js

@@ -1 +1 @@
-exports.ArrowPositions={bottom:`top`,left:`right`,right:`left`,top:`bottom`};
+"use strict";var __webpack_require__={};(()=>{__webpack_require__.d=(_,e)=>{for(var r in e)if(__webpack_require__.o(e,r)&&!__webpack_require__.o(_,r))Object.defineProperty(_,r,{enumerable:true,get:e[r]})}})();(()=>{__webpack_require__.o=(_,e)=>Object.prototype.hasOwnProperty.call(_,e)})();(()=>{__webpack_require__.r=_=>{if("u">typeof Symbol&&Symbol.toStringTag)Object.defineProperty(_,Symbol.toStringTag,{value:"Module"});Object.defineProperty(_,"__esModule",{value:true})}})();var __webpack_exports__={};__webpack_require__.r(__webpack_exports__);__webpack_require__.d(__webpack_exports__,{ArrowPositions:()=>ArrowPositions});const ArrowPositions={bottom:"top",left:"right",right:"left",top:"bottom"};exports.ArrowPositions=__webpack_exports__.ArrowPositions;for(var __rspack_i in __webpack_exports__)if(-1===["ArrowPositions"].indexOf(__rspack_i))exports[__rspack_i]=__webpack_exports__[__rspack_i];Object.defineProperty(exports,"__esModule",{value:true});

package/dist/cjs/components/popover/hooks/types/usePopoverInteractions.js

@@ -0,0 +1 @@
+"use strict";var __webpack_require__={};(()=>{__webpack_require__.r=_=>{if("u">typeof Symbol&&Symbol.toStringTag)Object.defineProperty(_,Symbol.toStringTag,{value:"Module"});Object.defineProperty(_,"__esModule",{value:true})}})();var __webpack_exports__={};__webpack_require__.r(__webpack_exports__);for(var __rspack_i in __webpack_exports__)exports[__rspack_i]=__webpack_exports__[__rspack_i];Object.defineProperty(exports,"__esModule",{value:true});

package/dist/cjs/components/popover/hooks/types/usePopoverLifecycle.js

@@ -0,0 +1 @@
+"use strict";var __webpack_require__={};(()=>{__webpack_require__.r=_=>{if("u">typeof Symbol&&Symbol.toStringTag)Object.defineProperty(_,Symbol.toStringTag,{value:"Module"});Object.defineProperty(_,"__esModule",{value:true})}})();var __webpack_exports__={};__webpack_require__.r(__webpack_exports__);for(var __rspack_i in __webpack_exports__)exports[__rspack_i]=__webpack_exports__[__rspack_i];Object.defineProperty(exports,"__esModule",{value:true});

package/dist/cjs/components/popover/hooks/types/usePopoverPositioning.js

@@ -0,0 +1 @@
+"use strict";var __webpack_require__={};(()=>{__webpack_require__.r=_=>{if("u">typeof Symbol&&Symbol.toStringTag)Object.defineProperty(_,Symbol.toStringTag,{value:"Module"});Object.defineProperty(_,"__esModule",{value:true})}})();var __webpack_exports__={};__webpack_require__.r(__webpack_exports__);for(var __rspack_i in __webpack_exports__)exports[__rspack_i]=__webpack_exports__[__rspack_i];Object.defineProperty(exports,"__esModule",{value:true});

package/dist/cjs/components/popover/hooks/usePopoverInteractions.js

@@ -1 +1 @@
-const e=require(`../../../lib/constants/keyboardKeys/keyboardKeys.js`),t=require(`../../../lib/utils/keyboard/keyboard.js`),n=require(`../../../lib/hooks/useClickOutside/useClickOutside.js`);let r=require(`react`);exports.usePopoverInteractions=({disableClickOverlayClose:i=!1,disableEscapeClose:a=!1,isVisible:o,onClose:s,popoverRef:c,preventCloseOnClickElements:l=[]})=>{let u=(0,r.useMemo)(()=>l.filter(Boolean),[l]),d=(0,r.useCallback)(e=>{if(!o||i)return;let t=e.target;c.current?.contains(t)||u.some(e=>e.contains(t))||s?.()},[o,i,c,u,s]);return n.useClickOutside(c,d,u),(0,r.useEffect)(()=>{if(!o)return;let n=n=>{t.isKeyPressed(n.key,...e.ESCAPE.key)&&(n.preventDefault(),n.stopPropagation(),a||s?.())};return document.addEventListener(`keydown`,n),()=>{document.removeEventListener(`keydown`,n)}},[a,o,s]),{handleClickOutside:d}};
+"use strict";var __webpack_require__={};(()=>{__webpack_require__.d=(e,r)=>{for(var _ in r)if(__webpack_require__.o(r,_)&&!__webpack_require__.o(e,_))Object.defineProperty(e,_,{enumerable:true,get:r[_]})}})();(()=>{__webpack_require__.o=(e,r)=>Object.prototype.hasOwnProperty.call(e,r)})();(()=>{__webpack_require__.r=e=>{if("u">typeof Symbol&&Symbol.toStringTag)Object.defineProperty(e,Symbol.toStringTag,{value:"Module"});Object.defineProperty(e,"__esModule",{value:true})}})();var __webpack_exports__={};__webpack_require__.r(__webpack_exports__);__webpack_require__.d(__webpack_exports__,{usePopoverInteractions:()=>usePopoverInteractions});const external_react_namespaceObject=require("react");const keyboardKeys_js_namespaceObject=require("../../../lib/constants/keyboardKeys/keyboardKeys.js");const useClickOutside_js_namespaceObject=require("../../../lib/hooks/useClickOutside/useClickOutside.js");const keyboard_js_namespaceObject=require("../../../lib/utils/keyboard/keyboard.js");const usePopoverInteractions=({disableClickOverlayClose:e=false,disableEscapeClose:r=false,isVisible:_,onClose:t,popoverRef:s,preventCloseOnClickElements:a=[]})=>{const o=(0,external_react_namespaceObject.useMemo)(()=>a.filter(Boolean),[a]);const c=(0,external_react_namespaceObject.useCallback)(r=>{if(!_||e)return;const a=r.target;if(s.current?.contains(a))return;const c=o.some(e=>e.contains(a));if(c)return;t?.()},[_,e,s,o,t]);(0,useClickOutside_js_namespaceObject.useClickOutside)(s,c,o);(0,external_react_namespaceObject.useEffect)(()=>{if(!_)return;const e=e=>{if((0,keyboard_js_namespaceObject.isKeyPressed)(e.key,...keyboardKeys_js_namespaceObject.ESCAPE.key)){e.preventDefault();e.stopPropagation();if(!r)t?.()}};document.addEventListener("keydown",e);return()=>{document.removeEventListener("keydown",e)}},[r,_,t]);return{handleClickOutside:c}};exports.usePopoverInteractions=__webpack_exports__.usePopoverInteractions;for(var __rspack_i in __webpack_exports__)if(-1===["usePopoverInteractions"].indexOf(__rspack_i))exports[__rspack_i]=__webpack_exports__[__rspack_i];Object.defineProperty(exports,"__esModule",{value:true});

package/dist/cjs/components/popover/hooks/usePopoverLifecycle.js

@@ -1 +1 @@
-const e=require(`../../../lib/hooks/useScrollBlock/useScrollBlock.js`),t=require(`../../../lib/utils/refs/syncRefs.js`),n=require(`../../../lib/utils/focusHandlers/focusHandlers.js`),r=require(`../../../lib/hooks/useSwipeDown/utils/convertDurationToNumber.js`);let i=require(`react`);exports.usePopoverLifecycle=({animationExitDuration:a=200,disableAnimations:o,disableAutoFocusFirstDescendant:s=!1,disableAutoFocusFirstDescendantAfterClose:c=!0,disableRestoreFocusAfterClose:l=!1,disableScrollBackground:u=!1,open:d=!1,popoverContainerRef:f,preventScrollOnCloseFocus:p=!1})=>{let m=(0,i.useRef)(null),h=(0,i.useRef)(!1),g=(0,i.useRef)(null),_=(0,i.useRef)(null),[v,y]=(0,i.useState)(d),[b,x]=(0,i.useState)(!1),S=r.convertDurationToNumber(a),{allowScroll:C,blockScroll:w}=e.useScrollBlock(),T=(0,i.useCallback)(()=>{!s&&m.current&&n.focusFirstDescendant({element:m.current,preventScroll:!0})},[s]),E=(0,i.useCallback)(()=>{if(!l){_.current?.focus({preventScroll:p});return}c||n.focusFirstDescendant({element:document.body})},[l,p,c]);(0,i.useEffect)(()=>{d&&(_.current=document.activeElement,y(!0),x(!1))},[d]),(0,i.useEffect)(()=>(!d&&v&&(o?(E(),y(!1),x(!1)):(x(!0),g.current=window.setTimeout(()=>{E(),y(!1),x(!1)},S))),()=>{g.current!==null&&(window.clearTimeout(g.current),g.current=null)}),[d,v,o,S,E]);let D=(0,i.useCallback)(e=>{m.current=e,T(),u&&!h.current&&(h.current=!0,w({elementsToOmit:[m.current]}))},[w,T,u]),O=(0,i.useCallback)(()=>{h.current&&C(),m.current=null},[C]);return{handleInnerRef:(0,i.useCallback)(e=>{e?D(e):O(),t.syncInnerAndForwardedRef({forwardedRef:f,innerRef:m})},[f,O,D]),isClosing:b,isVisible:v,popoverRef:m}};
+"use strict";var __webpack_require__={};(()=>{__webpack_require__.d=(e,r)=>{for(var c in r)if(__webpack_require__.o(r,c)&&!__webpack_require__.o(e,c))Object.defineProperty(e,c,{enumerable:true,get:r[c]})}})();(()=>{__webpack_require__.o=(e,r)=>Object.prototype.hasOwnProperty.call(e,r)})();(()=>{__webpack_require__.r=e=>{if("u">typeof Symbol&&Symbol.toStringTag)Object.defineProperty(e,Symbol.toStringTag,{value:"Module"});Object.defineProperty(e,"__esModule",{value:true})}})();var __webpack_exports__={};__webpack_require__.r(__webpack_exports__);__webpack_require__.d(__webpack_exports__,{usePopoverLifecycle:()=>usePopoverLifecycle});const external_react_namespaceObject=require("react");const useScrollBlock_js_namespaceObject=require("../../../lib/hooks/useScrollBlock/useScrollBlock.js");const convertDurationToNumber_js_namespaceObject=require("../../../lib/hooks/useSwipeDown/utils/convertDurationToNumber.js");const focusHandlers_js_namespaceObject=require("../../../lib/utils/focusHandlers/focusHandlers.js");const syncRefs_js_namespaceObject=require("../../../lib/utils/refs/syncRefs.js");const usePopoverLifecycle=({animationExitDuration:e=200,disableAnimations:r,disableAutoFocusFirstDescendant:c=false,disableAutoFocusFirstDescendantAfterClose:t=true,disableRestoreFocusAfterClose:a=false,disableScrollBackground:s=false,open:_=false,popoverContainerRef:n,preventScrollOnCloseFocus:o=false})=>{const l=(0,external_react_namespaceObject.useRef)(null);const u=(0,external_react_namespaceObject.useRef)(false);const i=(0,external_react_namespaceObject.useRef)(null);const p=(0,external_react_namespaceObject.useRef)(null);const[f,b]=(0,external_react_namespaceObject.useState)(_);const[j,m]=(0,external_react_namespaceObject.useState)(false);const O=(0,convertDurationToNumber_js_namespaceObject.convertDurationToNumber)(e);const{allowScroll:k,blockScroll:d}=(0,useScrollBlock_js_namespaceObject.useScrollBlock)();const x=(0,external_react_namespaceObject.useCallback)(()=>{if(!c&&l.current)(0,focusHandlers_js_namespaceObject.focusFirstDescendant)({element:l.current,preventScroll:true})},[c]);const w=(0,external_react_namespaceObject.useCallback)(()=>{if(!a)return void p.current?.focus({preventScroll:o});if(!t)(0,focusHandlers_js_namespaceObject.focusFirstDescendant)({element:document.body})},[a,o,t]);(0,external_react_namespaceObject.useEffect)(()=>{if(_){p.current=document.activeElement;b(true);m(false)}},[_]);(0,external_react_namespaceObject.useEffect)(()=>{if(!_&&f)if(r){w();b(false);m(false)}else{m(true);i.current=window.setTimeout(()=>{w();b(false);m(false)},O)}return()=>{if(null!==i.current){window.clearTimeout(i.current);i.current=null}}},[_,f,r,O,w]);const v=(0,external_react_namespaceObject.useCallback)(e=>{l.current=e;x();if(s&&!u.current){u.current=true;d({elementsToOmit:[l.current]})}},[d,x,s]);const y=(0,external_react_namespaceObject.useCallback)(()=>{if(u.current)k();l.current=null},[k]);const S=(0,external_react_namespaceObject.useCallback)(e=>{if(e)v(e);else y();(0,syncRefs_js_namespaceObject.syncInnerAndForwardedRef)({forwardedRef:n,innerRef:l})},[n,y,v]);return{handleInnerRef:S,isClosing:j,isVisible:f,popoverRef:l}};exports.usePopoverLifecycle=__webpack_exports__.usePopoverLifecycle;for(var __rspack_i in __webpack_exports__)if(-1===["usePopoverLifecycle"].indexOf(__rspack_i))exports[__rspack_i]=__webpack_exports__[__rspack_i];Object.defineProperty(exports,"__esModule",{value:true});

package/dist/cjs/components/popover/hooks/usePopoverPositioning.js

@@ -1 +1 @@
-const e=require(`./positioning/arrowPositionStyles.js`),t=require(`./positioning/middlewareUtils.js`),n=require(`./positioning/positionCalculation.js`),r=require(`./positioning/positionStyles.js`);let i=require(`react`),a=require(`@floating-ui/dom`);exports.usePopoverPositioning=({anchorElement:o,arrowStyles:s,isVisible:c,middlewareOptions:l={},middlewares:u=[],placement:d,ref:f,strategy:p})=>{let{edgePadding:m=0,hideWhenDetached:h,offsetDistance:g}=l,_=(0,i.useRef)(document.body),v=(0,i.useRef)(null),y=(0,i.useRef)({anchorElement:o,arrowStyles:s,isVisible:c,middlewareOptions:{edgePadding:m,hideWhenDetached:h,offsetDistance:g},middlewares:u,placement:d,ref:f,strategy:p});(0,i.useEffect)(()=>{y.current={anchorElement:o,arrowStyles:s,isVisible:c,middlewareOptions:{edgePadding:m,hideWhenDetached:h,offsetDistance:g},middlewares:u,placement:d,ref:f,strategy:p}},[o,d,g,m,h,u,p,c,f,s]);let b=(0,i.useCallback)(()=>f?.current&&c&&s?(v.current=f.current.querySelector(`[data-kbt-id="popover-arrow"]`),v.current):null,[f,c,s]);(0,i.useEffect)(()=>{let e=()=>{!b()&&c&&s&&f?.current&&requestAnimationFrame(e)};e()},[b,c,s]);let x=(0,i.useCallback)((e,t)=>e&&t?.current&&document.body.contains(t.current),[]),S=(0,i.useCallback)((t,n,i,a,o,c,l,u,d,f,p,m,h,g=[],_=[])=>{t?.current&&(r.applyPositionStyles({edgePadding:l,hasCustomMiddlewares:g.length>0,isBodyAnchor:n,middlewareStack:_,placement:i,ref:t,strategy:c,x:a,y:o}),n||t.current.setAttribute(`data-kbt-placement`,f),e.positionArrow(!!s,u,d,f,p,m),h?.())},[s]),C=(0,i.useCallback)((e,n,r,i,a,o,c)=>{let l=t.calculateMainAxisOffset({arrowSize:n,hasArrow:!!s,offsetDistance:e}),u=v.current;return{arrowElement:u,middlewareStack:t.getMiddlewareStack({arrowElement:u,customMiddlewares:o,edgePadding:i,hideWhenDetached:c?.hideWhenDetached,isBodyAnchor:r,mainAxisOffset:l,offsetDistance:e,placement:a})}},[s]),w=(0,i.useCallback)((e,t,n,r,i,a,o,s,c,l,u,d,f,p=[],m=[])=>{let h=t.hide?.referenceHidden||t.hide?.escaped;e.current&&(e.current.style.opacity=h?`0`:``,e.current.style.pointerEvents=h?`none`:``),h||S(e,n,r,i,a,o,s,c,t,l,u,d,f,p,m)},[S]),T=(0,i.useCallback)(async()=>{let{anchorElement:e,arrowStyles:t,middlewareOptions:r,middlewares:i,onPositioned:o,placement:s,ref:c,strategy:l}=y.current,u=r?.offsetDistance,d=r?.edgePadding??8,f=t?.size||0,p=e||_.current;if(!c?.current||!x(p,c))return;let m=p===document.body,{arrowElement:h,middlewareStack:g}=C(u,f,m,d,s,i,r||{}),{actualPlacement:v,autoStrategy:b}=n.determinePositioningConfig(m,l,s),{middlewareData:S,placement:T,x:E,y:D}=await(0,a.computePosition)(p,c.current,{middleware:g,placement:v===`center`?`top`:v,strategy:b});w(c,S,m,v,E,D,l,d,h,T,u,f,o,i,g)},[]);(0,i.useEffect)(()=>{if(!c||!f?.current)return;T();let e=o??_.current,t=()=>{};return t=(0,a.autoUpdate)(e,f.current,T,{ancestorResize:!0,ancestorScroll:!0,animationFrame:!1,elementResize:!0}),()=>{t()}},[c,o,T])};
+"use strict";var __webpack_require__={};(()=>{__webpack_require__.d=(e,t)=>{for(var r in t)if(__webpack_require__.o(t,r)&&!__webpack_require__.o(e,r))Object.defineProperty(e,r,{enumerable:true,get:t[r]})}})();(()=>{__webpack_require__.o=(e,t)=>Object.prototype.hasOwnProperty.call(e,t)})();(()=>{__webpack_require__.r=e=>{if("u">typeof Symbol&&Symbol.toStringTag)Object.defineProperty(e,Symbol.toStringTag,{value:"Module"});Object.defineProperty(e,"__esModule",{value:true})}})();var __webpack_exports__={};__webpack_require__.r(__webpack_exports__);__webpack_require__.d(__webpack_exports__,{usePopoverPositioning:()=>usePopoverPositioning});const dom_namespaceObject=require("@floating-ui/dom");const external_react_namespaceObject=require("react");const arrowPositionStyles_js_namespaceObject=require("./positioning/arrowPositionStyles.js");const middlewareUtils_js_namespaceObject=require("./positioning/middlewareUtils.js");const positionCalculation_js_namespaceObject=require("./positioning/positionCalculation.js");const positionStyles_js_namespaceObject=require("./positioning/positionStyles.js");const usePopoverPositioning=({anchorElement:e,arrowStyles:t,isVisible:r,middlewareOptions:n={},middlewares:a=[],placement:c,ref:s,strategy:o})=>{const{edgePadding:i=0,hideWhenDetached:_,offsetDistance:p}=n;const u=(0,external_react_namespaceObject.useRef)(document.body);const l=(0,external_react_namespaceObject.useRef)(null);const d=(0,external_react_namespaceObject.useRef)({anchorElement:e,arrowStyles:t,isVisible:r,middlewareOptions:{edgePadding:i,hideWhenDetached:_,offsetDistance:p},middlewares:a,placement:c,ref:s,strategy:o});(0,external_react_namespaceObject.useEffect)(()=>{d.current={anchorElement:e,arrowStyles:t,isVisible:r,middlewareOptions:{edgePadding:i,hideWhenDetached:_,offsetDistance:p},middlewares:a,placement:c,ref:s,strategy:o}},[e,c,p,i,_,a,o,r,s,t]);const m=(0,external_react_namespaceObject.useCallback)(()=>{if(s?.current&&r&&t){l.current=s.current.querySelector('[data-kbt-id="popover-arrow"]');return l.current}return null},[s,r,t]);(0,external_react_namespaceObject.useEffect)(()=>{const e=()=>{const n=m();if(!n&&r&&t&&s?.current)requestAnimationFrame(e)};e()},[m,r,t]);const b=(0,external_react_namespaceObject.useCallback)((e,t)=>e&&t?.current&&document.body.contains(t.current),[]);const f=(0,external_react_namespaceObject.useCallback)((e,r,n,a,c,s,o,i,_,p,u,l,d,m=[],b=[])=>{if(!e?.current)return;(0,positionStyles_js_namespaceObject.applyPositionStyles)({edgePadding:o,hasCustomMiddlewares:m.length>0,isBodyAnchor:r,middlewareStack:b,placement:n,ref:e,strategy:s,x:a,y:c});if(!r)e.current.setAttribute("data-kbt-placement",p);(0,arrowPositionStyles_js_namespaceObject.positionArrow)(!!t,i,_,p,u,l);d?.()},[t]);const j=(0,external_react_namespaceObject.useCallback)((e,r,n,a,c,s,o)=>{const i=(0,middlewareUtils_js_namespaceObject.calculateMainAxisOffset)({arrowSize:r,hasArrow:!!t,offsetDistance:e});const _=l.current;const p=(0,middlewareUtils_js_namespaceObject.getMiddlewareStack)({arrowElement:_,customMiddlewares:s,edgePadding:a,hideWhenDetached:o?.hideWhenDetached,isBodyAnchor:n,mainAxisOffset:i,offsetDistance:e,placement:c});return{arrowElement:_,middlewareStack:p}},[t]);const O=(0,external_react_namespaceObject.useCallback)((e,t,r,n,a,c,s,o,i,_,p,u,l,d=[],m=[])=>{const b=t.hide?.referenceHidden||t.hide?.escaped;if(e.current){e.current.style.opacity=b?"0":"";e.current.style.pointerEvents=b?"none":""}if(!b)f(e,r,n,a,c,s,o,i,t,_,p,u,l,d,m)},[f]);const w=(0,external_react_namespaceObject.useCallback)(async()=>{const{anchorElement:e,arrowStyles:t,middlewareOptions:r,middlewares:n,onPositioned:a,placement:c,ref:s,strategy:o}=d.current;const i=r?.offsetDistance;const _=r?.edgePadding??8;const p=t?.size||0;const l=e||u.current;if(!s?.current||!b(l,s))return;const m=l===document.body;const{arrowElement:f,middlewareStack:w}=j(i,p,m,_,c,n,r||{});const{actualPlacement:g,autoStrategy:y}=(0,positionCalculation_js_namespaceObject.determinePositioningConfig)(m,o,c);const k="center"===g?"top":g;const P=await (0,dom_namespaceObject.computePosition)(l,s.current,{middleware:w,placement:k,strategy:y});const{middlewareData:x,placement:q,x:S,y:v}=P;O(s,x,m,g,S,v,o,_,f,q,i,p,a,n,w)},[]);(0,external_react_namespaceObject.useEffect)(()=>{if(!r||!s?.current)return;s.current.offsetHeight;w();const t=e??u.current;let n=()=>{};n=(0,dom_namespaceObject.autoUpdate)(t,s.current,w,{ancestorResize:true,ancestorScroll:true,animationFrame:false,elementResize:true});return()=>{n()}},[r,e,w])};exports.usePopoverPositioning=__webpack_exports__.usePopoverPositioning;for(var __rspack_i in __webpack_exports__)if(-1===["usePopoverPositioning"].indexOf(__rspack_i))exports[__rspack_i]=__webpack_exports__[__rspack_i];Object.defineProperty(exports,"__esModule",{value:true});

package/dist/cjs/components/popover/index.js

@@ -1,4 +1 @@
-module.exports = { ...module.exports, ...require('./spring.animations.js') };
-module.exports = { ...module.exports, ...require('./middlewares.js') };
-const { Popover } = require('./popover.js');
-module.exports = { ...module.exports, Popover };
+"use strict";var __webpack_modules__={"./animations/spring.animations"(_){_.exports=require("./animations/spring.animations.js")},"./popover?a6bb"(_){_.exports=require("./popover.js")},"./positioning/middlewares"(_){_.exports=require("./positioning/middlewares.js")}};var __webpack_module_cache__={};function __webpack_require__(_){var e=__webpack_module_cache__[_];if(void 0!==e)return e.exports;var r=__webpack_module_cache__[_]={exports:{}};__webpack_modules__[_](r,r.exports,__webpack_require__);return r.exports}(()=>{__webpack_require__.n=_=>{var e=_&&_.__esModule?()=>_["default"]:()=>_;__webpack_require__.d(e,{a:e});return e}})();(()=>{__webpack_require__.d=(_,e)=>{for(var r in e)if(__webpack_require__.o(e,r)&&!__webpack_require__.o(_,r))Object.defineProperty(_,r,{enumerable:true,get:e[r]})}})();(()=>{__webpack_require__.o=(_,e)=>Object.prototype.hasOwnProperty.call(_,e)})();(()=>{__webpack_require__.r=_=>{if("u">typeof Symbol&&Symbol.toStringTag)Object.defineProperty(_,Symbol.toStringTag,{value:"Module"});Object.defineProperty(_,"__esModule",{value:true})}})();var __webpack_exports__={};(()=>{__webpack_require__.r(__webpack_exports__);__webpack_require__.d(__webpack_exports__,{Popover:()=>r.Popover});var _=__webpack_require__("./animations/spring.animations");var e={};for(const r in _)if(["Popover","default"].indexOf(r)<0)e[r]=()=>_[r];__webpack_require__.d(__webpack_exports__,e);var r=__webpack_require__("./popover?a6bb");var o=__webpack_require__("./positioning/middlewares");var e={};for(const _ in o)if(["Popover","default"].indexOf(_)<0)e[_]=()=>o[_];__webpack_require__.d(__webpack_exports__,e)})();exports.Popover=__webpack_exports__.Popover;for(var __rspack_i in __webpack_exports__)if(-1===["Popover"].indexOf(__rspack_i))exports[__rspack_i]=__webpack_exports__[__rspack_i];Object.defineProperty(exports,"__esModule",{value:true});

package/dist/cjs/components/popover/popover.js

@@ -1 +1,2 @@
-const e=require(`../../lib/hooks/useClassName/useClassName.js`),t=require(`../../lib/hooks/useTrapFocus/useTrapFocus.js`),n=require(`./hooks/usePopoverInteractions.js`),r=require(`./hooks/usePopoverLifecycle.js`),i=require(`./hooks/usePopoverPositioning.js`),a=require(`./popoverStandAlone.js`);let o=require(`react`),s=require(`react/jsx-runtime`);const c=(0,o.forwardRef)(({additionalClasses:o,anchorElement:c,animationExitDuration:l=200,disableAnimations:u=!1,disableAutoFocusFirstDescendant:d=!1,disableAutoFocusFirstDescendantAfterClose:f=!0,disableClickOverlayClose:p=!1,disableEscapeClose:m=!1,disableRestoreFocusAfterClose:h=!1,disableScrollBackground:g=!1,disableTrapFocus:_=!1,middlewareOptions:v,middlewares:y,onClose:b,open:x=!1,popoverContainerRef:S,preventCloseOnClickElements:C=[],preventScrollOnCloseFocus:w=!1,strategy:T=`absolute`,...E},D)=>{let O=u||!!c,k=e.useClassName({additionalClassNames:o,component:`POPOVER`}),{handleInnerRef:A,isClosing:j,isVisible:M,popoverRef:N}=r.usePopoverLifecycle({animationExitDuration:l,disableAnimations:O,disableAutoFocusFirstDescendant:d,disableAutoFocusFirstDescendantAfterClose:f,disableRestoreFocusAfterClose:h,disableScrollBackground:g,open:x,popoverContainerRef:S,preventScrollOnCloseFocus:w});return t.useTrapFocus({ref:N,trapFocus:!_&&M}),n.usePopoverInteractions({disableClickOverlayClose:p,disableEscapeClose:m,isVisible:M,onClose:b,popoverRef:N,preventCloseOnClickElements:C}),i.usePopoverPositioning({anchorElement:c,arrowStyles:E.arrowStyles,isVisible:M,middlewareOptions:v,middlewares:y,placement:E.placement,ref:N,strategy:T}),(0,s.jsx)(a.PopoverStandAlone,{ref:D,...E,anchorElement:!!c,cssClasses:k,disableAnimations:O,isClosing:j,isVisible:M,middlewareOptions:v,popoverContainerRef:A,strategy:T})});exports.Popover=c;
+/*! For license information please see popover.js.LICENSE.txt */
+"use strict";var __webpack_require__={};(()=>{__webpack_require__.d=(e,s)=>{for(var o in s)if(__webpack_require__.o(s,o)&&!__webpack_require__.o(e,o))Object.defineProperty(e,o,{enumerable:true,get:s[o]})}})();(()=>{__webpack_require__.o=(e,s)=>Object.prototype.hasOwnProperty.call(e,s)})();(()=>{__webpack_require__.r=e=>{if("u">typeof Symbol&&Symbol.toStringTag)Object.defineProperty(e,Symbol.toStringTag,{value:"Module"});Object.defineProperty(e,"__esModule",{value:true})}})();var __webpack_exports__={};__webpack_require__.r(__webpack_exports__);__webpack_require__.d(__webpack_exports__,{Popover:()=>Popover});const jsx_runtime_namespaceObject=require("react/jsx-runtime");const external_react_namespaceObject=require("react");const useClassName_js_namespaceObject=require("../../lib/hooks/useClassName/useClassName.js");const useTrapFocus_js_namespaceObject=require("../../lib/hooks/useTrapFocus/useTrapFocus.js");const usePopoverInteractions_js_namespaceObject=require("./hooks/usePopoverInteractions.js");const usePopoverLifecycle_js_namespaceObject=require("./hooks/usePopoverLifecycle.js");const usePopoverPositioning_js_namespaceObject=require("./hooks/usePopoverPositioning.js");const external_popoverStandAlone_js_namespaceObject=require("./popoverStandAlone.js");const PopoverComponent=({additionalClasses:e,anchorElement:s,animationExitDuration:o=200,disableAnimations:r=false,disableAutoFocusFirstDescendant:a=false,disableAutoFocusFirstDescendantAfterClose:_=true,disableClickOverlayClose:t=false,disableEscapeClose:c=false,disableRestoreFocusAfterClose:p=false,disableScrollBackground:n=false,disableTrapFocus:i=false,middlewareOptions:u,middlewares:l,onClose:b,open:j=false,popoverContainerRef:m,preventCloseOnClickElements:v=[],preventScrollOnCloseFocus:P=false,strategy:f="absolute",...O},k)=>{const d=r||!!s;const w=(0,useClassName_js_namespaceObject.useClassName)({additionalClassNames:e,component:"POPOVER"});const{handleInnerRef:x,isClosing:y,isVisible:q,popoverRef:g}=(0,usePopoverLifecycle_js_namespaceObject.usePopoverLifecycle)({animationExitDuration:o,disableAnimations:d,disableAutoFocusFirstDescendant:a,disableAutoFocusFirstDescendantAfterClose:_,disableRestoreFocusAfterClose:p,disableScrollBackground:n,open:j,popoverContainerRef:m,preventScrollOnCloseFocus:P});(0,useTrapFocus_js_namespaceObject.useTrapFocus)({ref:g,trapFocus:!i&&q});(0,usePopoverInteractions_js_namespaceObject.usePopoverInteractions)({disableClickOverlayClose:t,disableEscapeClose:c,isVisible:q,onClose:b,popoverRef:g,preventCloseOnClickElements:v});(0,usePopoverPositioning_js_namespaceObject.usePopoverPositioning)({anchorElement:s,arrowStyles:O.arrowStyles,isVisible:q,middlewareOptions:u,middlewares:l,placement:O.placement,ref:g,strategy:f});return(0,jsx_runtime_namespaceObject.jsx)(external_popoverStandAlone_js_namespaceObject.PopoverStandAlone,{ref:k,...O,anchorElement:!!s,cssClasses:w,disableAnimations:d,isClosing:y,isVisible:q,middlewareOptions:u,popoverContainerRef:x,strategy:f})};const Popover=(0,external_react_namespaceObject.forwardRef)(PopoverComponent);exports.Popover=__webpack_exports__.Popover;for(var __rspack_i in __webpack_exports__)if(-1===["Popover"].indexOf(__rspack_i))exports[__rspack_i]=__webpack_exports__[__rspack_i];Object.defineProperty(exports,"__esModule",{value:true});

package/dist/cjs/components/popover/popover.js.LICENSE.txt

@@ -0,0 +1,5 @@
+/**
+ * Positioning utilities built on top of Floating UI.
+ * @see https://floating-ui.com/docs/platform
+ * @license MIT - Floating UI is licensed under MIT
+ */

package/dist/cjs/components/popover/popoverStandAlone.js

@@ -1 +1 @@
-const e=require(`../../lib/utils/pickCustomAttributes/pickCustomAttributes.js`),t=require(`../../lib/components/customComponent/customComponent.js`),n=require(`../../lib/utils/classNames/classNames.js`);;/* empty css              */const r=require(`./utils/styling.utils.js`);let i=require(`react`),a=require(`react/jsx-runtime`);const o=(0,i.forwardRef)(({anchorElement:i,arrowStyles:o,children:s,component:c=`div`,cssClasses:l,disableAnimations:u,id:d,isClosing:f,isVisible:p,overlay:m,placement:h,popoverContainerRef:g,zIndex:_=`auto`,...v},y)=>{let{"data-testid":b=`popover`,...x}=e.pickCustomAttributes(v,!0);return(0,a.jsx)(`div`,{ref:y,"data-testid":b,id:d,children:p&&(0,a.jsxs)(a.Fragment,{children:[m,(0,a.jsxs)(t.CustomComponent,{ref:g,...x,...v,className:n.classNames(l?.popover),component:c,"data-kbt-anchor-element":i,"data-kbt-closing":f,"data-kbt-disable-animations":u,"data-kbt-has-arrow":!!o,"data-kbt-id":`popover`,"data-kbt-placement":h,style:{zIndex:_||`auto`},children:[!!o&&(0,a.jsx)(`div`,{className:n.classNames(l?.arrow),"data-kbt-arrow-border":!!o,"data-kbt-id":`popover-arrow`,"data-kbt-placement":h,style:{...h?r.getArrowBorderStyles(h,o):{},zIndex:typeof _==`number`?_+1:_}}),s]})]})})});exports.PopoverStandAlone=o;
+"use strict";var __webpack_require__={};(()=>{__webpack_require__.d=(e,t)=>{for(var s in t)if(__webpack_require__.o(t,s)&&!__webpack_require__.o(e,s))Object.defineProperty(e,s,{enumerable:true,get:t[s]})}})();(()=>{__webpack_require__.o=(e,t)=>Object.prototype.hasOwnProperty.call(e,t)})();(()=>{__webpack_require__.r=e=>{if("u">typeof Symbol&&Symbol.toStringTag)Object.defineProperty(e,Symbol.toStringTag,{value:"Module"});Object.defineProperty(e,"__esModule",{value:true})}})();var __webpack_exports__={};__webpack_require__.r(__webpack_exports__);__webpack_require__.d(__webpack_exports__,{PopoverStandAlone:()=>PopoverStandAlone});const jsx_runtime_namespaceObject=require("react/jsx-runtime");require("./styles/index.css");const external_react_namespaceObject=require("react");const customComponent_js_namespaceObject=require("../../lib/components/customComponent/customComponent.js");const classNames_js_namespaceObject=require("../../lib/utils/classNames/classNames.js");const pickCustomAttributes_js_namespaceObject=require("../../lib/utils/pickCustomAttributes/pickCustomAttributes.js");const styling_utils_js_namespaceObject=require("./utils/styling.utils.js");const PopoverStandAloneComponent=({anchorElement:e,arrowStyles:t,children:s,component:a="div",cssClasses:r,disableAnimations:_,id:o,isClosing:c,isVisible:n,overlay:p,placement:i,popoverContainerRef:m,zIndex:b="auto",...u},l)=>{const d=(0,pickCustomAttributes_js_namespaceObject.pickCustomAttributes)(u,true);const{["data-testid"]:j="popover",...k}=d;return(0,jsx_runtime_namespaceObject.jsx)("div",{ref:l,"data-testid":j,id:o,children:n&&(0,jsx_runtime_namespaceObject.jsxs)(jsx_runtime_namespaceObject.Fragment,{children:[p,(0,jsx_runtime_namespaceObject.jsxs)(customComponent_js_namespaceObject.CustomComponent,{ref:m,...k,...u,className:(0,classNames_js_namespaceObject.classNames)(r?.popover),component:a,"data-kbt-anchor-element":e,"data-kbt-closing":c,"data-kbt-disable-animations":_,"data-kbt-has-arrow":!!t,"data-kbt-id":"popover","data-kbt-placement":i,style:{zIndex:b||"auto"},children:[!!t&&(0,jsx_runtime_namespaceObject.jsx)("div",{className:(0,classNames_js_namespaceObject.classNames)(r?.arrow),"data-kbt-arrow-border":!!t,"data-kbt-id":"popover-arrow","data-kbt-placement":i,style:{...i?(0,styling_utils_js_namespaceObject.getArrowBorderStyles)(i,t):{},zIndex:"number"==typeof b?b+1:b}}),s]})]})})};const PopoverStandAlone=(0,external_react_namespaceObject.forwardRef)(PopoverStandAloneComponent);exports.PopoverStandAlone=__webpack_exports__.PopoverStandAlone;for(var __rspack_i in __webpack_exports__)if(-1===["PopoverStandAlone"].indexOf(__rspack_i))exports[__rspack_i]=__webpack_exports__[__rspack_i];Object.defineProperty(exports,"__esModule",{value:true});

package/dist/cjs/components/popover/positioning/index.js

@@ -0,0 +1 @@
+"use strict";var __webpack_modules__={"./middlewares"(_){_.exports=require("./middlewares.js")}};var __webpack_module_cache__={};function __webpack_require__(_){var e=__webpack_module_cache__[_];if(void 0!==e)return e.exports;var r=__webpack_module_cache__[_]={exports:{}};__webpack_modules__[_](r,r.exports,__webpack_require__);return r.exports}(()=>{__webpack_require__.n=_=>{var e=_&&_.__esModule?()=>_["default"]:()=>_;__webpack_require__.d(e,{a:e});return e}})();(()=>{__webpack_require__.d=(_,e)=>{for(var r in e)if(__webpack_require__.o(e,r)&&!__webpack_require__.o(_,r))Object.defineProperty(_,r,{enumerable:true,get:e[r]})}})();(()=>{__webpack_require__.o=(_,e)=>Object.prototype.hasOwnProperty.call(_,e)})();(()=>{__webpack_require__.r=_=>{if("u">typeof Symbol&&Symbol.toStringTag)Object.defineProperty(_,Symbol.toStringTag,{value:"Module"});Object.defineProperty(_,"__esModule",{value:true})}})();var __webpack_exports__={};(()=>{__webpack_require__.r(__webpack_exports__);var _=__webpack_require__("./middlewares");var e={};for(const r in _)if("default"!==r)e[r]=()=>_[r];__webpack_require__.d(__webpack_exports__,e)})();for(var __rspack_i in __webpack_exports__)exports[__rspack_i]=__webpack_exports__[__rspack_i];Object.defineProperty(exports,"__esModule",{value:true});

package/dist/cjs/components/popover/positioning/middlewares.js

@@ -0,0 +1 @@
+"use strict";var __webpack_require__={};(()=>{__webpack_require__.d=(e,_)=>{for(var p in _)if(__webpack_require__.o(_,p)&&!__webpack_require__.o(e,p))Object.defineProperty(e,p,{enumerable:true,get:_[p]})}})();(()=>{__webpack_require__.o=(e,_)=>Object.prototype.hasOwnProperty.call(e,_)})();(()=>{__webpack_require__.r=e=>{if("u">typeof Symbol&&Symbol.toStringTag)Object.defineProperty(e,Symbol.toStringTag,{value:"Module"});Object.defineProperty(e,"__esModule",{value:true})}})();var __webpack_exports__={};__webpack_require__.r(__webpack_exports__);__webpack_require__.d(__webpack_exports__,{popoverMWFlip:()=>dom_namespaceObject.flip,popoverMWHide:()=>dom_namespaceObject.hide,popoverMWOffset:()=>dom_namespaceObject.offset,popoverMWArrow:()=>dom_namespaceObject.arrow,popoverMWAutoPlacement:()=>dom_namespaceObject.autoPlacement,popoverMWSize:()=>dom_namespaceObject.size,popoverMWShift:()=>dom_namespaceObject.shift});const dom_namespaceObject=require("@floating-ui/dom");exports.popoverMWArrow=__webpack_exports__.popoverMWArrow;exports.popoverMWAutoPlacement=__webpack_exports__.popoverMWAutoPlacement;exports.popoverMWFlip=__webpack_exports__.popoverMWFlip;exports.popoverMWHide=__webpack_exports__.popoverMWHide;exports.popoverMWOffset=__webpack_exports__.popoverMWOffset;exports.popoverMWShift=__webpack_exports__.popoverMWShift;exports.popoverMWSize=__webpack_exports__.popoverMWSize;for(var __rspack_i in __webpack_exports__)if(-1===["popoverMWArrow","popoverMWAutoPlacement","popoverMWFlip","popoverMWHide","popoverMWOffset","popoverMWShift","popoverMWSize"].indexOf(__rspack_i))exports[__rspack_i]=__webpack_exports__[__rspack_i];Object.defineProperty(exports,"__esModule",{value:true});

package/dist/cjs/components/popover/stories/argtypes.js

@@ -0,0 +1 @@
+"use strict";var __webpack_require__={};(()=>{__webpack_require__.d=(e,o)=>{for(var t in o)if(__webpack_require__.o(o,t)&&!__webpack_require__.o(e,t))Object.defineProperty(e,t,{enumerable:true,get:o[t]})}})();(()=>{__webpack_require__.o=(e,o)=>Object.prototype.hasOwnProperty.call(e,o)})();(()=>{__webpack_require__.r=e=>{if("u">typeof Symbol&&Symbol.toStringTag)Object.defineProperty(e,Symbol.toStringTag,{value:"Module"});Object.defineProperty(e,"__esModule",{value:true})}})();var __webpack_exports__={};__webpack_require__.r(__webpack_exports__);__webpack_require__.d(__webpack_exports__,{argtypes:()=>argtypes});const argtypes_namespaceObject=require("@/lib/storybook/argtypes/argtypes");const booleanArgTypes_namespaceObject=require("@/lib/storybook/argtypes/booleanArgTypes");const disabledArgTypes_namespaceObject=require("@/lib/storybook/argtypes/disabledArgTypes");const htmlComponentArgTypes_namespaceObject=require("@/lib/storybook/argtypes/htmlComponentArgTypes");const selectorArgTypes_namespaceObject=require("@/lib/storybook/argtypes/selectorArgTypes");const stringArgTypes_namespaceObject=require("@/lib/storybook/argtypes/stringArgTypes");const categoryControl_namespaceObject=require("@/lib/storybook/constants/categoryControl");const argtypes=()=>({...argtypes_namespaceObject.configArgTypes,...(0,disabledArgTypes_namespaceObject.getDisabledArgTypes)(["anchorElement","arrowStyles","middlewareOptions","middlewares","onClose","overlay","preventCloseOnClickElements"]),children:(0,stringArgTypes_namespaceObject.getStringtArgTypes)({category:categoryControl_namespaceObject.CATEGORY_CONTROL.CONTENT,keyName:"children",name:"popover"}),component:(0,htmlComponentArgTypes_namespaceObject.getHtmlComponentArgTypes)({name:"popover"}),disableAnimations:(0,booleanArgTypes_namespaceObject.getBooleanArgTypes)({descriptionName:"popover",name:"disableAnimations",subCategory:categoryControl_namespaceObject.CATEGORY_CONTROL.MODIFIERS}),disableAutoFocusFirstDescendant:(0,booleanArgTypes_namespaceObject.getBooleanArgTypes)({descriptionName:"popover",name:"disableAutoFocusFirstDescendant",subCategory:categoryControl_namespaceObject.CATEGORY_CONTROL.ACCESIBILITY}),disableAutoFocusFirstDescendantAfterClose:(0,booleanArgTypes_namespaceObject.getBooleanArgTypes)({descriptionName:"popover",name:"disableAutoFocusFirstDescendantAfterClose",subCategory:categoryControl_namespaceObject.CATEGORY_CONTROL.ACCESIBILITY}),disableClickOverlayClose:(0,booleanArgTypes_namespaceObject.getBooleanArgTypes)({descriptionName:"popover",name:"disableClickOverlayClose",subCategory:categoryControl_namespaceObject.CATEGORY_CONTROL.MODIFIERS}),disableEscapeClose:(0,booleanArgTypes_namespaceObject.getBooleanArgTypes)({descriptionName:"popover",name:"disableEscapeClose",subCategory:categoryControl_namespaceObject.CATEGORY_CONTROL.MODIFIERS}),disableRestoreFocusAfterClose:(0,booleanArgTypes_namespaceObject.getBooleanArgTypes)({descriptionName:"popover",name:"disableRestoreFocusAfterClose",subCategory:categoryControl_namespaceObject.CATEGORY_CONTROL.ACCESIBILITY}),disableScrollBackground:(0,booleanArgTypes_namespaceObject.getBooleanArgTypes)({descriptionName:"popover",name:"disableScrollBackground",subCategory:categoryControl_namespaceObject.CATEGORY_CONTROL.MODIFIERS}),disableTrapFocus:(0,booleanArgTypes_namespaceObject.getBooleanArgTypes)({descriptionName:"popover",name:"disableTrapFocus",subCategory:categoryControl_namespaceObject.CATEGORY_CONTROL.ACCESIBILITY}),id:(0,stringArgTypes_namespaceObject.getStringtArgTypes)({category:categoryControl_namespaceObject.CATEGORY_CONTROL.MODIFIERS,keyName:"id",name:"popover"}),open:(0,booleanArgTypes_namespaceObject.getBooleanArgTypes)({descriptionName:"popover",name:"open",subCategory:categoryControl_namespaceObject.CATEGORY_CONTROL.MODIFIERS}),placement:(0,selectorArgTypes_namespaceObject.getSelectorArgTypes)({category:categoryControl_namespaceObject.CATEGORY_CONTROL.MODIFIERS,defaultValue:"top",keyName:"placement",name:"popover",options:{bottom:"bottom","bottom-end":"bottom-end","bottom-start":"bottom-start",center:"center",left:"left","left-end":"left-end","left-start":"left-start",right:"right","right-end":"right-end","right-start":"right-start",top:"top","top-end":"top-end","top-start":"top-start"}}),preventScrollOnCloseFocus:(0,booleanArgTypes_namespaceObject.getBooleanArgTypes)({descriptionName:"popover",name:"preventScrollOnCloseFocus",subCategory:categoryControl_namespaceObject.CATEGORY_CONTROL.ACCESIBILITY}),role:(0,stringArgTypes_namespaceObject.getStringtArgTypes)({category:categoryControl_namespaceObject.CATEGORY_CONTROL.ACCESIBILITY,keyName:"role",name:"popover"}),strategy:(0,selectorArgTypes_namespaceObject.getSelectorArgTypes)({category:categoryControl_namespaceObject.CATEGORY_CONTROL.MODIFIERS,defaultValue:"absolute",keyName:"strategy",name:"popover",options:{absolute:"absolute",fixed:"fixed"}}),zIndex:(0,stringArgTypes_namespaceObject.getStringtArgTypes)({category:categoryControl_namespaceObject.CATEGORY_CONTROL.MODIFIERS,keyName:"zIndex",name:"popover"})});exports.argtypes=__webpack_exports__.argtypes;for(var __rspack_i in __webpack_exports__)if(-1===["argtypes"].indexOf(__rspack_i))exports[__rspack_i]=__webpack_exports__[__rspack_i];Object.defineProperty(exports,"__esModule",{value:true});

package/dist/cjs/components/popover/stories/demos/animationsDemo.css

@@ -0,0 +1 @@
+@keyframes demo-scale-fade-in{0%{opacity:0;transform:translate(-50%,-50%)scale(.8)}to{opacity:1;transform:translate(-50%,-50%)scale(1)}}@keyframes demo-rotate-slide-in{0%{opacity:0;transform:translate(-50%,-50%)translateY(30px)rotate(-8deg)}to{opacity:1;transform:translate(-50%,-50%)translateY(0)rotate(0)}}@keyframes demo-zoom-in{0%{opacity:0;transform:translate(-50%,-50%)scale(.2)}60%{opacity:.8;transform:translate(-50%,-50%)scale(1.1)}to{opacity:1;transform:translate(-50%,-50%)scale(1)}}@keyframes demo-fade-in{0%{opacity:0}to{opacity:1}}.demo-container{flex-direction:column;gap:2rem;max-width:1200px;padding:2rem;display:flex}.demo-section{background:#fafafa;border:1px solid #e0e0e0;border-radius:8px;flex-direction:column;gap:1rem;padding:1.5rem;display:flex}.demo-section-title{color:#333;margin:0;font-size:1.2rem}.demo-section-description{color:#666;margin:0;font-size:.9rem}.demo-button-grid{grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1rem;margin-top:1rem;display:grid}.demo-button{justify-self:stretch}.demo-code-block{background:#f5f5f5;border-radius:4px;margin:.5rem 0;padding:1rem;font-size:.85rem;overflow-x:auto}

package/dist/cjs/components/popover/stories/demos/animationsDemo.js

@@ -0,0 +1,39 @@
+"use strict";var __webpack_require__={};(()=>{__webpack_require__.d=(e,t)=>{for(var n in t)if(__webpack_require__.o(t,n)&&!__webpack_require__.o(e,n))Object.defineProperty(e,n,{enumerable:true,get:t[n]})}})();(()=>{__webpack_require__.o=(e,t)=>Object.prototype.hasOwnProperty.call(e,t)})();(()=>{__webpack_require__.r=e=>{if("u">typeof Symbol&&Symbol.toStringTag)Object.defineProperty(e,Symbol.toStringTag,{value:"Module"});Object.defineProperty(e,"__esModule",{value:true})}})();var __webpack_exports__={};__webpack_require__.r(__webpack_exports__);__webpack_require__.d(__webpack_exports__,{AnimationsDemo:()=>AnimationsDemo});const jsx_runtime_namespaceObject=require("react/jsx-runtime");require("./animationsDemo.css");const external_react_namespaceObject=require("react");const button_js_namespaceObject=require("../../../button/button.js");const overlay_js_namespaceObject=require("../../../../lib/components/overlay/overlay.js");const spring_animations_js_namespaceObject=require("../../animations/spring.animations.js");const external_popover_js_namespaceObject=require("../../popover.js");const POPOVER_BASE_STYLES={background:"white",borderRadius:"4px",boxShadow:"0 4px 12px rgba(0, 0, 0, 0.15), 0 2px 6px rgba(0, 0, 0, 0.1)",padding:"1rem"};const POPOVER_CONTENT_STYLES={extra:{...POPOVER_BASE_STYLES,maxWidth:"350px",minWidth:"250px"},modal:{...POPOVER_BASE_STYLES,borderRadius:"8px",maxWidth:"500px",minWidth:"300px",padding:"2rem"},standard:{...POPOVER_BASE_STYLES,minWidth:"200px"},wide:{...POPOVER_BASE_STYLES,maxWidth:"350px",minWidth:"200px"}};const BUILTIN_POPOVERS=[{content:{description:"Slides from bottom to top (down → up animation). Automatically positioned above the trigger.",title:"\uD83C\uDFAF Top Animation"},id:"default-top",placement:"top",styleType:"standard"},{content:{description:"Same animation as 'top' but aligned to the left edge. Animation maintains vertical slide behavior.",title:"\uD83C\uDFAF Top Start Animation"},id:"default-top-start",placement:"top-start",styleType:"standard"},{content:{description:"Same animation as 'top' but aligned to the right edge. Animation maintains vertical slide behavior.",title:"\uD83C\uDFAF Top End Animation"},id:"default-top-end",placement:"top-end",styleType:"standard"},{content:{description:"Slides from top to bottom (up → down animation). Automatically positioned below the trigger.",title:"\uD83C\uDFAF Bottom Animation"},id:"default-bottom",placement:"bottom",styleType:"standard"},{content:{description:"Same animation as 'bottom' but aligned to the left edge. Animation maintains vertical slide behavior.",title:"\uD83C\uDFAF Bottom Start Animation"},id:"default-bottom-start",placement:"bottom-start",styleType:"standard"},{content:{description:"Same animation as 'bottom' but aligned to the right edge. Animation maintains vertical slide behavior.",title:"\uD83C\uDFAF Bottom End Animation"},id:"default-bottom-end",placement:"bottom-end",styleType:"standard"},{content:{description:"Slides from right to left (right → left animation). Positioned to the left of the trigger.",title:"\uD83C\uDFAF Left Animation"},id:"default-left",placement:"left",styleType:"wide"},{content:{description:"Same animation as 'left' but aligned to the top edge. Animation maintains horizontal slide behavior.",title:"\uD83C\uDFAF Left Start Animation"},id:"default-left-start",placement:"left-start",styleType:"wide"},{content:{description:"Same animation as 'left' but aligned to the bottom edge. Animation maintains horizontal slide behavior.",title:"\uD83C\uDFAF Left End Animation"},id:"default-left-end",placement:"left-end",styleType:"wide"},{content:{description:"Slides from left to right (left → right animation). Positioned to the right of the trigger.",title:"\uD83C\uDFAF Right Animation"},id:"default-right",placement:"right",styleType:"wide"},{content:{description:"Same animation as 'right' but aligned to the top edge. Animation maintains horizontal slide behavior.",title:"\uD83C\uDFAF Right Start Animation"},id:"default-right-start",placement:"right-start",styleType:"wide"},{content:{description:"Same animation as 'right' but aligned to the bottom edge. Animation maintains horizontal slide behavior.",title:"\uD83C\uDFAF Right End Animation"},id:"default-right-end",placement:"right-end",styleType:"wide"},{content:{description:"Fade animation for centered modal behavior. Perfect for dialogs and important content.",title:"\uD83C\uDFAF Center Animation (Modal Style)"},id:"default-center",placement:void 0,styleType:"modal"}];const SPRING_POPOVERS=[{additionalClasses:{container:"spring-bouncy-animation"},content:{description:"Low damping creates multiple oscillations for a playful, bouncy effect. Perfect for fun interactions and attention-grabbing animations.",params:"stiffness: 150, damping: 8",title:"\uD83C\uDFBE Bouncy Spring Physics"},id:"spring-bouncy"},{additionalClasses:{container:"spring-smooth-animation"},content:{description:"Balanced damping provides natural movement with minimal overshoot. Ideal for professional interfaces and subtle interactions.",params:"stiffness: 300, damping: 25",title:"\uD83C\uDF0A Smooth Spring Physics"},id:"spring-smooth",middlewareOptions:void 0,styleType:"extra"},{additionalClasses:{container:"spring-quick-animation"},content:{description:"High stiffness with lower mass creates snappy, responsive animations. Perfect for buttons and quick feedback interactions.",params:"stiffness: 500, mass: 0.8",title:"⚡ Quick Spring Physics"},id:"spring-quick",middlewareOptions:void 0,styleType:"extra"},{additionalClasses:{container:"spring-overdamped-animation"},content:{description:"High damping prevents oscillation, creating smooth, gradual movement. Great for elegant, calm interfaces and accessibility-friendly animations.",params:"damping: 40, mass: 1.2",title:"\uD83D\uDC0C Overdamped Spring Physics"},id:"spring-overdamped",middlewareOptions:void 0,styleType:"extra"}];const PopoverContent=({content:e})=>(0,jsx_runtime_namespaceObject.jsxs)(jsx_runtime_namespaceObject.Fragment,{children:[(0,jsx_runtime_namespaceObject.jsx)("strong",{children:e.title}),(0,jsx_runtime_namespaceObject.jsx)("p",{children:e.description}),e.params&&(0,jsx_runtime_namespaceObject.jsx)("div",{style:{color:"#666",fontSize:"0.9em",marginTop:"0.5rem"},children:(0,jsx_runtime_namespaceObject.jsx)("code",{children:e.params})})]});const DemoButton=({id:e,label:t,onClick:n})=>(0,jsx_runtime_namespaceObject.jsx)(button_js_namespaceObject.Button,{size:"MEDIUM",variant:"PRIMARY",onClick:t=>n(t,e),children:t});const AnimationsDemo=()=>{const[e,t]=(0,external_react_namespaceObject.useState)(null);const n=(e,n)=>{t(n)};const i=()=>{t(null)};(0,external_react_namespaceObject.useEffect)(()=>{const e=[{className:"spring-bouncy-animation",config:{damping:8,duration:"1200ms",initialDisplacement:35,keyframeCount:24,mass:1,stiffness:150}},{className:"spring-smooth-animation",config:{damping:25,duration:"800ms",initialDisplacement:30,keyframeCount:20,mass:1,stiffness:300}},{className:"spring-quick-animation",config:{damping:20,duration:"600ms",initialDisplacement:25,keyframeCount:16,mass:.8,stiffness:500}},{className:"spring-overdamped-animation",config:{damping:40,duration:"1000ms",initialDisplacement:40,keyframeCount:20,mass:1.2,stiffness:200}}];e.forEach(({className:e,config:t})=>{const n=(0,spring_animations_js_namespaceObject.createSpringAnimation)("down",{...t,placement:"bottom"});const i=document.getElementById(`spring-style-${e}`);if(i)i.remove();const a=`${e}-keyframes`;const o=`
+        @keyframes ${a} {
+          ${n.keyframesCSS}
+        }
+
+        .${e}[data-kbt-closing="false"] {
+          animation: ${a} ${n.duration} ease-out !important;
+        }
+
+        .${e}[data-kbt-closing="true"] {
+          animation: ${a} ${n.duration} ease-in reverse !important;
+        }
+      `;const s=document.createElement("style");s.id=`spring-style-${e}`;s.textContent=o;document.head.appendChild(s)});return()=>{e.forEach(({className:e})=>{const t=document.getElementById(`spring-style-${e}`);if(t)t.remove()})}},[]);return(0,jsx_runtime_namespaceObject.jsxs)("div",{className:"demo-container",children:[(0,jsx_runtime_namespaceObject.jsxs)("div",{className:"demo-section",children:[(0,jsx_runtime_namespaceObject.jsx)("h3",{className:"demo-section-title",children:"\uD83C\uDFAF Built-in CSS Animations"}),(0,jsx_runtime_namespaceObject.jsx)("p",{className:"demo-section-description",children:"Popover uses pure CSS animations that automatically adapt to placement. The animations are optimized for performance and work consistently across all placements."}),(0,jsx_runtime_namespaceObject.jsx)("pre",{className:"demo-code-block",children:`// No animation configuration needed - Popover handles everything
+<Popover
+  placement="bottom"  // Animation direction determined automatically
+  open={isOpen}
+  onClose={handleClose}
+>
+  Content here
+</Popover>
+`}),(0,jsx_runtime_namespaceObject.jsx)("div",{className:"demo-button-grid",children:BUILTIN_POPOVERS.map(e=>{const t=e.content.title.replace("\uD83C\uDFAF ","").replace(" Animation","");return(0,jsx_runtime_namespaceObject.jsx)(DemoButton,{id:e.id,label:t,onClick:n},e.id)})})]}),(0,jsx_runtime_namespaceObject.jsxs)("div",{className:"demo-section",children:[(0,jsx_runtime_namespaceObject.jsx)("h3",{className:"demo-section-title",children:"\uD83C\uDF00 Spring Physics Custom Animations"}),(0,jsx_runtime_namespaceObject.jsx)("p",{className:"demo-section-description",children:"Advanced physics-based animations using spring-damper calculations. These produce natural, realistic movements with customizable physics parameters. Applied using additionalClasses to inject custom CSS animations."}),(0,jsx_runtime_namespaceObject.jsx)("pre",{className:"demo-code-block",children:`// Spring physics animations with realistic movement
+import { createSpringAnimation } from '@/components/popover/animations/spring.animations';
+
+// Create spring animation
+const springAnimation = createSpringAnimation('down', {
+  stiffness: 300,         // Spring stiffness (higher = faster)
+  damping: 15,            // Damping ratio (lower = more bounce)
+  mass: 1,                // Object mass (higher = slower)
+  duration: '1200ms',     // Total animation duration
+  initialDisplacement: 35, // Starting offset distance
+  keyframeCount: 30,      // Animation smoothness (more = smoother)
+});
+
+// Apply using additionalClasses
+<Popover
+  placement="bottom"
+  additionalClasses={{ container: "spring-bouncy-animation" }}
+  // ... other props
+/>`}),(0,jsx_runtime_namespaceObject.jsx)("div",{className:"demo-button-grid",children:SPRING_POPOVERS.map(e=>{const t=e.content.title.replace(" Physics","");return(0,jsx_runtime_namespaceObject.jsx)(DemoButton,{id:e.id,label:t,onClick:n},e.id)})})]}),BUILTIN_POPOVERS.map(t=>(0,jsx_runtime_namespaceObject.jsx)(external_popover_js_namespaceObject.Popover,{open:e===t.id,overlay:(0,jsx_runtime_namespaceObject.jsx)(overlay_js_namespaceObject.Overlay,{variant:"POPOVER"}),placement:t.placement,onClose:i,children:(0,jsx_runtime_namespaceObject.jsx)("div",{style:POPOVER_CONTENT_STYLES[t.styleType],children:(0,jsx_runtime_namespaceObject.jsx)(PopoverContent,{content:t.content})})},t.id)),SPRING_POPOVERS.map(t=>(0,jsx_runtime_namespaceObject.jsx)(external_popover_js_namespaceObject.Popover,{open:e===t.id,overlay:(0,jsx_runtime_namespaceObject.jsx)(overlay_js_namespaceObject.Overlay,{variant:"POPOVER"}),placement:"bottom",onClose:i,children:(0,jsx_runtime_namespaceObject.jsx)("div",{style:POPOVER_CONTENT_STYLES.extra,children:(0,jsx_runtime_namespaceObject.jsx)(PopoverContent,{content:t.content})})},t.id))]})};exports.AnimationsDemo=__webpack_exports__.AnimationsDemo;for(var __rspack_i in __webpack_exports__)if(-1===["AnimationsDemo"].indexOf(__rspack_i))exports[__rspack_i]=__webpack_exports__[__rspack_i];Object.defineProperty(exports,"__esModule",{value:true});

package/dist/cjs/components/popover/stories/demos/popoverBodyPositionDemo.js

@@ -0,0 +1 @@
+"use strict";var __webpack_require__={};(()=>{__webpack_require__.d=(e,t)=>{for(var n in t)if(__webpack_require__.o(t,n)&&!__webpack_require__.o(e,n))Object.defineProperty(e,n,{enumerable:true,get:t[n]})}})();(()=>{__webpack_require__.o=(e,t)=>Object.prototype.hasOwnProperty.call(e,t)})();(()=>{__webpack_require__.r=e=>{if("u">typeof Symbol&&Symbol.toStringTag)Object.defineProperty(e,Symbol.toStringTag,{value:"Module"});Object.defineProperty(e,"__esModule",{value:true})}})();var __webpack_exports__={};__webpack_require__.r(__webpack_exports__);__webpack_require__.d(__webpack_exports__,{BodyPositionsDemo:()=>BodyPositionsDemo});const jsx_runtime_namespaceObject=require("react/jsx-runtime");const external_react_namespaceObject=require("react");const button_js_namespaceObject=require("../../../button/button.js");const text_js_namespaceObject=require("../../../text/text.js");const variants_namespaceObject=require("@/lib/designSystem/kubit/components/text/variants");const components_variants_namespaceObject=require("@/lib/designSystem/kubit/components/variants");const useActiveBreakpoints_js_namespaceObject=require("../../../../lib/hooks/useMediaDevice/useActiveBreakpoints.js");const external_popover_js_namespaceObject=require("../../popover.js");const getPlacementFromBodyDirection=e=>{switch(e){case"center":return;case"top":return"top";case"right":return"right";case"left":return"left";case"bottom":return"bottom";default:return}};const BodyPositionsDemo=e=>{const[t,n]=(0,external_react_namespaceObject.useState)(false);const[a,s]=(0,external_react_namespaceObject.useState)("center");const[r,i]=(0,external_react_namespaceObject.useState)({edgePadding:0,offsetDistance:[0,0]});const c=(0,external_react_namespaceObject.useRef)(null);const o=()=>{n(false)};const p=e=>{s(e);n(true)};const _=()=>{i(e=>({...e,edgePadding:0===e.edgePadding?24:0}))};const{isMobile:d}=(0,useActiveBreakpoints_js_namespaceObject.useActiveBreakpoints)();const{placement:j,...x}=e;const m=e=>{if(d&&"center"!==e)return{width:"100%"};switch(e){case"center":return{maxWidth:"500px",minWidth:"400px"};case"top":return{maxWidth:"90vw",minWidth:"300px"};case"right":return{maxWidth:"400px",minWidth:"300px"};case"left":return{maxWidth:"350px",minWidth:"250px"};case"bottom":return{maxWidth:"600px",minWidth:"200px"};default:return{}}};const b={bottom:"This popover is anchored to the bottom of the viewport. Perfect for action sheets, mobile menus, and keyboard-avoiding containers. (Width: 200px - 600px)",center:"This popover is centered in the viewport. This is the default positioning behavior and works well for dialogs and modals. (Width: 400px - 500px)",left:"This popover is anchored to the left edge of the viewport. Good for navigation menus or toolbars. (Width: 250px - 350px)",right:"This popover is anchored to the right edge of the viewport. Useful for side panels, contextual menus, or navigation drawers. (Width: 300px - 400px)",top:"This popover is anchored to the top of the viewport. Perfect for top notifications, banners, or alerts that need immediate attention. (Width: 300px - 90vw)"};return(0,jsx_runtime_namespaceObject.jsxs)("div",{style:{display:"flex",flexDirection:"column",gap:"8px"},children:[(0,jsx_runtime_namespaceObject.jsx)(text_js_namespaceObject.Text,{variant:variants_namespaceObject.TextVariantType.PARAGRAPH_MEDIUM_EXTENDED,weight:700,children:"Popover Body Positioning"}),(0,jsx_runtime_namespaceObject.jsx)(text_js_namespaceObject.Text,{variant:variants_namespaceObject.TextVariantType.PARAGRAPH_SMALL_EXTENDED,children:"Without a specific anchor element (body by default), the popover can be positioned in different ways relative to the viewport with placement property."}),(0,jsx_runtime_namespaceObject.jsx)(text_js_namespaceObject.Text,{variant:variants_namespaceObject.TextVariantType.PARAGRAPH_SMALL_EXTENDED,children:"Uses an overlay with backdrop (overlay property) that darkens the background, and can be configured with a optional directional arrow with hasArrow property."}),(0,jsx_runtime_namespaceObject.jsx)(text_js_namespaceObject.Text,{variant:variants_namespaceObject.TextVariantType.PARAGRAPH_SMALL_EXTENDED,children:"When using the body as anchor, the popover can be positioned in different ways (placement prop). Select one of the options below to see how each position works."}),(0,jsx_runtime_namespaceObject.jsxs)(text_js_namespaceObject.Text,{variant:variants_namespaceObject.TextVariantType.PARAGRAPH_SMALL_EXTENDED,children:[(0,jsx_runtime_namespaceObject.jsx)("strong",{children:"Edge Padding:"})," This demo also showcases the"," ",(0,jsx_runtime_namespaceObject.jsx)("code",{children:"edgePadding"})," option, which maintains distance from viewport edges to prevent the popover from touching the screen boundaries."]}),(0,jsx_runtime_namespaceObject.jsxs)(text_js_namespaceObject.Text,{variant:variants_namespaceObject.TextVariantType.PARAGRAPH_SMALL_EXTENDED,children:[(0,jsx_runtime_namespaceObject.jsx)("strong",{children:"Width and Height Control:"})," Each position demonstrates different width constraints. The popover content controls its own dimensions instead of the popover container having fixed constraints. Notice how each position has different sizing to show the flexibility."]}),(0,jsx_runtime_namespaceObject.jsxs)(text_js_namespaceObject.Text,{variant:variants_namespaceObject.TextVariantType.PARAGRAPH_SMALL_EXTENDED,children:["For more information, check the"," ",(0,jsx_runtime_namespaceObject.jsx)("a",{href:"?path=/docs/components-resources-Popover--docs",rel:"noopener noreferrer",style:{color:"#0066cc",textDecoration:"underline"},target:"_blank",children:"Documentation section"})," ","in Storybook."]}),(0,jsx_runtime_namespaceObject.jsxs)(text_js_namespaceObject.Text,{variant:variants_namespaceObject.TextVariantType.PARAGRAPH_SMALL_EXTENDED,children:[(0,jsx_runtime_namespaceObject.jsx)("strong",{children:"Edge Padding Demo:"})," Use the controls below to see how"," ",(0,jsx_runtime_namespaceObject.jsx)("code",{children:"edgePadding"})," affects popover positioning relative to viewport edges."]}),(0,jsx_runtime_namespaceObject.jsxs)("div",{style:{backgroundColor:"#e8f4fd",borderRadius:"8px",display:"flex",flexDirection:"column",gap:"16px",padding:"20px"},children:[(0,jsx_runtime_namespaceObject.jsx)(text_js_namespaceObject.Text,{variant:variants_namespaceObject.TextVariantType.PARAGRAPH_MEDIUM_EXTENDED,children:(0,jsx_runtime_namespaceObject.jsx)("strong",{children:"\uD83D\uDD27 Edge Padding Controls"})}),(0,jsx_runtime_namespaceObject.jsxs)("div",{style:{display:"flex",flexDirection:"column",gap:"8px"},children:[(0,jsx_runtime_namespaceObject.jsxs)("div",{style:{alignItems:"center",display:"flex",gap:"12px"},children:[(0,jsx_runtime_namespaceObject.jsx)(text_js_namespaceObject.Text,{variant:variants_namespaceObject.TextVariantType.PARAGRAPH_SMALL_EXTENDED,children:(0,jsx_runtime_namespaceObject.jsx)("strong",{children:"Edge Padding:"})}),(0,jsx_runtime_namespaceObject.jsx)(button_js_namespaceObject.Button,{size:components_variants_namespaceObject.ButtonSizeType.SMALL,variant:r.edgePadding>0?components_variants_namespaceObject.ButtonVariantType.PRIMARY:components_variants_namespaceObject.ButtonVariantType.SECONDARY,onClick:_,children:r.edgePadding>0?"24px ON":"OFF"})]}),(0,jsx_runtime_namespaceObject.jsxs)(text_js_namespaceObject.Text,{variant:variants_namespaceObject.TextVariantType.PARAGRAPH_SMALL_EXTENDED,children:["Current: ",r.edgePadding,"px -"," ",r.edgePadding>0?"✅ Maintains distance from viewport edges":"❌ Can touch viewport edges"]})]})]}),(0,jsx_runtime_namespaceObject.jsxs)("div",{style:{backgroundColor:"#fff9e6",border:"1px solid #ffd700",borderRadius:"8px",padding:"12px"},children:[(0,jsx_runtime_namespaceObject.jsx)(text_js_namespaceObject.Text,{variant:variants_namespaceObject.TextVariantType.PARAGRAPH_SMALL_EXTENDED,children:(0,jsx_runtime_namespaceObject.jsx)("strong",{children:"\uD83D\uDD0D How edge padding work:"})}),(0,jsx_runtime_namespaceObject.jsxs)(text_js_namespaceObject.Text,{variant:variants_namespaceObject.TextVariantType.PARAGRAPH_SMALL_EXTENDED,children:["1. ",(0,jsx_runtime_namespaceObject.jsx)("strong",{children:"Edge Padding:"})," Always works - maintains distance from viewport edges"]})]}),(0,jsx_runtime_namespaceObject.jsxs)("div",{style:{backgroundColor:"#f5f5f5",borderRadius:"8px",display:"flex",flexDirection:"column",gap:"8px",justifyContent:"center",padding:"20px"},children:[(0,jsx_runtime_namespaceObject.jsx)("div",{children:(0,jsx_runtime_namespaceObject.jsxs)(text_js_namespaceObject.Text,{variant:variants_namespaceObject.TextVariantType.PARAGRAPH_MEDIUM_EXTENDED,children:[(0,jsx_runtime_namespaceObject.jsx)("strong",{children:"Current Position:"})," ",a]})}),(0,jsx_runtime_namespaceObject.jsx)(text_js_namespaceObject.Text,{variant:variants_namespaceObject.TextVariantType.PARAGRAPH_SMALL_EXTENDED,children:"center"===a?"The popover will be centered on the screen.":"top"===a?"The popover will be anchored to the top of the screen.":"right"===a?"The popover will be anchored to the right edge of the screen.":"left"===a?"The popover will be anchored to the left edge of the screen.":"The popover will be anchored to the bottom of the screen."}),(0,jsx_runtime_namespaceObject.jsx)("div",{style:{display:"flex",flexWrap:"wrap",gap:"16px",justifyContent:"center"},children:["center","top","right","left","bottom"].map(e=>(0,jsx_runtime_namespaceObject.jsx)(button_js_namespaceObject.Button,{ref:"center"===e?c:void 0,size:components_variants_namespaceObject.ButtonSizeType.LARGE,type:"button",variant:a===e?components_variants_namespaceObject.ButtonVariantType.PRIMARY:components_variants_namespaceObject.ButtonVariantType.SECONDARY,onClick:()=>p(e),children:"center"===e?"Center (Default)":e.charAt(0).toUpperCase()+e.slice(1)},e))})]}),(0,jsx_runtime_namespaceObject.jsx)(external_popover_js_namespaceObject.Popover,{...x,middlewareOptions:r,open:t,placement:getPlacementFromBodyDirection(a),zIndex:800,onClose:o,children:(0,jsx_runtime_namespaceObject.jsxs)("div",{style:{backgroundColor:"white",border:"1px solid #e8e8e8",borderRadius:"8px",boxShadow:"0 6px 16px rgba(0, 0, 0, 0.12)",height:d&&"center"!==a?"100vh":"auto",padding:"24px",...m(a)},children:[(0,jsx_runtime_namespaceObject.jsxs)(text_js_namespaceObject.Text,{variant:variants_namespaceObject.TextVariantType.HEADING_H3_EXTENDED,children:[a.charAt(0).toUpperCase()+a.slice(1)," Position"]}),(0,jsx_runtime_namespaceObject.jsx)("div",{style:{backgroundColor:"#f9f9f9",border:"1px solid #f0f0f0",borderRadius:"6px",marginBottom:"20px",marginTop:"12px",padding:"12px"},children:(0,jsx_runtime_namespaceObject.jsx)(text_js_namespaceObject.Text,{variant:variants_namespaceObject.TextVariantType.PARAGRAPH_MEDIUM_EXTENDED,children:b[a]})}),(0,jsx_runtime_namespaceObject.jsxs)("div",{style:{backgroundColor:"#f0f8ff",border:"1px solid #d0e7ff",borderRadius:"6px",marginBottom:"20px",padding:"12px"},children:[(0,jsx_runtime_namespaceObject.jsx)(text_js_namespaceObject.Text,{variant:variants_namespaceObject.TextVariantType.PARAGRAPH_MEDIUM_EXTENDED,children:(0,jsx_runtime_namespaceObject.jsx)("strong",{children:"\uD83D\uDD27 Current Edge Padding Configuration"})}),(0,jsx_runtime_namespaceObject.jsxs)("div",{style:{marginTop:"8px"},children:[(0,jsx_runtime_namespaceObject.jsxs)(text_js_namespaceObject.Text,{variant:variants_namespaceObject.TextVariantType.PARAGRAPH_SMALL_EXTENDED,children:[(0,jsx_runtime_namespaceObject.jsx)("strong",{children:"Edge Padding:"})," ",r.edgePadding,"px"," ",r.edgePadding>0?"✅ Active":"❌ Disabled"]}),(0,jsx_runtime_namespaceObject.jsx)(text_js_namespaceObject.Text,{variant:variants_namespaceObject.TextVariantType.PARAGRAPH_SMALL_EXTENDED,children:r.edgePadding>0?`• Maintains ${r.edgePadding}px distance from viewport edges`:"• Popover can touch viewport edges"}),(0,jsx_runtime_namespaceObject.jsxs)(text_js_namespaceObject.Text,{variant:variants_namespaceObject.TextVariantType.PARAGRAPH_SMALL_EXTENDED,children:[(0,jsx_runtime_namespaceObject.jsx)("strong",{children:"Current Position:"})," ",a]})]})]}),(0,jsx_runtime_namespaceObject.jsx)("div",{style:{display:"flex",justifyContent:"flex-end"},children:(0,jsx_runtime_namespaceObject.jsx)(button_js_namespaceObject.Button,{size:components_variants_namespaceObject.ButtonSizeType.LARGE,variant:components_variants_namespaceObject.ButtonVariantType.PRIMARY,onClick:o,children:"Close"})})]})})]})};exports.BodyPositionsDemo=__webpack_exports__.BodyPositionsDemo;for(var __rspack_i in __webpack_exports__)if(-1===["BodyPositionsDemo"].indexOf(__rspack_i))exports[__rspack_i]=__webpack_exports__[__rspack_i];Object.defineProperty(exports,"__esModule",{value:true});

package/dist/cjs/components/popover/stories/demos/popoverScrollBehaviorDemo.js

@@ -0,0 +1 @@
+"use strict";var __webpack_require__={};(()=>{__webpack_require__.d=(e,a)=>{for(var t in a)if(__webpack_require__.o(a,t)&&!__webpack_require__.o(e,t))Object.defineProperty(e,t,{enumerable:true,get:a[t]})}})();(()=>{__webpack_require__.o=(e,a)=>Object.prototype.hasOwnProperty.call(e,a)})();(()=>{__webpack_require__.r=e=>{if("u">typeof Symbol&&Symbol.toStringTag)Object.defineProperty(e,Symbol.toStringTag,{value:"Module"});Object.defineProperty(e,"__esModule",{value:true})}})();var __webpack_exports__={};__webpack_require__.r(__webpack_exports__);__webpack_require__.d(__webpack_exports__,{ScrollBehaviorDemo:()=>ScrollBehaviorDemo});const jsx_runtime_namespaceObject=require("react/jsx-runtime");const dom_namespaceObject=require("@floating-ui/dom");const external_react_namespaceObject=require("react");const text_js_namespaceObject=require("../../../text/text.js");const keyboardKeys_js_namespaceObject=require("../../../../lib/constants/keyboardKeys/keyboardKeys.js");const variants_namespaceObject=require("@/lib/designSystem/kubit/components/text/variants");const keyboard_js_namespaceObject=require("../../../../lib/utils/keyboard/keyboard.js");const external_popover_js_namespaceObject=require("../../popover.js");const colorOptions=[{color:"#ef4444",label:"Red",value:"red"},{color:"#f97316",label:"Orange",value:"orange"},{color:"#eab308",label:"Yellow",value:"yellow"},{color:"#22c55e",label:"Green",value:"green"},{color:"#06b6d4",label:"Cyan",value:"cyan"},{color:"#3b82f6",label:"Blue",value:"blue"},{color:"#a855f7",label:"Purple",value:"purple"},{color:"#ec4899",label:"Pink",value:"pink"},{color:"#800000",label:"Maroon",value:"maroon"},{color:"#000000",label:"Black",value:"black"},{color:"#ffffff",label:"White",value:"white"}];const STYLES={COLORS:{active:"#adb5bd",border:"#e9ecef",hover:"#f8f9fa",placeholder:"#6c757d",primary:"#f8f9fa",secondary:"#e9ecef",white:"white"},SIZES:{bottomBlock:"300px",contentBlock:"150px",dropdownMaxHeight:"320px",minSelectWidth:"100%"},SPACING:{large:"16px",medium:"12px",small:"8px",xlarge:"20px"}};const ContentBlock=({children:e,height:a=STYLES.SIZES.contentBlock})=>(0,jsx_runtime_namespaceObject.jsx)("div",{style:{alignItems:"center",backgroundColor:STYLES.COLORS.white,border:`1px solid ${STYLES.COLORS.border}`,borderRadius:STYLES.SPACING.medium,display:"flex",height:a,justifyContent:"center",padding:STYLES.SPACING.medium},children:e});const ContentSection=({children:e,title:a})=>(0,jsx_runtime_namespaceObject.jsxs)("div",{children:[(0,jsx_runtime_namespaceObject.jsx)(text_js_namespaceObject.Text,{variant:variants_namespaceObject.TextVariantType.PARAGRAPH_MEDIUM_EXTENDED,weight:600,children:a}),(0,jsx_runtime_namespaceObject.jsx)("div",{style:{backgroundColor:STYLES.COLORS.primary,display:"flex",flexDirection:"column",gap:STYLES.SPACING.small,height:"100%",justifyContent:"space-around",margin:`${STYLES.SPACING.medium} 0`,padding:STYLES.SPACING.xlarge},children:e})]});const ColorIndicator=({color:e})=>(0,jsx_runtime_namespaceObject.jsx)("div",{style:{backgroundColor:e,border:"1px solid rgba(0, 0, 0, 0.2)",borderRadius:"50%",flexShrink:0,height:STYLES.SPACING.large,width:STYLES.SPACING.large}});const useKeyboardHandlers=(e,a)=>{const t=t=>{if((0,keyboard_js_namespaceObject.isKeyPressed)(t.key,keyboardKeys_js_namespaceObject.ENTER.key,keyboardKeys_js_namespaceObject.SPACE.key)){t.preventDefault();e()}if((0,keyboard_js_namespaceObject.isKeyPressed)(t.key,...keyboardKeys_js_namespaceObject.ESCAPE.key))a()};const r=(e,a)=>{if((0,keyboard_js_namespaceObject.isKeyPressed)(e.key,keyboardKeys_js_namespaceObject.ENTER.key,keyboardKeys_js_namespaceObject.SPACE.key)){e.preventDefault();a()}};return{handleOptionKeyDown:r,handleSelectKeyDown:t}};const ScrollBehaviorDemo=e=>{const[a,t]=(0,external_react_namespaceObject.useState)(false);const[r,o]=(0,external_react_namespaceObject.useState)(null);const n=(0,external_react_namespaceObject.useRef)(null);const s=()=>t(!a);const c=()=>t(false);const l=e=>{o(e);t(false)};const{handleOptionKeyDown:i,handleSelectKeyDown:_}=useKeyboardHandlers(s,c);const p={alignItems:"center",backgroundColor:a?STYLES.COLORS.secondary:STYLES.COLORS.primary,borderColor:a?STYLES.COLORS.active:STYLES.COLORS.border,borderRadius:STYLES.SPACING.small,borderStyle:"solid",borderWidth:"1px",cursor:"default",display:"flex",gap:STYLES.SPACING.small,minWidth:STYLES.SIZES.minSelectWidth,outline:"none",padding:`${STYLES.SPACING.medium} ${STYLES.SPACING.large}`,position:"relative",transition:"all 0.2s ease",userSelect:"none"};const d={alignItems:"center",borderRadius:"4px",cursor:"pointer",display:"flex",gap:STYLES.SPACING.small,outline:"none",padding:`${STYLES.SPACING.small} ${STYLES.SPACING.medium}`,transition:"background-color 0.15s ease"};const b={fontSize:STYLES.SPACING.medium,marginLeft:"auto",transform:a?"rotate(180deg)":"rotate(0deg)",transition:"transform 0.2s ease"};return(0,jsx_runtime_namespaceObject.jsxs)("div",{style:{display:"flex",flexDirection:"column",gap:STYLES.SPACING.small},children:[(0,jsx_runtime_namespaceObject.jsxs)("div",{children:[(0,jsx_runtime_namespaceObject.jsx)(text_js_namespaceObject.Text,{variant:variants_namespaceObject.TextVariantType.PARAGRAPH_MEDIUM_EXTENDED,weight:700,children:"Popover Scroll Behavior Demo"}),(0,jsx_runtime_namespaceObject.jsx)(text_js_namespaceObject.Text,{variant:variants_namespaceObject.TextVariantType.PARAGRAPH_SMALL_EXTENDED,children:"This demo shows how the popover automatically repositions when there's not enough space below the trigger element. Try scrolling the page while the dropdown is open to see the behavior in action."})]}),(0,jsx_runtime_namespaceObject.jsx)(ContentSection,{title:"Scroll down to test the behavior",children:(0,jsx_runtime_namespaceObject.jsx)(ContentBlock,{children:(0,jsx_runtime_namespaceObject.jsx)(text_js_namespaceObject.Text,{variant:variants_namespaceObject.TextVariantType.PARAGRAPH_SMALL_EXTENDED,children:"Content block - This content creates the scrollable area to demonstrate the popover repositioning behavior."})})}),(0,jsx_runtime_namespaceObject.jsxs)("div",{style:{alignItems:"center",display:"flex",flexDirection:"column",gap:STYLES.SPACING.small,minHeight:"120px",padding:`${STYLES.SPACING.xlarge} 0`},children:[(0,jsx_runtime_namespaceObject.jsx)(text_js_namespaceObject.Text,{variant:variants_namespaceObject.TextVariantType.PARAGRAPH_MEDIUM_EXTENDED,weight:600,children:"Select a color (the dropdown will reposition on scroll)"}),(0,jsx_runtime_namespaceObject.jsxs)("div",{ref:n,"aria-controls":"color-listbox","aria-expanded":a,"aria-haspopup":"listbox","aria-label":"Select a color",role:"combobox",style:p,tabIndex:0,onClick:s,onKeyDown:_,children:[r?(0,jsx_runtime_namespaceObject.jsxs)(jsx_runtime_namespaceObject.Fragment,{children:[(0,jsx_runtime_namespaceObject.jsx)(ColorIndicator,{color:r.color}),(0,jsx_runtime_namespaceObject.jsx)("span",{children:r.label})]}):(0,jsx_runtime_namespaceObject.jsx)("span",{style:{color:STYLES.COLORS.placeholder},children:"Select a color..."}),(0,jsx_runtime_namespaceObject.jsx)("span",{style:b,children:"▼"})]}),(0,jsx_runtime_namespaceObject.jsx)(external_popover_js_namespaceObject.Popover,{...e,anchorElement:n.current,disableAnimations:true,middlewares:[(0,dom_namespaceObject.size)({apply({elements:e,rects:a}){Object.assign(e.floating.style,{minWidth:`${a.reference.width}px`})}}),(0,dom_namespaceObject.flip)()],open:a,placement:"bottom-start",onClose:c,children:(0,jsx_runtime_namespaceObject.jsx)("div",{"aria-label":"Color options",id:"color-listbox",role:"listbox",style:{backgroundColor:STYLES.COLORS.white,border:`1px solid ${STYLES.COLORS.border}`,borderRadius:STYLES.SPACING.small,boxShadow:"0 4px 12px rgba(0, 0, 0, 0.15)",maxHeight:STYLES.SIZES.dropdownMaxHeight,overflowY:"auto",padding:"4px"},children:colorOptions.map(e=>{const a=r?.value===e.value;return(0,jsx_runtime_namespaceObject.jsxs)("div",{"aria-selected":a,className:"dropdown-option",role:"option",style:{...d,backgroundColor:a?STYLES.COLORS.secondary:"transparent"},tabIndex:0,onClick:()=>l(e),onKeyDown:a=>i(a,()=>l(e)),onMouseDown:e=>e.preventDefault(),children:[(0,jsx_runtime_namespaceObject.jsx)(ColorIndicator,{color:e.color}),(0,jsx_runtime_namespaceObject.jsx)("span",{children:e.label}),a&&(0,jsx_runtime_namespaceObject.jsx)("span",{style:{fontSize:"14px",marginLeft:"auto"},children:"✓"})]},e.value)})})})]}),(0,jsx_runtime_namespaceObject.jsx)(ContentSection,{title:"More content below",children:(0,jsx_runtime_namespaceObject.jsx)(ContentBlock,{height:STYLES.SIZES.bottomBlock,children:(0,jsx_runtime_namespaceObject.jsx)(text_js_namespaceObject.Text,{variant:variants_namespaceObject.TextVariantType.PARAGRAPH_SMALL_EXTENDED,children:"Bottom content block - Keep scrolling to see how the popover repositions itself when space becomes limited."})})})]})};exports.ScrollBehaviorDemo=__webpack_exports__.ScrollBehaviorDemo;for(var __rspack_i in __webpack_exports__)if(-1===["ScrollBehaviorDemo"].indexOf(__rspack_i))exports[__rspack_i]=__webpack_exports__[__rspack_i];Object.defineProperty(exports,"__esModule",{value:true});

package/dist/cjs/components/popover/stories/demos/popoverWithAnchorElementDemo.js

@@ -0,0 +1 @@
+"use strict";var __webpack_require__={};(()=>{__webpack_require__.d=(e,r)=>{for(var t in r)if(__webpack_require__.o(r,t)&&!__webpack_require__.o(e,t))Object.defineProperty(e,t,{enumerable:true,get:r[t]})}})();(()=>{__webpack_require__.o=(e,r)=>Object.prototype.hasOwnProperty.call(e,r)})();(()=>{__webpack_require__.r=e=>{if("u">typeof Symbol&&Symbol.toStringTag)Object.defineProperty(e,Symbol.toStringTag,{value:"Module"});Object.defineProperty(e,"__esModule",{value:true})}})();var __webpack_exports__={};__webpack_require__.r(__webpack_exports__);__webpack_require__.d(__webpack_exports__,{PopoverWithAnchorElementContent:()=>PopoverWithAnchorElementContent,RadioGroupPositions:()=>RadioGroupPositions,placements:()=>placements});const jsx_runtime_namespaceObject=require("react/jsx-runtime");const placements=["top","top-start","top-end","right","right-start","right-end","bottom","bottom-start","bottom-end","left","left-start","left-end"];const RadioGroupPositions=({anchorElRef:e,handlePlacementChange:r,placement:t})=>{const o={alignItems:"center",backgroundColor:"#f8f9fa",borderRadius:"8px",boxShadow:"0 0 20px rgba(0, 0, 0, 0.05)",display:"flex",flexDirection:"column",padding:"20px",position:"relative"};const n={backgroundColor:"white",borderRadius:"8px",boxShadow:"0 0 10px rgba(0, 0, 0, 0.03)",display:"grid",gap:"0px",gridTemplateColumns:"repeat(5, 1fr)",gridTemplateRows:"repeat(5, 1fr)",padding:"6px",position:"relative"};const i=e=>{switch(e){case"top-start":return{gridColumn:"2",gridRow:"1"};case"top":return{gridColumn:"3",gridRow:"1"};case"top-end":return{gridColumn:"4",gridRow:"1"};case"right-start":return{gridColumn:"5",gridRow:"2"};case"right":return{gridColumn:"5",gridRow:"3"};case"right-end":return{gridColumn:"5",gridRow:"4"};case"bottom-start":return{gridColumn:"2",gridRow:"5"};case"bottom":return{gridColumn:"3",gridRow:"5"};case"bottom-end":return{gridColumn:"4",gridRow:"5"};case"left-start":return{gridColumn:"1",gridRow:"2"};case"left":return{gridColumn:"1",gridRow:"3"};case"left-end":return{gridColumn:"1",gridRow:"4"};default:return{gridColumn:"3",gridRow:"3"}}};return(0,jsx_runtime_namespaceObject.jsx)("div",{style:o,children:(0,jsx_runtime_namespaceObject.jsxs)("div",{style:n,children:[placements.map(e=>(0,jsx_runtime_namespaceObject.jsx)("div",{style:{...i(e),alignItems:"center",display:"flex",justifyContent:"center"},children:(0,jsx_runtime_namespaceObject.jsxs)("label",{style:{alignItems:"center",backgroundColor:t===e?"#f5f5f5":"white",border:t===e?"1px solid #1A1A1A":"1px solid #e0e0e0",borderRadius:"4px",boxShadow:t===e?"0 0 0 2px rgba(26, 26, 26, 0.1)":"none",cursor:"pointer",display:"flex",gap:"4px",padding:"4px 6px",transition:"all 0.2s ease",whiteSpace:"nowrap"},children:[(0,jsx_runtime_namespaceObject.jsx)("input",{checked:t===e,name:"placement",style:{accentColor:"#DF2B51",cursor:"pointer",height:"14px",width:"14px"},type:"radio",value:e,onChange:r}),(0,jsx_runtime_namespaceObject.jsx)("span",{style:{color:t===e?"#1A1A1A":"#767676",fontSize:"11px",fontWeight:t===e?500:400},children:e})]})},e)),(0,jsx_runtime_namespaceObject.jsx)("div",{style:{cursor:"default",gridColumn:"3",gridRow:"3",pointerEvents:"none",position:"relative",transform:"scale(1)",transition:"all 0.2s ease"},children:(0,jsx_runtime_namespaceObject.jsx)("div",{ref:e,style:{background:"rgb(223, 43, 81)",border:"2px dashed black",padding:"36px 24px"},children:(0,jsx_runtime_namespaceObject.jsx)("p",{children:"AnchorEl"})})})]})})};const PopoverWithAnchorElementContent=({placement:e})=>(0,jsx_runtime_namespaceObject.jsx)("div",{style:{background:"#767676",border:"none",borderRadius:"4px",boxShadow:"0px 2px 8px 0px rgba(0, 0, 0, 0.25)",color:"#FFFFFF",fontSize:"14px",fontWeight:400,lineHeight:"20px",maxWidth:"180px",padding:"16px",position:"relative",textAlign:"center"},children:e});exports.PopoverWithAnchorElementContent=__webpack_exports__.PopoverWithAnchorElementContent;exports.RadioGroupPositions=__webpack_exports__.RadioGroupPositions;exports.placements=__webpack_exports__.placements;for(var __rspack_i in __webpack_exports__)if(-1===["PopoverWithAnchorElementContent","RadioGroupPositions","placements"].indexOf(__rspack_i))exports[__rspack_i]=__webpack_exports__[__rspack_i];Object.defineProperty(exports,"__esModule",{value:true});

package/dist/cjs/components/popover/stories/notes.js

@@ -0,0 +1 @@
+"use strict";var __webpack_require__={};(()=>{__webpack_require__.d=(e,t)=>{for(var n in t)if(__webpack_require__.o(t,n)&&!__webpack_require__.o(e,n))Object.defineProperty(e,n,{enumerable:true,get:t[n]})}})();(()=>{__webpack_require__.o=(e,t)=>Object.prototype.hasOwnProperty.call(e,t)})();(()=>{__webpack_require__.r=e=>{if("u">typeof Symbol&&Symbol.toStringTag)Object.defineProperty(e,Symbol.toStringTag,{value:"Module"});Object.defineProperty(e,"__esModule",{value:true})}})();var __webpack_exports__={};__webpack_require__.r(__webpack_exports__);__webpack_require__.d(__webpack_exports__,{popoverAnimationsNotes:()=>popoverAnimationsNotes,popoverScrollBehaviorNotes:()=>popoverScrollBehaviorNotes,popoverWithAnchorElementNotes:()=>popoverWithAnchorElementNotes,popoverBodyLikeAnchorElementNotes:()=>popoverBodyLikeAnchorElementNotes});const jsx_runtime_namespaceObject=require("react/jsx-runtime");const popoverBodyLikeAnchorElementNotes={text:[(0,jsx_runtime_namespaceObject.jsxs)("span",{children:["- Closes via Escape key (unless ",(0,jsx_runtime_namespaceObject.jsx)("strong",{children:"disablePressEscapeClose"})," ","is true) or by clicking outside the popover content (handled by the"," ",(0,jsx_runtime_namespaceObject.jsx)("strong",{children:"onClose"})," callback in the controlled component)."]},"note-1"),(0,jsx_runtime_namespaceObject.jsxs)("span",{children:["- Animations can be fully customized using the"," ",(0,jsx_runtime_namespaceObject.jsx)("strong",{children:"animationConfig"})," prop, which allows configuring duration, timing functions, rotation, scaling, distance, and spring effects for smooth entrance and exit transitions."]},"note-2")],theme:"information"};const popoverWithAnchorElementNotes={text:[(0,jsx_runtime_namespaceObject.jsxs)("span",{children:["This example demonstrates the ",(0,jsx_runtime_namespaceObject.jsx)("strong",{children:"Popover"})," component positioned relative to a specific element."]},"note-1"),(0,jsx_runtime_namespaceObject.jsxs)("span",{children:["- Uses an ",(0,jsx_runtime_namespaceObject.jsx)("strong",{children:"anchor element"})," (via the"," ",(0,jsx_runtime_namespaceObject.jsx)("strong",{children:"anchorElement"})," prop) with various"," ",(0,jsx_runtime_namespaceObject.jsx)("strong",{children:"placement"})," options to position the popover."]},"note-2"),(0,jsx_runtime_namespaceObject.jsxs)("span",{children:["- Features a directional ",(0,jsx_runtime_namespaceObject.jsx)("strong",{children:"arrow"})," that points to the anchor element, creating a visual connection."]},"note-3"),(0,jsx_runtime_namespaceObject.jsx)("span",{children:"- Doesn't include an overlay/backdrop, allowing interaction with elements behind the popover."},"note-4"),(0,jsx_runtime_namespaceObject.jsxs)("span",{children:["- Supports custom animations through the ",(0,jsx_runtime_namespaceObject.jsx)("strong",{children:"animationConfig"})," ","prop for enhanced user experience with configurable entrance and exit effects."]},"note-5")],theme:"information"};const popoverScrollBehaviorNotes={text:[(0,jsx_runtime_namespaceObject.jsxs)("span",{children:[(0,jsx_runtime_namespaceObject.jsx)("strong",{children:"Note:"})," This is a behavioral demonstration and should not be used for accessibility testing as it may not meet all accessibility requirements."]},"note-1")],theme:"information"};const popoverAnimationsNotes={text:[(0,jsx_runtime_namespaceObject.jsx)("span",{children:(0,jsx_runtime_namespaceObject.jsx)("strong",{children:"Available Animation Methods:"})},"note-1"),(0,jsx_runtime_namespaceObject.jsxs)("span",{children:["- ",(0,jsx_runtime_namespaceObject.jsx)("strong",{children:"createSpringAnimation(direction, config)"}),": Physics-based animations with realistic spring behavior. Directions: 'up', 'down', 'left', 'right'"]},"note-2"),(0,jsx_runtime_namespaceObject.jsxs)("span",{children:["- ",(0,jsx_runtime_namespaceObject.jsx)("strong",{children:"customKeyframes"}),": Complete control using custom CSS animations for unique brand-specific effects"]},"note-3"),(0,jsx_runtime_namespaceObject.jsxs)("span",{children:["- ",(0,jsx_runtime_namespaceObject.jsx)("strong",{children:"Built-in system"}),": Modify duration, distance, and timing without losing automatic entrance/exit handling"]},"note-4")],theme:"information"};exports.popoverAnimationsNotes=__webpack_exports__.popoverAnimationsNotes;exports.popoverBodyLikeAnchorElementNotes=__webpack_exports__.popoverBodyLikeAnchorElementNotes;exports.popoverScrollBehaviorNotes=__webpack_exports__.popoverScrollBehaviorNotes;exports.popoverWithAnchorElementNotes=__webpack_exports__.popoverWithAnchorElementNotes;for(var __rspack_i in __webpack_exports__)if(-1===["popoverAnimationsNotes","popoverBodyLikeAnchorElementNotes","popoverScrollBehaviorNotes","popoverWithAnchorElementNotes"].indexOf(__rspack_i))exports[__rspack_i]=__webpack_exports__[__rspack_i];Object.defineProperty(exports,"__esModule",{value:true});

package/dist/cjs/components/popover/styles/index.css

@@ -0,0 +1 @@
+@import "./popover.css";@import "./popover-arrow.css";

package/dist/cjs/components/popover/styles/keyframes.css

@@ -0,0 +1 @@
+@keyframes popover-enter-center{0%{opacity:0;transform:translate(-50%,-50%)scale(.8)}to{opacity:1;transform:translate(-50%,-50%)scale(1)}}@keyframes popover-exit-center{0%{opacity:1;transform:translate(-50%,-50%)scale(1)}to{opacity:0;transform:translate(-50%,-50%)scale(.8)}}@keyframes popover-enter-top{0%{opacity:0;transform:translate(-50%)translateY(-20px)}to{opacity:1;transform:translate(-50%)translateY(0)}}@keyframes popover-exit-top{0%{opacity:1;transform:translate(-50%)translateY(0)}to{opacity:0;transform:translate(-50%)translateY(-20px)}}@keyframes popover-enter-top-start{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}@keyframes popover-exit-top-start{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(-20px)}}@keyframes popover-enter-top-end{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}@keyframes popover-exit-top-end{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(-20px)}}@keyframes popover-enter-bottom{0%{opacity:0;transform:translate(-50%)translateY(20px)}to{opacity:1;transform:translate(-50%)translateY(0)}}@keyframes popover-exit-bottom{0%{opacity:1;transform:translate(-50%)translateY(0)}to{opacity:0;transform:translate(-50%)translateY(20px)}}@keyframes popover-enter-bottom-start{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes popover-exit-bottom-start{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(20px)}}@keyframes popover-enter-bottom-end{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes popover-exit-bottom-end{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(20px)}}@keyframes popover-enter-left{0%{opacity:0;transform:translateY(-50%)translate(-20px)}to{opacity:1;transform:translateY(-50%)translate(0)}}@keyframes popover-exit-left{0%{opacity:1;transform:translateY(-50%)translate(0)}to{opacity:0;transform:translateY(-50%)translate(-20px)}}@keyframes popover-enter-left-start{0%{opacity:0;transform:translate(-20px)}to{opacity:1;transform:translate(0)}}@keyframes popover-exit-left-start{0%{opacity:1;transform:translate(0)}to{opacity:0;transform:translate(-20px)}}@keyframes popover-enter-left-end{0%{opacity:0;transform:translate(-20px)}to{opacity:1;transform:translate(0)}}@keyframes popover-exit-left-end{0%{opacity:1;transform:translate(0)}to{opacity:0;transform:translate(-20px)}}@keyframes popover-enter-right{0%{opacity:0;transform:translateY(-50%)translate(20px)}to{opacity:1;transform:translateY(-50%)translate(0)}}@keyframes popover-exit-right{0%{opacity:1;transform:translateY(-50%)translate(0)}to{opacity:0;transform:translateY(-50%)translate(20px)}}@keyframes popover-enter-right-start{0%{opacity:0;transform:translate(20px)}to{opacity:1;transform:translate(0)}}@keyframes popover-exit-right-start{0%{opacity:1;transform:translate(0)}to{opacity:0;transform:translate(20px)}}@keyframes popover-enter-right-end{0%{opacity:0;transform:translate(20px)}to{opacity:1;transform:translate(0)}}@keyframes popover-exit-right-end{0%{opacity:1;transform:translate(0)}to{opacity:0;transform:translate(20px)}}.popover-animate{animation-duration:.2s;animation-timing-function:cubic-bezier(.16,1,.3,1);animation-fill-mode:forwards}.popover-enter-center{animation-name:popover-enter-center}.popover-enter-top{animation-name:popover-enter-top}.popover-enter-top-start{animation-name:popover-enter-top-start}.popover-enter-top-end{animation-name:popover-enter-top-end}.popover-enter-bottom{animation-name:popover-enter-bottom}.popover-enter-bottom-start{animation-name:popover-enter-bottom-start}.popover-enter-bottom-end{animation-name:popover-enter-bottom-end}.popover-enter-left{animation-name:popover-enter-left}.popover-enter-left-start{animation-name:popover-enter-left-start}.popover-enter-left-end{animation-name:popover-enter-left-end}.popover-enter-right{animation-name:popover-enter-right}.popover-enter-right-start{animation-name:popover-enter-right-start}.popover-enter-right-end{animation-name:popover-enter-right-end}.popover-exit-center{animation-name:popover-exit-center}.popover-exit-top{animation-name:popover-exit-top}.popover-exit-top-start{animation-name:popover-exit-top-start}.popover-exit-top-end{animation-name:popover-exit-top-end}.popover-exit-bottom{animation-name:popover-exit-bottom}.popover-exit-bottom-start{animation-name:popover-exit-bottom-start}.popover-exit-bottom-end{animation-name:popover-exit-bottom-end}.popover-exit-left{animation-name:popover-exit-left}.popover-exit-left-start{animation-name:popover-exit-left-start}.popover-exit-left-end{animation-name:popover-exit-left-end}.popover-exit-right{animation-name:popover-exit-right}.popover-exit-right-start{animation-name:popover-exit-right-start}.popover-exit-right-end{animation-name:popover-exit-right-end}

package/dist/cjs/components/popover/styles/popover-arrow.css

@@ -0,0 +1 @@
+[data-kbt-id=popover-arrow]{z-index:-1;position:absolute;transform:rotate(45deg)}[data-kbt-id=popover-arrow][data-kbt-placement^=top]{bottom:calc(-1*var(--arrow-size,8px)/2);left:50%;transform:translate(-50%)rotate(45deg)}[data-kbt-id=popover-arrow][data-kbt-placement^=bottom]{top:calc(-1*var(--arrow-size,8px)/2);left:50%;transform:translate(-50%)rotate(45deg)}[data-kbt-id=popover-arrow][data-kbt-placement^=left]{right:calc(-1*var(--arrow-size,8px)/2);top:50%;transform:translateY(-50%)rotate(45deg)}[data-kbt-id=popover-arrow][data-kbt-placement^=right]{left:calc(-1*var(--arrow-size,8px)/2);top:50%;transform:translateY(-50%)rotate(45deg)}[data-kbt-id=popover-arrow][data-kbt-placement=center]{top:calc(-1*var(--arrow-size,8px)/2);left:50%;transform:translate(-50%)rotate(45deg)}

package/dist/cjs/components/popover/styles/popover.css

@@ -0,0 +1 @@
+@import "./keyframes.css";[data-kbt-id=popover][data-kbt-placement]{animation-duration:.5s;animation-timing-function:cubic-bezier(.16,1,.3,1);animation-iteration-count:1;animation-fill-mode:forwards}[data-kbt-id=popover][data-kbt-closing=false]:not([data-kbt-disable-animations=true]){--animation-prefix:"popover-enter-"}[data-kbt-id=popover][data-kbt-placement=center][data-kbt-closing=false]:not([data-kbt-disable-animations=true]){animation-name:popover-enter-center}[data-kbt-id=popover][data-kbt-placement^=top][data-kbt-closing=false]:not([data-kbt-disable-animations=true]){animation-name:var(--animation-name,popover-enter-top)}[data-kbt-id=popover][data-kbt-placement=top-start][data-kbt-closing=false]:not([data-kbt-disable-animations=true]){animation-name:popover-enter-top-start}[data-kbt-id=popover][data-kbt-placement=top-end][data-kbt-closing=false]:not([data-kbt-disable-animations=true]){animation-name:popover-enter-top-end}[data-kbt-id=popover][data-kbt-placement^=bottom][data-kbt-closing=false]:not([data-kbt-disable-animations=true]){animation-name:var(--animation-name,popover-enter-bottom)}[data-kbt-id=popover][data-kbt-placement=bottom-start][data-kbt-closing=false]:not([data-kbt-disable-animations=true]){animation-name:popover-enter-bottom-start}[data-kbt-id=popover][data-kbt-placement=bottom-end][data-kbt-closing=false]:not([data-kbt-disable-animations=true]){animation-name:popover-enter-bottom-end}[data-kbt-id=popover][data-kbt-placement^=left][data-kbt-closing=false]:not([data-kbt-disable-animations=true]){animation-name:var(--animation-name,popover-enter-left)}[data-kbt-id=popover][data-kbt-placement=left-start][data-kbt-closing=false]:not([data-kbt-disable-animations=true]){animation-name:popover-enter-left-start}[data-kbt-id=popover][data-kbt-placement=left-end][data-kbt-closing=false]:not([data-kbt-disable-animations=true]){animation-name:popover-enter-left-end}[data-kbt-id=popover][data-kbt-placement^=right][data-kbt-closing=false]:not([data-kbt-disable-animations=true]){animation-name:var(--animation-name,popover-enter-right)}[data-kbt-id=popover][data-kbt-placement=right-start][data-kbt-closing=false]:not([data-kbt-disable-animations=true]){animation-name:popover-enter-right-start}[data-kbt-id=popover][data-kbt-placement=right-end][data-kbt-closing=false]:not([data-kbt-disable-animations=true]){animation-name:popover-enter-right-end}[data-kbt-id=popover][data-kbt-closing=true]:not([data-kbt-disable-animations=true]){--animation-prefix:"popover-exit-"}[data-kbt-id=popover][data-kbt-placement=center][data-kbt-closing=true]:not([data-kbt-disable-animations=true]){animation-name:popover-exit-center}[data-kbt-id=popover][data-kbt-placement^=top][data-kbt-closing=true]:not([data-kbt-disable-animations=true]){animation-name:var(--exit-animation-name,popover-exit-top)}[data-kbt-id=popover][data-kbt-placement=top-start][data-kbt-closing=true]:not([data-kbt-disable-animations=true]){animation-name:popover-exit-top-start}[data-kbt-id=popover][data-kbt-placement=top-end][data-kbt-closing=true]:not([data-kbt-disable-animations=true]){animation-name:popover-exit-top-end}[data-kbt-id=popover][data-kbt-placement^=bottom][data-kbt-closing=true]:not([data-kbt-disable-animations=true]){animation-name:var(--exit-animation-name,popover-exit-bottom)}[data-kbt-id=popover][data-kbt-placement=bottom-start][data-kbt-closing=true]:not([data-kbt-disable-animations=true]){animation-name:popover-exit-bottom-start}[data-kbt-id=popover][data-kbt-placement=bottom-end][data-kbt-closing=true]:not([data-kbt-disable-animations=true]){animation-name:popover-exit-bottom-end}[data-kbt-id=popover][data-kbt-placement^=left][data-kbt-closing=true]:not([data-kbt-disable-animations=true]){animation-name:var(--exit-animation-name,popover-exit-left)}[data-kbt-id=popover][data-kbt-placement=left-start][data-kbt-closing=true]:not([data-kbt-disable-animations=true]){animation-name:popover-exit-left-start}[data-kbt-id=popover][data-kbt-placement=left-end][data-kbt-closing=true]:not([data-kbt-disable-animations=true]){animation-name:popover-exit-left-end}[data-kbt-id=popover][data-kbt-placement^=right][data-kbt-closing=true]:not([data-kbt-disable-animations=true]){animation-name:var(--exit-animation-name,popover-exit-right)}[data-kbt-id=popover][data-kbt-placement=right-start][data-kbt-closing=true]:not([data-kbt-disable-animations=true]){animation-name:popover-exit-right-start}[data-kbt-id=popover][data-kbt-placement=right-end][data-kbt-closing=true]:not([data-kbt-disable-animations=true]){animation-name:popover-exit-right-end}

package/dist/cjs/components/popover/types/animation.js

@@ -1 +1 @@
-exports.DEFAULT_PLACEMENT=`center`;
+"use strict";var __webpack_require__={};(()=>{__webpack_require__.d=(_,e)=>{for(var t in e)if(__webpack_require__.o(e,t)&&!__webpack_require__.o(_,t))Object.defineProperty(_,t,{enumerable:true,get:e[t]})}})();(()=>{__webpack_require__.o=(_,e)=>Object.prototype.hasOwnProperty.call(_,e)})();(()=>{__webpack_require__.r=_=>{if("u">typeof Symbol&&Symbol.toStringTag)Object.defineProperty(_,Symbol.toStringTag,{value:"Module"});Object.defineProperty(_,"__esModule",{value:true})}})();var __webpack_exports__={};__webpack_require__.r(__webpack_exports__);__webpack_require__.d(__webpack_exports__,{ANIMATION_CONFIG_TYPES:()=>ANIMATION_CONFIG_TYPES,ANIMATION_TYPES:()=>ANIMATION_TYPES,DEFAULT_PLACEMENT:()=>DEFAULT_PLACEMENT,DEFAULT_POPOVER_ANIMATION_CONFIG:()=>DEFAULT_POPOVER_ANIMATION_CONFIG,PopoverAnimationTimingFunction:()=>PopoverAnimationTimingFunction,VALID_PLACEMENTS:()=>VALID_PLACEMENTS,VALID_PLACEMENTS_WITH_CENTER:()=>VALID_PLACEMENTS_WITH_CENTER});const ANIMATION_TYPES={ENTER:"enter",EXIT:"exit"};const ANIMATION_CONFIG_TYPES={CUSTOM:"custom",SIMPLE:"simple"};const DEFAULT_PLACEMENT="center";const VALID_PLACEMENTS=["top","top-start","top-end","bottom","bottom-start","bottom-end","left","left-start","left-end","right","right-start","right-end"];const VALID_PLACEMENTS_WITH_CENTER=[...VALID_PLACEMENTS,"center"];const PopoverAnimationTimingFunction={CUBIC_BEZIER:"cubic-bezier(0.16, 1, 0.3, 1)",EASE:"ease",EASE_IN:"ease-in",EASE_IN_OUT:"ease-in-out",EASE_IN_OUT_CUBIC:"cubic-bezier(0.645, 0.045, 0.355, 1)",EASE_OUT:"ease-out",EASE_OUT_BOUNCE:"cubic-bezier(0.68, -0.55, 0.265, 1.55)",LINEAR:"linear"};const DEFAULT_POPOVER_ANIMATION_CONFIG={animationDistanceInPx:0,animationRotationInDeg:0,delay:"0ms",duration:"500ms",iterationCount:1,opacityEnd:1,opacityStart:0,scaleStart:1,timingFunction:"cubic-bezier(0.16, 1, 0.3, 1)",transformOrigin:"",type:ANIMATION_CONFIG_TYPES.SIMPLE};exports.ANIMATION_CONFIG_TYPES=__webpack_exports__.ANIMATION_CONFIG_TYPES;exports.ANIMATION_TYPES=__webpack_exports__.ANIMATION_TYPES;exports.DEFAULT_PLACEMENT=__webpack_exports__.DEFAULT_PLACEMENT;exports.DEFAULT_POPOVER_ANIMATION_CONFIG=__webpack_exports__.DEFAULT_POPOVER_ANIMATION_CONFIG;exports.PopoverAnimationTimingFunction=__webpack_exports__.PopoverAnimationTimingFunction;exports.VALID_PLACEMENTS=__webpack_exports__.VALID_PLACEMENTS;exports.VALID_PLACEMENTS_WITH_CENTER=__webpack_exports__.VALID_PLACEMENTS_WITH_CENTER;for(var __rspack_i in __webpack_exports__)if(-1===["ANIMATION_CONFIG_TYPES","ANIMATION_TYPES","DEFAULT_PLACEMENT","DEFAULT_POPOVER_ANIMATION_CONFIG","PopoverAnimationTimingFunction","VALID_PLACEMENTS","VALID_PLACEMENTS_WITH_CENTER"].indexOf(__rspack_i))exports[__rspack_i]=__webpack_exports__[__rspack_i];Object.defineProperty(exports,"__esModule",{value:true});

package/dist/cjs/components/popover/types/index.js

@@ -0,0 +1 @@
+"use strict";var __webpack_require__={};(()=>{__webpack_require__.d=(_,e)=>{for(var r in e)if(__webpack_require__.o(e,r)&&!__webpack_require__.o(_,r))Object.defineProperty(_,r,{enumerable:true,get:e[r]})}})();(()=>{__webpack_require__.o=(_,e)=>Object.prototype.hasOwnProperty.call(_,e)})();(()=>{__webpack_require__.r=_=>{if("u">typeof Symbol&&Symbol.toStringTag)Object.defineProperty(_,Symbol.toStringTag,{value:"Module"});Object.defineProperty(_,"__esModule",{value:true})}})();var __webpack_exports__={};__webpack_require__.r(__webpack_exports__);__webpack_require__.d(__webpack_exports__,{ANIMATION_CONFIG_TYPES:()=>external_animation_js_namespaceObject.ANIMATION_CONFIG_TYPES,ANIMATION_TYPES:()=>external_animation_js_namespaceObject.ANIMATION_TYPES,PopoverAnimationTimingFunctions:()=>external_animation_js_namespaceObject.PopoverAnimationTimingFunction});const external_animation_js_namespaceObject=require("./animation.js");exports.ANIMATION_CONFIG_TYPES=__webpack_exports__.ANIMATION_CONFIG_TYPES;exports.ANIMATION_TYPES=__webpack_exports__.ANIMATION_TYPES;exports.PopoverAnimationTimingFunctions=__webpack_exports__.PopoverAnimationTimingFunctions;for(var __rspack_i in __webpack_exports__)if(-1===["ANIMATION_CONFIG_TYPES","ANIMATION_TYPES","PopoverAnimationTimingFunctions"].indexOf(__rspack_i))exports[__rspack_i]=__webpack_exports__[__rspack_i];Object.defineProperty(exports,"__esModule",{value:true});

package/dist/cjs/components/popover/types/popover.js

@@ -0,0 +1 @@
+"use strict";var __webpack_require__={};(()=>{__webpack_require__.r=_=>{if("u">typeof Symbol&&Symbol.toStringTag)Object.defineProperty(_,Symbol.toStringTag,{value:"Module"});Object.defineProperty(_,"__esModule",{value:true})}})();var __webpack_exports__={};__webpack_require__.r(__webpack_exports__);for(var __rspack_i in __webpack_exports__)exports[__rspack_i]=__webpack_exports__[__rspack_i];Object.defineProperty(exports,"__esModule",{value:true});

package/dist/cjs/components/popover/types/popoverTheme.js

@@ -0,0 +1 @@
+"use strict";var __webpack_require__={};(()=>{__webpack_require__.r=_=>{if("u">typeof Symbol&&Symbol.toStringTag)Object.defineProperty(_,Symbol.toStringTag,{value:"Module"});Object.defineProperty(_,"__esModule",{value:true})}})();var __webpack_exports__={};__webpack_require__.r(__webpack_exports__);for(var __rspack_i in __webpack_exports__)exports[__rspack_i]=__webpack_exports__[__rspack_i];Object.defineProperty(exports,"__esModule",{value:true});