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

package/dist/esm/components/inputSignature/utils/getInputSignatureState.mjs

@@ -0,0 +1 @@
+import{STATES as t}from"../../../lib/types/states/states.mjs";const r=({active:r,disabled:e,error:n,filled:i})=>{if(e)return t.DISABLED;if(n)return t.ERROR;if(r)return t.ACTIVE;if(i)return t.FILLED;return t.DEFAULT};export{r as getInputSignatureState};

package/dist/esm/components/inputSignature/utils/index.mjs

@@ -0,0 +1 @@
+import{getInputSignatureState as t}from"./getInputSignatureState.mjs";export{t as getInputSignatureState};

package/dist/esm/components/label/index.mjs

@@ -0,0 +1 @@
+import{Label as e}from"./labelStandAlone.mjs";export{e as Label};

package/dist/esm/components/label/labelStandAlone.mjs

@@ -0,0 +1 @@
+import{jsx as t,jsxs as e}from"react/jsx-runtime";import{forwardRef as a,useId as o}from"react";import{Text as r}from"../text/text.mjs";const l=a(({asteriskColor:a,asteriskCssClasses:l,asteriskWeight:n,children:s,color:i,cursor:d,customAttributes:c,id:m,inputId:p,required:b,requiredSymbol:u,textCssClasses:h,weight:x,...f},g)=>{const A=o();const L=`label-${A.replace(/:/g,"")}`;const j=m??L;const w=f["data-testid"]||"label";return e(r,{ref:g,additionalClasses:{text:h},color:i,component:"label",cursor:d,customAttributes:c,"data-testid":w,htmlFor:p,id:j,weight:x,children:[s,b&&t(r,{additionalClasses:{text:l},"aria-hidden":true,color:a,component:"span","data-testid":`${w}Required`,weight:n,children:u})]})});export{l as Label,l as LabelStandAlone};

package/dist/esm/components/link/helpers/aria.mjs

@@ -0,0 +1 @@
+const a=(a,i,r)=>({aria:{...a,["aria-describedby"]:r,["aria-label"]:i}});export{a as ariaLink};

package/dist/esm/components/link/helpers/disabled.mjs

@@ -0,0 +1 @@
+const n=(n,e)=>{const o=n&&!e?"link":e;return{role:o}};export{n as disabledLink};

package/dist/esm/components/link/helpers/target.mjs

@@ -0,0 +1 @@
+const e=e=>e||void 0;export{e as linkTargetValue};

package/dist/esm/components/link/index.mjs

@@ -0,0 +1 @@
+import{Link as t}from"./link.mjs";import{LinkAsButton as n}from"./linkAsButton/linkAsButton.mjs";export{t as Link,n as LinkAsButton};

package/dist/esm/components/link/link.mjs

@@ -0,0 +1 @@
+import{jsx as o}from"react/jsx-runtime";import{forwardRef as e}from"react";import{useClassName as s}from"../../lib/hooks/useClassName/useClassName.mjs";import{useGenericComponents as n}from"../../lib/provider/genericComponentsProvider/genericComponentsProvider.mjs";import{disabledLink as i}from"./helpers/disabled.mjs";import{LinkStandAlone as r}from"./linkStandAlone.mjs";const a=e(({action:e="navigation",additionalClasses:a,additionalTextClasses:t,alignCenter:m=false,color:l,decoration:c="auto",disabled:d=false,icon:p,role:f,textVariant:C,variant:v,weight:u,...N},b)=>{const{LINK:g}=n();const{role:j}=i(d,f);const h=d||void 0;const k=s({additionalClassNames:a,component:"LINK",variant:`${e}_${v}`});const x=s({additionalClassNames:t,component:"TEXT",variant:C});return o(r,{...N,ref:b,action:e,alignCenter:m,"aria-disabled":h,color:l,component:g,cssClasses:k,cssTextClasses:x,decoration:"inline"===e?"underline":c,disabled:d,icon:p,role:j,weight:u})});export{a as Link};

package/dist/esm/components/link/linkAsButton/linkAsButton.mjs

@@ -0,0 +1 @@
+import{jsx as s}from"react/jsx-runtime";import{forwardRef as t}from"react";import{useClassName as o}from"../../../lib/hooks/useClassName/useClassName.mjs";import{useManageState as e}from"../../../lib/hooks/useManageState/useManageState.mjs";import{useGenericComponents as n}from"../../../lib/provider/genericComponentsProvider/genericComponentsProvider.mjs";import{STATES as a}from"../../../lib/types/states/states.mjs";import{LinkAsButtonStandAlone as r}from"./linkAsButtonStandAlone.mjs";const m=t(({additionalSizeClasses:t,additionalVariantClasses:m,disabled:i,size:c,variant:l,...p},d)=>{const u=o({component:"LINK_AS_BUTTON"});const C=o({additionalClassNames:m,component:"BUTTON",variant:l});const N=o({additionalClassNames:t,component:"BUTTON",variant:c});const{LINK:f}=n();const{setRef:b}=e({disabled:i,ref:d,states:Object.values(a)});return s(r,{...p,ref:b,component:f,cssLinkAsButtonClasses:u,cssSizeClasses:N,cssVariantClasses:C,disabled:i})});export{m as LinkAsButton};

package/dist/esm/components/link/linkAsButton/linkAsButtonStandAlone.mjs

@@ -0,0 +1 @@
+import{jsx as t}from"react/jsx-runtime";import{forwardRef as o}from"react";import{ButtonStandAlone as i}from"../../button/buttonStandAlone.mjs";import{CustomComponent as s}from"../../../lib/components/customComponent/customComponent.mjs";import{POSITIONS as e}from"../../../lib/types/positions/positions.mjs";import{STATES as a}from"../../../lib/types/states/states.mjs";import{classNames as r}from"../../../lib/utils/classNames/classNames.mjs";import{pickCustomAttributes as l}from"../../../lib/utils/pickCustomAttributes/pickCustomAttributes.mjs";const n=o(({["aria-label"]:o,["aria-labelledby"]:n,ariaLabelText:m,children:b,component:c,cssLinkAsButtonClasses:d,cssSizeClasses:p,cssVariantClasses:u,fullWidth:f,iconPosition:k,minWidth:h,onClick:j,rel:A,role:y,state:C,target:w,url:D,...N},x)=>{const L=N["data-testid"]||"link-as-button";const S=l(N);return t("div",{className:d?.link_as_button,"data-kbt-full-width":f,"data-testid":L,...S,children:t(s,{ref:x,"aria-label":o,"aria-labelledby":n,component:c,"data-testid":"link",decoration:"none",isDisabled:C===a.DISABLED,rel:A,role:y,target:w,url:D,onClick:j,children:t("span",{"aria-label":m,...N,className:r(p?.button,u?.button),style:{flexDirection:k===e.LEFT?"row":"row-reverse",minWidth:h,width:f?"100%":"auto"},children:t(i,{...N,children:b})})})})});export{n as LinkAsButtonStandAlone};

package/dist/esm/components/link/linkStandAlone.mjs

@@ -0,0 +1 @@
+import{jsx as t,jsxs as o}from"react/jsx-runtime";import{forwardRef as e}from"react";import{Text as n}from"../text/text.mjs";import{ElementOrIcon as s}from"../../lib/components/elementOrIcon/elementOrIcon.mjs";import{classNames as r}from"../../lib/utils/classNames/classNames.mjs";import{pickCustomAttributes as i}from"../../lib/utils/pickCustomAttributes/pickCustomAttributes.mjs";import{CustomComponent as m}from"../../lib/components/customComponent/customComponent.mjs";const c=e(({children:e,color:c,component:l=n,cssClasses:a,cssTextClasses:p,decoration:d,disabled:f,draggable:u,icon:b,iconPosition:x,id:j,onClick:k,rel:g,role:h,target:C,url:N,weight:v,...y},A)=>{const D=f?void 0:k;const w=f?void 0:N;const I=r(a?.link,p?.text);const O={color:c,flexDirection:"left"===x?"row":"row-reverse",fontWeight:v,textDecoration:d};const W={color:c,fontWeight:v,textDecoration:d};const L=i(y);return t(m,{ref:A,className:I,component:l,"data-testid":"link",disabled:f,draggable:u,id:j,rel:g,role:h,style:W,target:C,url:w,onClick:D,...L,children:b?o("span",{className:a?.labelandiconcontainer,style:O,children:[t(s,{className:a?.icon,...b},"icon"),e]}):t("span",{style:O,children:e})})});export{c as LinkStandAlone};

package/dist/esm/components/listOptions/index.mjs

@@ -0,0 +1 @@
+import{ListOptions as t}from"./listOptions.mjs";export{t as ListOptions};

package/dist/esm/components/listOptions/listOptions.mjs

@@ -0,0 +1 @@
+import{jsx as s}from"react/jsx-runtime";import{forwardRef as o}from"react";import{useClassName as t}from"../../lib/hooks/useClassName/useClassName.mjs";import{ListOptionsStandAlone as m}from"./listOptionsStandAlone.mjs";const r=o(({additionalClasses:o,variant:r,...e},a)=>{const i=t({additionalClassNames:o,component:"LIST_OPTIONS",variant:r});return s(m,{...e,ref:a,cssClasses:i})});export{r as ListOptions};

package/dist/esm/components/listOptions/listOptionsStandAlone.mjs

@@ -0,0 +1 @@
+import{jsx as t,jsxs as o}from"react/jsx-runtime";import{forwardRef as i,useId as e,useImperativeHandle as n,useMemo as s}from"react";import{Text as r}from"../text/text.mjs";import{useRoveFocus as l}from"../../lib/hooks/useRoveFocus/useRoveFocus.mjs";import{pickCustomAttributes as c}from"../../lib/utils/pickCustomAttributes/pickCustomAttributes.mjs";import{processTextProp as a}from"../../lib/utils/process/processCommonProp.mjs";import{CustomComponent as m}from"../../lib/components/customComponent/customComponent.mjs";import{Option as p}from"../option/option.mjs";import{getOptionVariant as d,isSelected as u,keyDownMove as v,keyUpMove as b}from"./utils/listOptions.utils.mjs";const h=i(({caseSensitive:i,charsHighlighted:h,checkedIcon:f,content:g,cssClasses:k,highlightedOptionVariant:C,id:$,index:j=0,listComponent:x,multiSelect:y,onOptionClick:S,options:F,optionsContainerArias:M,roveFocus:O,selectedValue:A,title:L,type:N="selection",...R},I)=>{const w=R["data-testid"]??"list-options";const z=c(R);const D=s(()=>({currentFocusSelected:-1,keyDownMove:v(F),keyLeftMove:0,keyRightMove:0,keyTabMove:null,keyUpMove:b,size:F.length}),[F]);const[H,P,T]=l(O??D);const U=e();n(I,()=>T.current,[T]);const V=$??U;const _="selection"===N;const q="navigation"===N;const B=F&&F.length>0;return o("div",{className:k?.list_options,"data-testid":w,...z,children:[!!L&&F.length>0&&t("div",{className:k?.titlecontainer,children:t(r,{additionalClasses:{text:k?.title},...a(L)})}),g,B&&t(m,{ref:T,"aria-label":M?.["aria-label"],"aria-labelledby":M?.["aria-labelledby"],className:k?.optionscontainer,component:x??"ul",id:V,role:_?"listbox":void 0,children:F.map((o,e)=>{const n=u(o,A,y,i);const s=`${w}-section-${j}-option-${e}`;const r=_?"div":q?"div":"li";const l=t(p,{"aria-current":q?n:void 0,"aria-selected":_?n:void 0,checkedIcon:f,component:r,"data-testid":s,focus:H===e,labelCharsHighlighted:h,multiSelect:y,role:_?"option":void 0,selected:n,tabIndex:q?0:-1,variant:d(o.highlighted,C,R?.optionVariant),...o,onClick:t=>{P(e);S?.(o.value,t);o.onClick?.(t)},onFocus:t=>{if(e!==H)P(e);o.onFocus?.(t)}},`${V}Option-${j.toString()}-${e.toString()}`);if("selection"===N)return t("li",{children:l},`${V}LiOption-${j.toString()}-${e.toString()}`);return l})})]})});export{h as ListOptionsStandAlone};

package/dist/esm/components/listOptions/utils/index.mjs

@@ -0,0 +1 @@
+export*from"./listOptions.utils.mjs";

package/dist/esm/components/listOptions/utils/listOptions.utils.mjs

@@ -0,0 +1 @@
+const e=(e,o,t,a)=>{if(null!=o&&void 0!==e.value){if(t)return Boolean(Array.isArray(o)&&o.includes(e.value));if(a)return Boolean(o===e.value);return Boolean(o.toLocaleString().toLocaleLowerCase()===e.value.toLocaleString().toLocaleLowerCase())}return false};const o=(e,o,t)=>e&&o?o:t||"";const t=e=>{let o=Math.max(e,0);if(e>0)o-=1;return o};const a=e=>o=>{let t=Math.max(o,0);if(o+1<=e.length-1)t+=1;return t};export{o as getOptionVariant,e as isSelected,a as keyDownMove,t as keyUpMove};

package/dist/esm/components/modal/fragments/index.mjs

@@ -0,0 +1 @@
+import{ModalHeader as e}from"./modalHeader.mjs";export{e as ModalHeader};

package/dist/esm/components/modal/fragments/modalHeader.mjs

@@ -0,0 +1 @@
+import{jsx as e,jsxs as t}from"react/jsx-runtime";import{Text as n}from"../../text/text.mjs";import{ElementOrIcon as i}from"../../../lib/components/elementOrIcon/elementOrIcon.mjs";import{useActiveBreakpoints as o}from"../../../lib/hooks/useMediaDevice/useActiveBreakpoints.mjs";import{processIconProp as a,processTextProp as r}from"../../../lib/utils/process/processCommonProp.mjs";import{Button as s}from"../../button/button.mjs";const c=({blocked:c,closeButton:l,closeIcon:m,cssClasses:d,dragIcon:h,title:p,titleIdFinal:v})=>{const{isMobileOrTablet:b}=o();return t("div",{className:d?.headercontainer,"data-modal-header":true,children:[b&&!c&&!!h&&e("div",{className:d?.dragiconcontainer,"data-modal-draggable-icon":true,children:e(i,{className:d?.dragicon,...a(h)})}),t("div",{className:d?.headercontentcontainer,children:[!c&&!!m&&e("div",{className:d?.closebuttoncontainer,children:e(i,{className:d?.closebuttonicon,...a(m)})}),!c&&!!l?.content&&!!l?.variant&&e(s,{...l,variant:l?.variant,children:l?.content}),(p?.visible===void 0||p.visible)&&e("div",{className:d?.titlecontainer,children:e(n,{additionalClasses:{text:d?.title},component:"h1",id:v,...r(p)})}),p?.visible===false&&e("span",{className:d?.titlehiddencontainer,id:v,children:r(p).children}),!c&&!!m&&e("div",{className:d?.closebuttoncontainer,children:e("span",{className:d?.closebuttonicon})})]})]})};export{c as ModalHeader};

package/dist/esm/components/modal/index.mjs

@@ -0,0 +1 @@
+import{ModalControlled as o}from"./modalControlled.mjs";import{Modal as l}from"./modalUnControlled.mjs";export{l as Modal,o as ModalControlled};

package/dist/esm/components/modal/modalControlled.mjs

@@ -0,0 +1 @@
+import{jsx as o}from"react/jsx-runtime";import{forwardRef as e,useCallback as t,useRef as r}from"react";import{useClassName as s}from"../../lib/hooks/useClassName/useClassName.mjs";import{useContentVisibility as n}from"../../lib/hooks/useContentVisibility/useContentVisibility.mjs";import{useMediaDevice as l}from"../../lib/hooks/useMediaDevice/useMediaDevice.mjs";import{useScrollDetection as c}from"../../lib/hooks/useScrollDetection/useScrollDetection.mjs";import{useScrollEffect as a}from"../../lib/hooks/useScrollEffect/useScrollEffect.mjs";import{useSwipeDown as i}from"../../lib/hooks/useSwipeDown/useSwipeDown.mjs";import{syncInnerAndForwardedRef as m}from"../../lib/utils/refs/syncRefs.mjs";import{Portal as f}from"../portal/portal.mjs";import{ModalStandAlone as u}from"./modalStandAlone.mjs";const d=e(({additionalClasses:e,disableFocusableContent:d=false,onClose:p,popover:S,portalId:h,variant:b,...j},C)=>{const D=s({additionalClassNames:e,component:"MODAL",variant:b});const w=l();const y=r(null);const{scrollableRef:v,shadowRef:R}=a({shadowStyles:"none"});const{handleContentVisibility:k}=n({});const{setDragIconRef:M,setPopoverRef:g}=i({handleClose:p});const{handleScrollDetection:q,hasScroll:I}=c({autoFocus:!d});const N=t(o=>{y.current=o;m({forwardedRef:C,innerRef:y});const e=y.current?.querySelector("[data-modal-header]");const t=y.current?.querySelector("[data-modal-content]");const r=y.current?.querySelector("[data-modal-draggable-icon]");R(e);k({container:y.current,content:t});v(t);q(t);if(r)M(r)},[]);const x=()=>{p?.()};const A=o(u,{...j,ref:N,contentHasScroll:I,cssClasses:D,device:w,popover:{...S,popoverContainerRef:g},onPopoverCloseInternally:x});return h?o(f,{wrapperId:h,children:A}):A});export{d as ModalControlled};

package/dist/esm/components/modal/modalStandAlone.mjs

@@ -0,0 +1 @@
+import{jsx as e,jsxs as o}from"react/jsx-runtime";import{forwardRef as a,useId as l}from"react";import{Overlay as t}from"../../lib/components/overlay/overlay.mjs";import{processTextProp as i}from"../../lib/utils/process/processCommonProp.mjs";import{Popover as s}from"../popover/popover.mjs";import{ModalHeader as r}from"./fragments/modalHeader.mjs";import{onlyDesktopSize as d}from"./utils/onlyDesktopSize.mjs";const m=a(({blocked:a,closeButton:m,closeIcon:n,content:c,contentContainer:p,contentHasScroll:b,contentScrollArias:f,cssClasses:v,customHeightAllDevices:y=false,customWidthAllDevices:g=false,device:h,dragIcon:u,footer:j,id:x,maxHeight:C,maxWidth:H,minContentHeight:I,minHeight:k,minWidth:N,onKeyDown:$,onPopoverCloseInternally:F,open:S,popover:W,title:z,...A},B)=>{const D=l();const E=`modal-${D.replace(/:/g,"")}`;const M=x??E;const O=l();const P=`modal-title-${O.replace(/:/g,"")}`;const T=i(z).id??P;const q=A["data-testid"]||"modal";return e(s,{"aria-labelledby":T,"aria-modal":S,component:"div",disableClickOverlayClose:a,disableEscapeClose:a,disableTrapFocus:false,id:M,open:S,overlay:e(t,{}),role:"dialog",strategy:"fixed",onClose:F,...W,children:o("div",{ref:B,className:v?.modal,"data-testid":q,style:{maxHeight:C,maxWidth:H,minHeight:y?k:d(h,k),minWidth:g?N:d(h,N)},children:[e(r,{blocked:a,closeButton:m,closeIcon:n,cssClasses:v,device:h,dragIcon:u,title:z,titleIdFinal:T}),e("div",{"aria-label":b?f?.["aria-label"]:void 0,"aria-labelledby":b?f?.["aria-labelledby"]:void 0,className:v?.content,"data-modal-content":true,"data-testid":`${q}-content`,role:b?"region":void 0,style:{minHeight:I},...b?{tabIndex:0}:{},...p,children:c}),!!j&&e("div",{className:v?.footer,children:j})]})})});export{m as ModalStandAlone};

package/dist/esm/components/modal/modalUnControlled.mjs

@@ -0,0 +1 @@
+import{jsx as o}from"react/jsx-runtime";import{forwardRef as r,useEffect as n,useState as t}from"react";import{processIconProp as e}from"../../lib/utils/process/processCommonProp.mjs";import{ESCAPE as s}from"../../lib/constants/keyboardKeys/keyboardKeys.mjs";import{isKeyPressed as l}from"../../lib/utils/keyboard/keyboard.mjs";import{ModalControlled as m}from"./modalControlled.mjs";const c=r(({closeButton:r,closeIcon:c,onClose:i,open:a,popover:p,variant:d,...k},f)=>{const[y,C]=t(a);const b=o=>{if(k?.blocked&&l(o.key,...s.key))return o.stopPropagation();return null};n(()=>{C(a)},[a]);const u=()=>{C(false);i?.()};const j=o=>{u();e(c)?.onClick?.(o)};const K=o=>{u();r?.onClick?.(o)};return o(m,{...k,ref:f,closeButton:r&&{...r,onClick:K},closeIcon:{...e(c),onClick:j},open:y,popover:{...p},variant:d,onClose:i,onKeyDown:b})});export{c as Modal,c as ModalUnControlled};

package/dist/esm/components/modal/utils/index.mjs

@@ -0,0 +1 @@
+import{onlyDesktopSize as o}from"./onlyDesktopSize.mjs";export{o as onlyDesktopSize};

package/dist/esm/components/modal/utils/onlyDesktopSize.mjs

@@ -0,0 +1 @@
+import{DeviceBreakpointsTypeUtils as o}from"../../../lib/types/breakpoints/breakpoints.mjs";const s=(s,t)=>o.isDesktop(s)?t:void 0;export{s as onlyDesktopSize};

package/dist/esm/components/option/components.ts/index.mjs

@@ -0,0 +1 @@
+export*from"./optionLabelSlice.mjs";

package/dist/esm/components/option/components.ts/optionLabelSlice.mjs

@@ -0,0 +1 @@
+import{jsx as t}from"react/jsx-runtime";import{Text as i}from"../../text/text.mjs";import{pickCustomAttributes as r}from"../../../lib/utils/pickCustomAttributes/pickCustomAttributes.mjs";const e=({children:e,component:o,cssClasses:s,customAttributes:m,...n})=>{if(!e)return null;const u=r(n);return t(i,{additionalClasses:{text:s},component:o,customAttributes:m,...u,children:e})};export{e as OptionLabelSlice};

package/dist/esm/components/option/index.mjs

@@ -0,0 +1 @@
+import{Option as o}from"./option.mjs";export{o as Option};

package/dist/esm/components/option/option.mjs

@@ -0,0 +1 @@
+import{jsx as o}from"react/jsx-runtime";import{forwardRef as e,useEffect as s,useImperativeHandle as n,useRef as r,useState as t}from"react";import{useClassName as m}from"../../lib/hooks/useClassName/useClassName.mjs";import{useGenericComponents as c}from"../../lib/provider/genericComponentsProvider/genericComponentsProvider.mjs";import{OptionStandAlone as i}from"./optionStandAlone.mjs";const a=e(({additionalClasses:e,focus:a,onBlur:l,onFocus:u,variant:f,...p},d)=>{const C=m({additionalClassNames:e,component:"OPTION",variant:f});const{LINK:v}=c();const N=r(null);const[j,L]=t(false);const[O,P]=t(false);n(d,()=>N.current,[]);s(()=>{if(a)N.current?.focus()},[a]);const b=o=>{u?.(o);P(true)};const g=o=>{l?.(o);P(false)};return o(i,{...p,ref:N,componentLink:v,cssClasses:C,focus:O,hover:j,onBlur:g,onFocus:b,onMouseEnter:()=>L(true),onMouseLeave:()=>L(false)})});export{a as Option};

package/dist/esm/components/option/optionStandAlone.mjs

@@ -0,0 +1 @@
+import{Fragment as t,jsx as s,jsxs as e}from"react/jsx-runtime";import{forwardRef as o}from"react";import{Text as i}from"../text/text.mjs";import{ElementOrIcon as n}from"../../lib/components/elementOrIcon/elementOrIcon.mjs";import{ENTER as l,SPACE as r}from"../../lib/constants/keyboardKeys/keyboardKeys.mjs";import{STATES as a}from"../../lib/types/states/states.mjs";import{pickCustomAttributes as c}from"../../lib/utils/pickCustomAttributes/pickCustomAttributes.mjs";import{processIconProp as m,processTextProp as d}from"../../lib/utils/process/processCommonProp.mjs";import{CustomComponent as p}from"../../lib/components/customComponent/customComponent.mjs";import{isKeyPressed as b}from"../../lib/utils/keyboard/keyboard.mjs";import{OptionLabelSlice as u}from"./components.ts/optionLabelSlice.mjs";import{getHighlightedIndexes as h,getState as f}from"./utils/option.utils.mjs";const g=o(({checkedIcon:o,component:g,componentLink:C,cssClasses:E,disabled:y,extraContent:j,focus:k,hover:A,icon:L,label:$,labelCharsHighlighted:x,multiSelect:D,onBlur:I,onClick:N,onFocus:S,onMouseEnter:v,onMouseLeave:T,role:M,selected:O,sublabel:K,tabIndex:P,url:_,...w},B)=>{const U=!!x&&x?.length>0;const F=f(y,k,O,D,A,U);const H={"data-state":F};const R=F===a.DISABLED;const V=t=>{if(!R)N?.(t)};const q=c({...w,customAttributes:H});const z=c(H);const G=q["data-testid"]||"option";const J=[a.MULTIPLE_SELECTED,a.MULTIPLE_SELECTED_HOVER,a.SELECTED].includes(F);let Q;let W;let X;if("string"==typeof $){const{firstHighlightedIndex:t,lastHighlightedIndex:s}=h($,x);Q=$.substring(0,t);W=$.substring(t,s);X=$.substring(s)}return e(p,{ref:B,"aria-disabled":R,className:E?.option,...q,component:_?C:g??"div","data-testid":G,role:M,tabIndex:P,url:_,onBlur:I,onClick:V,onFocus:S,onKeyDown:t=>{if(!R&&b(t.key,l.key,r.key))N?.(t)},onMouseEnter:v,onMouseLeave:T,...z,children:[e("div",{className:E?.firstrowcontainer,children:[e("div",{className:E?.labeliconcontainer,...z,children:[s(n,{className:E?.icon,customAttributes:H,...m(L)}),!!d(K).children&&s("div",{className:E?.sublabelcontainer,...z,children:s(i,{additionalClasses:{text:E?.sublabel},component:"span",customAttributes:H,...d(K)})}),s("p",{children:"string"==typeof $?e(t,{children:[" ",s(u,{component:"span",cssClasses:E?.label,customAttributes:H,"data-testid":`${G}-first-no-hightlighted-label`,children:Q}),s(u,{component:"span",cssClasses:`${E?.label} ${E?.labelhighlighted}`,customAttributes:H,"data-testid":`${G}-highlighted-label`,children:W}),s(u,{component:"span",cssClasses:`${E?.label} ${E?.labelhighlighted}`,customAttributes:H,"data-testid":`${G}-last-no-hightlighted-label`,children:X})]}):s(u,{component:"span",cssClasses:E?.label,customAttributes:H,"data-testid":`${G}-label`,children:$})})]}),J&&s(n,{className:E?.checkedicon,customAttributes:H,...m(o)})]}),!!j&&j]})});export{g as OptionStandAlone};

package/dist/esm/components/option/utils/index.mjs

@@ -0,0 +1 @@
+export*from"./option.utils.mjs";

package/dist/esm/components/option/utils/option.utils.mjs

@@ -0,0 +1 @@
+import{STATES as e}from"../../../lib/types/states/states.mjs";const t=(t,r,E,n,L,i)=>{if(t)return e.DISABLED;if(r)return e.FOCUS;if(E){if(n)return L?e.MULTIPLE_SELECTED_HOVER:e.MULTIPLE_SELECTED;return L?e.SELECTED_HOVER:e.SELECTED}if(L)return e.HOVER;if(i)return e.FILLING;return e.DEFAULT};const r=(e,t)=>{let r=0;let E=0;if(t){const n=e.toLocaleLowerCase();const L=t.toLocaleLowerCase();if(n.includes(L)){r=n.indexOf(L);E=r+t.length}}return{firstHighlightedIndex:r,lastHighlightedIndex:E}};export{r as getHighlightedIndexes,t as getState};

package/dist/esm/components/pageControl/components/arrowControlStandAlone.mjs

@@ -0,0 +1 @@
+import{jsx as t}from"react/jsx-runtime";import{ElementOrIcon as e}from"../../../lib/components/elementOrIcon/elementOrIcon.mjs";const o=({cssArrowControlClasses:o,disabled:n=false,...r})=>{const s=n?"inactive":"active";const c={"data-state":s};return t(e,{className:o?.icon,customAttributes:c,disabled:n,...r})};export{o as ArrowControlStandAlone};

package/dist/esm/components/pageControl/components/buttonControlStandAlone.mjs

@@ -0,0 +1 @@
+import{jsx as t}from"react/jsx-runtime";import{pickCustomAttributes as o}from"../../../lib/utils/pickCustomAttributes/pickCustomAttributes.mjs";const s=({cssPageControlClasses:s,disabled:r=false,position:e,...i})=>{const n=o(i);return t("button",{className:s,disabled:r,type:"button",...i,...n})};export{s as ButtonControlStandAlone};

package/dist/esm/components/pageControl/components/controls.mjs

@@ -0,0 +1 @@
+import{Fragment as o,jsx as t,jsxs as r}from"react/jsx-runtime";import{pickCustomAttributes as n}from"../../../lib/utils/pickCustomAttributes/pickCustomAttributes.mjs";import{isElementOrIconProps as s}from"../helper/controlType.mjs";import{ArrowControlStandAlone as l}from"./arrowControlStandAlone.mjs";import{ButtonControlStandAlone as e}from"./buttonControlStandAlone.mjs";const i=({control:i,cssArrowControlClasses:c,cssPageControlClasses:m,position:a,...p})=>{const u=n(p);const f="left"===a?c?.leftbuttoncontrol:c?.rightbuttoncontrol;const C="left"===a?c?.leftarrowcontrolcontainer:c?.rightarrowcontrolcontainer;return r(o,{children:[i&&!s(i)&&t(e,{...i,cssPageControlClasses:f,position:a,...u}),s(i)&&t("div",{className:C,children:t(l,{cssArrowControlClasses:c,...i})})]})};export{i as Controls};

package/dist/esm/components/pageControl/helper/controlType.mjs

@@ -0,0 +1 @@
+const o=o=>o?.icon!==void 0;export{o as isElementOrIconProps};

package/dist/esm/components/pageControl/helper/index.mjs

@@ -0,0 +1 @@
+export*from"./controlType.mjs";export*from"./positions.mjs";

package/dist/esm/components/pageControl/helper/positions.mjs

@@ -0,0 +1 @@
+const t=(t,e)=>Math.max(0,Math.min(t,e-1));const e=({currentPosition:t,direction:e,dots:i,isBullet:s,pages:o})=>{let l;let n;if(s&&"forth"!==e)if(o-i<=t){n=o-1;l=n-(i-1)}else{l=t;n=l+i-1}else if(t-i<0){l=0;n=l+i-1}else{n=t;l=n-(i-1)}return{firstVisiblePosition:l,lastVisiblePosition:n}};export{e as calcFirstLastVisiblePosition,t as getPositionWithIn};

package/dist/esm/components/pageControl/index.mjs

@@ -0,0 +1 @@
+import{PageControl as o}from"./pageControl.mjs";export{o as PageControl};

package/dist/esm/components/pageControl/pageControl.mjs

@@ -0,0 +1 @@
+import{jsx as s}from"react/jsx-runtime";import{forwardRef as o,useMemo as t,useRef as r}from"react";import{useClassName as e}from"../../lib/hooks/useClassName/useClassName.mjs";import{calcFirstLastVisiblePosition as n,getPositionWithIn as i}from"./helper/positions.mjs";import{PageControlStandAlone as a}from"./pageControlStandAlone.mjs";const l=o(({additionalArrowControlClasses:o,additionalPageControlClasses:l,arrowsControlVariant:m,currentPosition:c,isBullet:p=false,maxDots:C=5,pages:f,variant:u,...P},d)=>{const N=e({additionalClassNames:o,component:"PAGE_CONTROL",variant:m});const g=e({additionalClassNames:l,component:"PAGE_CONTROL",variant:u});const b=r(0);const j=t(()=>{let s="forth";if(c<b.current)s="back";b.current=c;return s},[c]);const A=f>C?C:f;const O=i(c,f);const{firstVisiblePosition:h,lastVisiblePosition:k}=n({currentPosition:O,direction:j,dots:A,isBullet:p,pages:f});return s(a,{ref:d,cssArrowControlClasses:N,cssPageControlClasses:g,currentPosition:O,dots:A,firstVisiblePosition:h,isBullet:p,lastVisiblePosition:k,pages:0,...P})});export{l as PageControl};

package/dist/esm/components/pageControl/pageControlStandAlone.mjs

@@ -0,0 +1 @@
+import{Fragment as t,jsx as s,jsxs as o}from"react/jsx-runtime";import{forwardRef as i}from"react";import{pickCustomAttributes as a}from"../../lib/utils/pickCustomAttributes/pickCustomAttributes.mjs";import{Controls as e}from"./components/controls.mjs";const r=i(({cssArrowControlClasses:i,cssPageControlClasses:r,currentPosition:n,dots:l,firstVisiblePosition:c,isBullet:d,lastVisiblePosition:m,leftControl:p,pages:g,rightControl:u,...C},f)=>{const P=C["data-testid"]||"page-control";return s("div",{ref:f,className:r?.page_control,"data-testid":P,children:l>0&&o(t,{children:[s(e,{control:p,cssArrowControlClasses:i,cssPageControlClasses:r,currentPosition:n,"data-testid":`${P}-left-control`,dots:l,firstVisiblePosition:c,lastVisiblePosition:m,pages:g,position:"left"}),o("div",{className:r?.dotscontainer,children:[d&&c>0&&s("div",{...a({"data-state":"last"}),className:r?.pagedot}),[...Array(l)].map((t,o)=>{const i=o+c;const e=i===n?"current":"default";const l={"data-state":e};return s("div",{...a(l),className:r?.pagedot},`Dot-middle--${i}`)}),d&&(m??0)<(g??0)-1&&s("div",{...a({"data-state":"last"}),className:r?.pagedot})]}),s(e,{control:u,cssArrowControlClasses:i,cssPageControlClasses:r,currentPosition:n,"data-testid":`${P}-right-control`,dots:l,firstVisiblePosition:c,lastVisiblePosition:m,pages:g,position:"right"})]})})});export{r as PageControlStandAlone};

package/dist/esm/components/pagination/fragments/paginationButtonControl.mjs

@@ -0,0 +1 @@
+import{jsx as t}from"react/jsx-runtime";import{ElementOrIcon as a}from"../../../lib/components/elementOrIcon/elementOrIcon.mjs";import{classNames as o}from"../../../lib/utils/classNames/classNames.mjs";const i=({cssClasses:i,disabled:r,paginationButtonControl:n,position:e="left"})=>{const l=t=>{if(!r)n?.onClick?.(t)};const s={"data-state":r?"disabled":""};return t(a,{altText:n?.ariaLabel,"aria-controls":n?.ariaControls,"aria-label":n?.ariaLabel,className:o({[`${i?.paginationleftarrowicon}`]:"left"===e},{[`${i?.paginationrightarrowicon}`]:"right"===e}),customAttributes:s,disabled:r,icon:n?.icon,onClick:l})};export{i as PaginationButtonControl};

package/dist/esm/components/pagination/helpers/adjustMaxCountersNumber.mjs

@@ -0,0 +1 @@
+const t=5;const r=({maxStepsNumber:r,propMaxCountersNumber:e})=>{let n;if(r<=3){n=r;return n}n=e||t;if(r>3&&n<=2)n=3;n=Math.min(r,n);return n};export{r as adjustMaxCountersNumber};

package/dist/esm/components/pagination/helpers/getMaxCountersNumber.mjs

@@ -0,0 +1 @@
+const t=(t,e)=>[...Array(t)].map((s,l)=>e-(t-l));const e=(t,e)=>[...Array(t)].map((t,s)=>e+1+s);const s=(s,l,o)=>{let c=o;let n=[];let r=[];let a=[];let i;let f=s+1;if(f>=o&&l!==o){n=[1,"..."];c--}if((l+1-f>=o||f<o&&l-o>=1)&&l!==o){r=["...",l];c--}const p=f<=c;const b=Math.abs(l-f)<c;if(p){f=1;i=e(c-1,f)}else if(b){f=l-c+1;i=e(c-1,f)}else{const s=(c-1)/2;const l=Math.floor(s);const o=Math.ceil(s);a=t(l,f);i=e(o,f)}return[...n,...a,f,...i,...r]};export{s as buildstepsNumber};

package/dist/esm/components/pagination/index.mjs

@@ -0,0 +1 @@
+import{Pagination as i}from"./pagination.mjs";export{i as Pagination};

package/dist/esm/components/pagination/pagination.mjs

@@ -0,0 +1 @@
+import{jsx as s}from"react/jsx-runtime";import{forwardRef as t}from"react";import{useClassName as e}from"../../lib/hooks/useClassName/useClassName.mjs";import{adjustMaxCountersNumber as o}from"./helpers/adjustMaxCountersNumber.mjs";import{buildstepsNumber as r}from"./helpers/getMaxCountersNumber.mjs";import{PaginationStandAlone as m}from"./paginationStandAlone.mjs";const a=t(({additionalClasses:t,currentStep:a,maxCountersNumber:n,maxStepsNumber:i,variant:c,...p},l)=>{const u=e({additionalClassNames:t,component:"PAGINATION",variant:c});const f=Math.max(0,Math.min(a,i-1));const N=o({maxStepsNumber:i,propMaxCountersNumber:n});const b=r(f,i,N);const d=b.indexOf(f+1);const x=0===f;const C=f===i-1;return s(m,{ref:l,cssClasses:u,leftDisabled:x,rightDisabled:C,stepActive:d,stepsNumber:b,...p})});export{a as Pagination};

package/dist/esm/components/pagination/paginationStandAlone.mjs

@@ -0,0 +1 @@
+import{jsx as t,jsxs as o}from"react/jsx-runtime";import{forwardRef as n}from"react";import{Text as s}from"../text/text.mjs";import{STATES as i}from"../../lib/types/states/states.mjs";import{pickCustomAttributes as a}from"../../lib/utils/pickCustomAttributes/pickCustomAttributes.mjs";import{CustomComponent as e}from"../../lib/components/customComponent/customComponent.mjs";import{PaginationButtonControl as r}from"./fragments/paginationButtonControl.mjs";const m=n(({cssClasses:n,leftDisabled:m,onStepClick:c,paginationLeftButtonControl:p,paginationRightButtonControl:d,rightDisabled:l,stepActive:u,stepsNumber:g,...C},b)=>{const f=C["data-testid"]||"pagination";return o("div",{ref:b,className:n?.pagination,"data-testid":f,children:[t(r,{cssClasses:n,disabled:m,paginationButtonControl:p}),t("div",{className:n?.pagescontainer,"data-testid":`${f}-steps-content`,children:g.map((o,r)=>{const m=u===r?i.SELECTED:i.DEFAULT;const p="number"==typeof o;const d={"data-clickable":p,"data-state":m};const l=a(C);return t(e,{className:n?.pagecontainer,component:p?"button":void 0,type:p?"button":void 0,onClick:p?c?.(o-1):void 0,...l,children:t(s,{additionalClasses:{text:n?.page},component:"span",customAttributes:d,children:o})},`PaginationContent-${o}-${r.toString()}`)})}),t(r,{cssClasses:n,disabled:l,paginationButtonControl:d,position:"right"})]})});export{m as PaginationStandAlone};

package/dist/esm/components/popover/animations/keyframes.utils.mjs

@@ -0,0 +1,5 @@
+const e=new Map;let t=0;const n=n=>{const r=n.replace(/\s+/g,"").substring(0,50);const o=e.get(r);if(o)return o;const a=`popover-animation-${++t}`;e.set(r,a);return a};const r=e=>{if(!e||""===e.trim())return"";const t=n(e);const r=document.head.querySelector(`[data-keyframes="${t}"]`);if(r)return t;const o=document.createElement("style");o.setAttribute("data-keyframes",t);o.textContent=`
+    @keyframes ${t} {
+      ${e}
+    }
+  `;document.head.appendChild(o);return t};const o=e=>{if(!e)return;const t=document.head.querySelector(`[data-keyframes="${e}"]`);if(t)document.head.removeChild(t)};export{o as cleanupKeyframes,r as injectKeyframes};

package/dist/esm/components/popover/animations/popover.animations.mjs

@@ -0,0 +1,20 @@
+import{ANIMATION_TYPES as t,DEFAULT_PLACEMENT as n}from"../types/animation.mjs";import{PLACEMENT_TRANSFORM_ORIGINS as o,generateTransform as i,getAnimationOpacities as e,getSlideTransforms as r,getTransformOrigin as a,resolveAnimationConfig as s}from"../utils/animation.utils.mjs";import{getPlacementDirection as m}from"../utils/placement.utils.mjs";const f=(n,o,a,s)=>{const m=a===t.ENTER;const{end:f,start:c}=e(n,m);let l="";let u="";if("fade"!==o){const{end:t,start:i}=r(n,o,m);l=i;u=t}const p=i(n,l,!m,false,s);const d=i(n,u,m,!m,s);return`from {
+    opacity: ${c};
+    ${p?`transform: ${p};`:""}
+  }
+  to {
+    opacity: ${f};
+    ${d?`transform: ${d};`:""}
+  }`};const c=(t,n)=>{const{direction:o,placement:i,type:e}=n;return f(t,o,e,i)};const l=(n,o)=>({in:(o,i)=>f(o,n,t.ENTER,i),out:(n,i)=>f(n,o,t.EXIT,i)});const u={bottom:l("up","down"),"bottom-end":l("up","down"),"bottom-start":l("up","down"),center:l("fade","fade"),left:l("left","left"),"left-end":l("left","left"),"left-start":l("left","left"),right:l("right","right"),"right-end":l("right","right"),"right-start":l("right","right"),top:l("down","up"),"top-end":l("down","up"),"top-start":l("down","up")};const p=(t,i,e)=>{const r=s(i,t);const f=e||n;let c=u[f];let l=f;if(!c){const t=m(f);c=u[t];l=t}const p=t?c.out:c.in;const d=p(r,f);const g=a(r,o[l]);let $=`@keyframes popover-animation {
+    ${d}
+  }`;if(g)$+=`
+  transform-origin: ${g};`;return $};const d=(t,n,o,i,e)=>{const r=f(n,o,i,e);return`@keyframes ${t} {
+  ${r}
+}`};const g=(t,n=false)=>{const o=s(t,n);const i=o.duration||"0ms";const e=o.delay||"0ms";const r=Math.max(1,o.iterationCount||1);const a=o.timingFunction||"ease";let m=`
+    animation-name: popover-animation;
+    animation-duration: ${i};
+    animation-delay: ${e};
+    animation-timing-function: ${a};
+    animation-iteration-count: ${r};
+    animation-fill-mode: forwards;`;if(o.transformOrigin&&""!==o.transformOrigin)m+=`
+    transform-origin: ${o.transformOrigin};`;return m};export{c as createCustomAnimation,f as generateAnimation,d as generateAnimationKeyframesRule,g as generateAnimationStyles,p as getPlacementAnimation};

package/dist/esm/components/popover/animations/position-animation.utils.mjs

@@ -0,0 +1 @@
+const t={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 e=(e,o=false)=>{if(!e){const t=o?"exit":"enter";return`popover-animate popover-${t}-center`}const n=t[e]||"center";const r=o?"exit":"enter";return`popover-animate popover-${r}-${n}`};const o=(t,o=false)=>{const n=e(t,o);const r=n.split(" ");return r.find(t=>t.startsWith("popover-enter-")||t.startsWith("popover-exit-"))||"popover-enter-center"};const n=(t,e=false,n=200,r="cubic-bezier(0.16, 1, 0.3, 1)")=>{const i=o(t,e);return{animationDuration:`${n}ms`,animationFillMode:"forwards",animationName:i,animationTimingFunction:r}};const r=e=>{if(!e)return false;return e in t};const i=()=>{const e={};Object.keys(t).forEach(o=>{const n=t[o]||"center";e[o]={enter:`popover-animate popover-enter-${n}`,exit:`popover-animate popover-exit-${n}`}});return e};export{i as getAllPositionAnimationClasses,e as getPositionAnimationClass,o as getPositionAnimationName,n as getPositionAnimationStyles,r as hasPositionAnimation};

package/dist/esm/components/popover/animations/spring.animations.mjs

@@ -0,0 +1,6 @@
+import{getPositioningTransforms as t}from"../utils/animation.utils.mjs";const n=(n,e=300,s=20,r=1,a=20,o=20,c)=>{const i=Math.sqrt(e/r);const u=s/(2*Math.sqrt(e*r));const m=t=>{if(u<1){const n=i*Math.sqrt(1-u*u);const e=a;const s=u*i*a/n;return Math.exp(-u*i*t)*(e*Math.cos(n*t)+s*Math.sin(n*t))}if(1===u)return a*Math.exp(-i*t)*(1+i*t);const n=Math.sqrt(u*u-1);const e=-i*(u+n);const s=-i*(u-n);const r=a*s/(s-e);const o=-a*e/(s-e);return r*Math.exp(e*t)+o*Math.exp(s*t)};const p=1;const h=[];for(let t=0;t<=o;t++){const n=t/o*p;const e=t/o*100;const s=m(n);h.push({displacement:s,time:e})}const l=t=>{if(0===t)return"up"===n||"down"===n?"translateY(0)":"translateX(0)";switch(n){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 n=1+t/a*.1;return`scale(${Math.max(.9,Math.min(1.1,n))})`}default:return"translateY(0)"}};const M=n=>{const e=c?t(c):"";const s=l(n);return e?`${e} ${s}`:s};const f=h.map(t=>{const e=M(t.displacement);const s="fade"===n?Math.max(0,Math.min(1,1-Math.abs(t.displacement)/a*.3)):1;return`${t.time.toFixed(1)}% {
+    opacity: ${s.toFixed(3)};
+    transform: ${e};
+  }`}).join("\n  ");return f};const e=(t,e,s=300,r=20,a=1,o=20,c=20,i)=>{const u=n(e,s,r,a,o,c,i);return`@keyframes ${t} {
+  ${u}
+}`};const s=(t,e={})=>{const{damping:s=20,duration:r="800ms",initialDisplacement:a=20,keyframeCount:o=20,mass:c=1,placement:i,stiffness:u=300}=e;return{duration:r,keyframesCSS:n(t,u,s,c,a,o,i)}};export{s as createSpringAnimation,n as generateSpringKeyframes,e as generateSpringKeyframesRule};

package/dist/esm/components/popover/hooks/positioning/arrowPositionStyles.mjs

@@ -0,0 +1 @@
+import{ArrowPositions as t}from"./types.mjs";const e=({arrowElement:e,arrowX:s,arrowY:o,offset:r="0px",placement:l})=>{if(!e)return;e.setAttribute("data-kbt-placement",l);e.style.top="";e.style.right="";e.style.bottom="";e.style.left="";const a=l.split("-")[0];const n=t[a];e.style[n]=r;const f="top"===a||"bottom"===a;if(f){const t=null!=s;if(t){e.style.left=`${s}px`;e.style.transform="rotate(45deg)"}else{e.style.left="50%";e.style.transform="translateX(-50%) rotate(45deg)"}}else{const t=null!=o;if(t){e.style.top=`${o}px`;e.style.transform="rotate(45deg)"}else{e.style.top="50%";e.style.transform="translateY(-50%) rotate(45deg)"}}};const s=(t,s,o,r,l,a)=>{if(!t||!o.arrow||!s)return;const{x:n,y:f}=o.arrow;let p=`-${Math.floor(a/2)}px`;if(l&&void 0!==l[0])p=`${-Math.abs(l[0]/4)}px`;e({arrowElement:s,arrowX:n,arrowY:f,offset:p,placement:r})};export{s as positionArrow,e as updateArrowStyles};

package/dist/esm/components/popover/hooks/positioning/index.mjs

@@ -0,0 +1 @@
+export*from"./arrowPositionStyles.mjs";export*from"./middlewareUtils.mjs";export*from"./positionCalculation.mjs";export*from"./positionStyles.mjs";export*from"./types.mjs";

package/dist/esm/components/popover/hooks/positioning/middlewareUtils.mjs

@@ -0,0 +1 @@
+import{arrow as t,flip as s,hide as i,offset as e,shift as n}from"@floating-ui/dom";import{getPlacementDirection as r}from"../../utils/placement.utils.mjs";const a=(t,s)=>{const i=r(t);const a=[];if("center"===i)a.push(n({crossAxis:true,mainAxis:true,padding:s}));else if(i.startsWith("right")||i.startsWith("left"))a.push(e({alignmentAxis:0,mainAxis:0}));else if(i.startsWith("bottom")||i.startsWith("top"))a.push(e({mainAxis:0}));return a};const o=(t,i,r)=>{const a=[];a.push(e({crossAxis:i?.[1]||0,mainAxis:t}));a.push(s({fallbackAxisSideDirection:"start",padding:r}));a.push(n({padding:r}));return a};const p=({arrowElement:s,edgePadding:e,hideWhenDetached:n,isBodyAnchor:r,middlewareStack:a})=>{if(!r&&n)a.push(i());if(s)a.push(t({element:s,padding:e}))};const u=({arrowElement:t,customMiddlewares:s,edgePadding:i,hideWhenDetached:e,isBodyAnchor:n,mainAxisOffset:r,offsetDistance:u,placement:c})=>{let l;l=s?.length?[...s]:n?a(c,i):o(r,u,i);p({arrowElement:t,edgePadding:i,hideWhenDetached:e,isBodyAnchor:n,middlewareStack:l});return l};const c=({arrowSize:t,hasArrow:s,offsetDistance:i})=>"number"==typeof i?.[0]?i[0]:s?t:0;export{c as calculateMainAxisOffset,u as getMiddlewareStack};

package/dist/esm/components/popover/hooks/positioning/positionCalculation.mjs

@@ -0,0 +1 @@
+const t=(t,n,e)=>{const r="top";if(t){const t="fixed";if(!e){const n="center";return{actualPlacement:n,autoStrategy:t}}if("center"===e){const n=e;return{actualPlacement:n,autoStrategy:t}}const n=e;return{actualPlacement:n,autoStrategy:t}}return{actualPlacement:e||r,autoStrategy:n}};export{t as determinePositioningConfig};

package/dist/esm/components/popover/hooks/positioning/positionStyles.mjs

@@ -0,0 +1 @@
+import{DEFAULT_PLACEMENT as t}from"../../types/animation.mjs";const o=({edgePadding:o=0,isBodyAnchor:r=true,placement:i=t,strategy:e,useFloatingUICoordinates:n=false,x:a=0,y:f=0})=>{if(!r)return{bottom:"auto",boxSizing:"border-box",left:`${a}px`,position:e,right:"auto",top:`${f}px`,transform:"",transformOrigin:""};if(n)return{bottom:"auto",boxSizing:"border-box",left:`${a}px`,position:"fixed",right:"auto",top:`${f}px`,transformOrigin:"center bottom"};const s={bottom:{bottom:`${o}px`,boxSizing:"border-box",left:"50%",position:"fixed",right:"auto",top:"auto",transform:"translateX(-50%)",transformOrigin:"center bottom"},"bottom-end":{bottom:`${o}px`,boxSizing:"border-box",left:"auto",position:"fixed",right:`${o}px`,top:"auto",transform:"none",transformOrigin:"right bottom"},"bottom-start":{bottom:`${o}px`,boxSizing:"border-box",left:`${o}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:`${a}px`,position:e,right:"auto",top:`${f}px`},left:{bottom:"auto",boxSizing:"border-box",display:"flex",flexDirection:"column",left:`${o}px`,position:"fixed",right:"auto",top:"50%",transform:"translateY(-50%)",transformOrigin:"left center"},"left-end":{bottom:`${o}px`,boxSizing:"border-box",display:"flex",flexDirection:"column",left:`${o}px`,position:"fixed",right:"auto",top:"auto",transform:"none",transformOrigin:"left bottom"},"left-start":{bottom:"auto",boxSizing:"border-box",display:"flex",flexDirection:"column",left:`${o}px`,position:"fixed",right:"auto",top:`${o}px`,transform:"none",transformOrigin:"left top"},right:{bottom:"auto",boxSizing:"border-box",display:"flex",flexDirection:"column",left:"auto",position:"fixed",right:`${o}px`,top:"50%",transform:"translateY(-50%)",transformOrigin:"right center"},"right-end":{bottom:`${o}px`,boxSizing:"border-box",display:"flex",flexDirection:"column",left:"auto",position:"fixed",right:`${o}px`,top:"auto",transform:"none",transformOrigin:"right bottom"},"right-start":{bottom:"auto",boxSizing:"border-box",display:"flex",flexDirection:"column",left:"auto",position:"fixed",right:`${o}px`,top:`${o}px`,transform:"none",transformOrigin:"right top"},top:{bottom:"auto",boxSizing:"border-box",left:"50%",position:"fixed",right:"auto",top:`${o}px`,transform:"translateX(-50%)",transformOrigin:"center top"},"top-end":{bottom:"auto",boxSizing:"border-box",left:"auto",position:"fixed",right:`${o}px`,top:`${o}px`,transform:"none",transformOrigin:"right top"},"top-start":{bottom:"auto",boxSizing:"border-box",left:`${o}px`,position:"fixed",right:"auto",top:`${o}px`,transform:"none",transformOrigin:"left top"}};return s[i]||s.defaultStyle};const r=({edgePadding:r=0,hasCustomMiddlewares:i=false,isBodyAnchor:e,middlewareStack:n=[],placement:a,ref:f,strategy:s,x=0,y:b=0})=>{if(!f?.current)return;if(e)f.current.setAttribute("data-kbt-placement",a||t);else f.current.setAttribute("data-kbt-placement",f.current.getAttribute("data-kbt-placement")||a||"bottom");if(e){const t=n.some(t=>"body-auto-centering"===t.name);const e=i||t;const p=o({edgePadding:r,placement:a,strategy:s,useFloatingUICoordinates:e,x,y:b});Object.assign(f.current.style,p)}else{const t=o({edgePadding:r,isBodyAnchor:false,placement:a,strategy:s,x,y:b});Object.assign(f.current.style,t)}};export{r as applyPositionStyles,o as getPositionStyles};

package/dist/esm/components/popover/hooks/positioning/types.mjs

@@ -0,0 +1 @@
+const t={bottom:"top",left:"right",right:"left",top:"bottom"};export{t as ArrowPositions};

package/dist/esm/components/popover/hooks/usePopoverInteractions.mjs

@@ -0,0 +1 @@
+import{useCallback as e,useEffect as t,useMemo as o}from"react";import{ESCAPE as r}from"../../../lib/constants/keyboardKeys/keyboardKeys.mjs";import{useClickOutside as n}from"../../../lib/hooks/useClickOutside/useClickOutside.mjs";import{isKeyPressed as s}from"../../../lib/utils/keyboard/keyboard.mjs";const i=({disableClickOverlayClose:i=false,disableEscapeClose:a=false,isVisible:c,onClose:u,popoverRef:m,preventCloseOnClickElements:f=[]})=>{const d=o(()=>f.filter(Boolean),[f]);const k=e(e=>{if(!c||i)return;const t=e.target;if(m.current?.contains(t))return;const o=d.some(e=>e.contains(t));if(o)return;u?.()},[c,i,m,d,u]);n(m,k,d);t(()=>{if(!c)return;const e=e=>{if(s(e.key,...r.key)){e.preventDefault();e.stopPropagation();if(!a)u?.()}};document.addEventListener("keydown",e);return()=>{document.removeEventListener("keydown",e)}},[a,c,u]);return{handleClickOutside:k}};export{i as usePopoverInteractions};

package/dist/esm/components/popover/hooks/usePopoverLifecycle.mjs

@@ -0,0 +1 @@
+import{useCallback as e,useEffect as r,useRef as t,useState as n}from"react";import{useScrollBlock as o}from"../../../lib/hooks/useScrollBlock/useScrollBlock.mjs";import{convertDurationToNumber as l}from"../../../lib/hooks/useSwipeDown/utils/convertDurationToNumber.mjs";import{focusFirstDescendant as s}from"../../../lib/utils/focusHandlers/focusHandlers.mjs";import{syncInnerAndForwardedRef as c}from"../../../lib/utils/refs/syncRefs.mjs";const u=({animationExitDuration:u=200,disableAnimations:f,disableAutoFocusFirstDescendant:i=false,disableAutoFocusFirstDescendantAfterClose:m=true,disableRestoreFocusAfterClose:a=false,disableScrollBackground:d=false,open:p=false,popoverContainerRef:w,preventScrollOnCloseFocus:b=false})=>{const v=t(null);const S=t(false);const j=t(null);const k=t(null);const[T,y]=n(p);const[R,h]=n(false);const B=l(u);const{allowScroll:D,blockScroll:H}=o();const x=e(()=>{if(!i&&v.current)s({element:v.current,preventScroll:true})},[i]);const E=e(()=>{if(!a)return void k.current?.focus({preventScroll:b});if(!m)s({element:document.body})},[a,b,m]);r(()=>{if(p){k.current=document.activeElement;y(true);h(false)}},[p]);r(()=>{if(!p&&T)if(f){E();y(false);h(false)}else{h(true);j.current=window.setTimeout(()=>{E();y(false);h(false)},B)}return()=>{if(null!==j.current){window.clearTimeout(j.current);j.current=null}}},[p,T,f,B,E]);const L=e(e=>{v.current=e;x();if(d&&!S.current){S.current=true;H({elementsToOmit:[v.current]})}},[H,x,d]);const N=e(()=>{if(S.current)D();v.current=null},[D]);const O=e(e=>{if(e)L(e);else N();c({forwardedRef:w,innerRef:v})},[w,N,L]);return{handleInnerRef:O,isClosing:R,isVisible:T,popoverRef:v}};export{u as usePopoverLifecycle};

package/dist/esm/components/popover/hooks/usePopoverPositioning.mjs

@@ -0,0 +1 @@
+import{autoUpdate as t,computePosition as e}from"@floating-ui/dom";import{useCallback as n,useEffect as r,useRef as o}from"react";import{positionArrow as s}from"./positioning/arrowPositionStyles.mjs";import{calculateMainAxisOffset as c,getMiddlewareStack as i}from"./positioning/middlewareUtils.mjs";import{determinePositioningConfig as a}from"./positioning/positionCalculation.mjs";import{applyPositionStyles as d}from"./positioning/positionStyles.mjs";const u=({anchorElement:u,arrowStyles:m,isVisible:l,middlewareOptions:p={},middlewares:f=[],placement:g,ref:y,strategy:h})=>{const{edgePadding:w=0,hideWhenDetached:P,offsetDistance:b}=p;const D=o(document.body);const S=o(null);const j=o({anchorElement:u,arrowStyles:m,isVisible:l,middlewareOptions:{edgePadding:w,hideWhenDetached:P,offsetDistance:b},middlewares:f,placement:g,ref:y,strategy:h});r(()=>{j.current={anchorElement:u,arrowStyles:m,isVisible:l,middlewareOptions:{edgePadding:w,hideWhenDetached:P,offsetDistance:b},middlewares:f,placement:g,ref:y,strategy:h}},[u,g,b,w,P,f,h,l,y,m]);const v=n(()=>{if(y?.current&&l&&m){S.current=y.current.querySelector('[data-kbt-id="popover-arrow"]');return S.current}return null},[y,l,m]);r(()=>{const t=()=>{const e=v();if(!e&&l&&m&&y?.current)requestAnimationFrame(t)};t()},[v,l,m]);const z=n((t,e)=>t&&e?.current&&document.body.contains(e.current),[]);const A=n((t,e,n,r,o,c,i,a,u,l,p,f,g,y=[],h=[])=>{if(!t?.current)return;d({edgePadding:i,hasCustomMiddlewares:y.length>0,isBodyAnchor:e,middlewareStack:h,placement:n,ref:t,strategy:c,x:r,y:o});if(!e)t.current.setAttribute("data-kbt-placement",l);s(!!m,a,u,l,p,f);g?.()},[m]);const O=n((t,e,n,r,o,s,a)=>{const d=c({arrowSize:e,hasArrow:!!m,offsetDistance:t});const u=S.current;const l=i({arrowElement:u,customMiddlewares:s,edgePadding:r,hideWhenDetached:a?.hideWhenDetached,isBodyAnchor:n,mainAxisOffset:d,offsetDistance:t,placement:o});return{arrowElement:u,middlewareStack:l}},[m]);const k=n((t,e,n,r,o,s,c,i,a,d,u,m,l,p=[],f=[])=>{const g=e.hide?.referenceHidden||e.hide?.escaped;if(t.current){t.current.style.opacity=g?"0":"";t.current.style.pointerEvents=g?"none":""}if(!g)A(t,n,r,o,s,c,i,a,e,d,u,m,l,p,f)},[A]);const q=n(async()=>{const{anchorElement:t,arrowStyles:n,middlewareOptions:r,middlewares:o,onPositioned:s,placement:c,ref:i,strategy:d}=j.current;const u=r?.offsetDistance;const m=r?.edgePadding??8;const l=n?.size||0;const p=t||D.current;if(!i?.current||!z(p,i))return;const f=p===document.body;const{arrowElement:g,middlewareStack:y}=O(u,l,f,m,c,o,r||{});const{actualPlacement:h,autoStrategy:w}=a(f,d,c);const P="center"===h?"top":h;const b=await e(p,i.current,{middleware:y,placement:P,strategy:w});const{middlewareData:S,placement:v,x:A,y:q}=b;k(i,S,f,h,A,q,d,m,g,v,u,l,s,o,y)},[]);r(()=>{if(!l||!y?.current)return;y.current.offsetHeight;q();const e=u??D.current;let n=()=>{};n=t(e,y.current,q,{ancestorResize:true,ancestorScroll:true,animationFrame:false,elementResize:true});return()=>{n()}},[l,u,q])};export{u as usePopoverPositioning};

package/dist/esm/components/popover/index.mjs

@@ -0,0 +1 @@
+import{Popover as o}from"./popover.mjs";export*from"./animations/spring.animations.mjs";export*from"./positioning/middlewares.mjs";export{o as Popover};

package/dist/esm/components/popover/popover.mjs

@@ -0,0 +1,2 @@
+/*! For license information please see popover.mjs.LICENSE.txt */
+import{jsx as o}from"react/jsx-runtime";import{forwardRef as s}from"react";import{useClassName as e}from"../../lib/hooks/useClassName/useClassName.mjs";import{useTrapFocus as r}from"../../lib/hooks/useTrapFocus/useTrapFocus.mjs";import{usePopoverInteractions as a}from"./hooks/usePopoverInteractions.mjs";import{usePopoverLifecycle as t}from"./hooks/usePopoverLifecycle.mjs";import{usePopoverPositioning as m}from"./hooks/usePopoverPositioning.mjs";import{PopoverStandAlone as i}from"./popoverStandAlone.mjs";const l=({additionalClasses:s,anchorElement:l,animationExitDuration:n=200,disableAnimations:p=false,disableAutoFocusFirstDescendant:f=false,disableAutoFocusFirstDescendantAfterClose:c=true,disableClickOverlayClose:u=false,disableEscapeClose:d=false,disableRestoreFocusAfterClose:j=false,disableScrollBackground:P=false,disableTrapFocus:b=false,middlewareOptions:h,middlewares:v,onClose:C,open:k=false,popoverContainerRef:y,preventCloseOnClickElements:g=[],preventScrollOnCloseFocus:w=false,strategy:A="absolute",...F},N)=>{const O=p||!!l;const S=e({additionalClassNames:s,component:"POPOVER"});const{handleInnerRef:x,isClosing:E,isVisible:R,popoverRef:T}=t({animationExitDuration:n,disableAnimations:O,disableAutoFocusFirstDescendant:f,disableAutoFocusFirstDescendantAfterClose:c,disableRestoreFocusAfterClose:j,disableScrollBackground:P,open:k,popoverContainerRef:y,preventScrollOnCloseFocus:w});r({ref:T,trapFocus:!b&&R});a({disableClickOverlayClose:u,disableEscapeClose:d,isVisible:R,onClose:C,popoverRef:T,preventCloseOnClickElements:g});m({anchorElement:l,arrowStyles:F.arrowStyles,isVisible:R,middlewareOptions:h,middlewares:v,placement:F.placement,ref:T,strategy:A});return o(i,{ref:N,...F,anchorElement:!!l,cssClasses:S,disableAnimations:O,isClosing:E,isVisible:R,middlewareOptions:h,popoverContainerRef:x,strategy:A})};const n=s(l);export{n as Popover};

package/dist/esm/components/popover/popover.mjs.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/esm/components/popover/popoverStandAlone.mjs

@@ -0,0 +1 @@
+import{Fragment as t,jsx as o,jsxs as a}from"react/jsx-runtime";import"./styles/index.css";import{forwardRef as e}from"react";import{CustomComponent as r}from"../../lib/components/customComponent/customComponent.mjs";import{classNames as s}from"../../lib/utils/classNames/classNames.mjs";import{pickCustomAttributes as i}from"../../lib/utils/pickCustomAttributes/pickCustomAttributes.mjs";import{getArrowBorderStyles as m}from"./utils/styling.utils.mjs";const n=({anchorElement:e,arrowStyles:n,children:d,component:p="div",cssClasses:c,disableAnimations:l,id:b,isClosing:u,isVisible:k,overlay:f,placement:v,popoverContainerRef:h,zIndex:j="auto",...x},y)=>{const w=i(x,true);const{["data-testid"]:C="popover",...N}=w;return o("div",{ref:y,"data-testid":C,id:b,children:k&&a(t,{children:[f,a(r,{ref:h,...N,...x,className:s(c?.popover),component:p,"data-kbt-anchor-element":e,"data-kbt-closing":u,"data-kbt-disable-animations":l,"data-kbt-has-arrow":!!n,"data-kbt-id":"popover","data-kbt-placement":v,style:{zIndex:j||"auto"},children:[!!n&&o("div",{className:s(c?.arrow),"data-kbt-arrow-border":!!n,"data-kbt-id":"popover-arrow","data-kbt-placement":v,style:{...v?m(v,n):{},zIndex:"number"==typeof j?j+1:j}}),d]})]})})};const d=e(n);export{d as PopoverStandAlone};

package/dist/esm/components/popover/positioning/index.mjs

@@ -0,0 +1 @@
+export*from"./middlewares.mjs";

package/dist/esm/components/popover/positioning/middlewares.mjs

@@ -0,0 +1 @@
+import{arrow as o,autoPlacement as e,flip as p,hide as r,offset as a,shift as i,size as s}from"@floating-ui/dom";export{o as popoverMWArrow,e as popoverMWAutoPlacement,p as popoverMWFlip,r as popoverMWHide,a as popoverMWOffset,i as popoverMWShift,s as popoverMWSize};

package/dist/esm/components/popover/stories/argtypes.mjs

@@ -0,0 +1 @@
+import{configArgTypes as e}from"@/lib/storybook/argtypes/argtypes";import{getBooleanArgTypes as o}from"@/lib/storybook/argtypes/booleanArgTypes";import{getDisabledArgTypes as t}from"@/lib/storybook/argtypes/disabledArgTypes";import{getHtmlComponentArgTypes as r}from"@/lib/storybook/argtypes/htmlComponentArgTypes";import{getSelectorArgTypes as s}from"@/lib/storybook/argtypes/selectorArgTypes";import{getStringtArgTypes as a}from"@/lib/storybook/argtypes/stringArgTypes";import{CATEGORY_CONTROL as p}from"@/lib/storybook/constants/categoryControl";const n=()=>({...e,...t(["anchorElement","arrowStyles","middlewareOptions","middlewares","onClose","overlay","preventCloseOnClickElements"]),children:a({category:p.CONTENT,keyName:"children",name:"popover"}),component:r({name:"popover"}),disableAnimations:o({descriptionName:"popover",name:"disableAnimations",subCategory:p.MODIFIERS}),disableAutoFocusFirstDescendant:o({descriptionName:"popover",name:"disableAutoFocusFirstDescendant",subCategory:p.ACCESIBILITY}),disableAutoFocusFirstDescendantAfterClose:o({descriptionName:"popover",name:"disableAutoFocusFirstDescendantAfterClose",subCategory:p.ACCESIBILITY}),disableClickOverlayClose:o({descriptionName:"popover",name:"disableClickOverlayClose",subCategory:p.MODIFIERS}),disableEscapeClose:o({descriptionName:"popover",name:"disableEscapeClose",subCategory:p.MODIFIERS}),disableRestoreFocusAfterClose:o({descriptionName:"popover",name:"disableRestoreFocusAfterClose",subCategory:p.ACCESIBILITY}),disableScrollBackground:o({descriptionName:"popover",name:"disableScrollBackground",subCategory:p.MODIFIERS}),disableTrapFocus:o({descriptionName:"popover",name:"disableTrapFocus",subCategory:p.ACCESIBILITY}),id:a({category:p.MODIFIERS,keyName:"id",name:"popover"}),open:o({descriptionName:"popover",name:"open",subCategory:p.MODIFIERS}),placement:s({category:p.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:o({descriptionName:"popover",name:"preventScrollOnCloseFocus",subCategory:p.ACCESIBILITY}),role:a({category:p.ACCESIBILITY,keyName:"role",name:"popover"}),strategy:s({category:p.MODIFIERS,defaultValue:"absolute",keyName:"strategy",name:"popover",options:{absolute:"absolute",fixed:"fixed"}}),zIndex:a({category:p.MODIFIERS,keyName:"zIndex",name:"popover"})});export{n as argtypes};

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

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

package/dist/esm/components/popover/stories/demos/animationsDemo.mjs

@@ -0,0 +1,39 @@
+import{Fragment as t,jsx as e,jsxs as i}from"react/jsx-runtime";import"./animationsDemo.css";import{useEffect as n,useState as a}from"react";import{Button as o}from"../../../button/button.mjs";import{Overlay as s}from"../../../../lib/components/overlay/overlay.mjs";import{createSpringAnimation as r}from"../../animations/spring.animations.mjs";import{Popover as m}from"../../popover.mjs";const d={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 l={extra:{...d,maxWidth:"350px",minWidth:"250px"},modal:{...d,borderRadius:"8px",maxWidth:"500px",minWidth:"300px",padding:"2rem"},standard:{...d,minWidth:"200px"},wide:{...d,maxWidth:"350px",minWidth:"200px"}};const c=[{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 p=[{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 g=({content:n})=>i(t,{children:[e("strong",{children:n.title}),e("p",{children:n.description}),n.params&&e("div",{style:{color:"#666",fontSize:"0.9em",marginTop:"0.5rem"},children:e("code",{children:n.params})})]});const h=({id:t,label:i,onClick:n})=>e(o,{size:"MEDIUM",variant:"PRIMARY",onClick:e=>n(e,t),children:i});const f=()=>{const[t,o]=a(null);const d=(t,e)=>{o(e)};const f=()=>{o(null)};n(()=>{const t=[{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}}];t.forEach(({className:t,config:e})=>{const i=r("down",{...e,placement:"bottom"});const n=document.getElementById(`spring-style-${t}`);if(n)n.remove();const a=`${t}-keyframes`;const o=`
+        @keyframes ${a} {
+          ${i.keyframesCSS}
+        }
+
+        .${t}[data-kbt-closing="false"] {
+          animation: ${a} ${i.duration} ease-out !important;
+        }
+
+        .${t}[data-kbt-closing="true"] {
+          animation: ${a} ${i.duration} ease-in reverse !important;
+        }
+      `;const s=document.createElement("style");s.id=`spring-style-${t}`;s.textContent=o;document.head.appendChild(s)});return()=>{t.forEach(({className:t})=>{const e=document.getElementById(`spring-style-${t}`);if(e)e.remove()})}},[]);return i("div",{className:"demo-container",children:[i("div",{className:"demo-section",children:[e("h3",{className:"demo-section-title",children:"\uD83C\uDFAF Built-in CSS Animations"}),e("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."}),e("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>
+`}),e("div",{className:"demo-button-grid",children:c.map(t=>{const i=t.content.title.replace("\uD83C\uDFAF ","").replace(" Animation","");return e(h,{id:t.id,label:i,onClick:d},t.id)})})]}),i("div",{className:"demo-section",children:[e("h3",{className:"demo-section-title",children:"\uD83C\uDF00 Spring Physics Custom Animations"}),e("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."}),e("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
+/>`}),e("div",{className:"demo-button-grid",children:p.map(t=>{const i=t.content.title.replace(" Physics","");return e(h,{id:t.id,label:i,onClick:d},t.id)})})]}),c.map(i=>e(m,{open:t===i.id,overlay:e(s,{variant:"POPOVER"}),placement:i.placement,onClose:f,children:e("div",{style:l[i.styleType],children:e(g,{content:i.content})})},i.id)),p.map(i=>e(m,{open:t===i.id,overlay:e(s,{variant:"POPOVER"}),placement:"bottom",onClose:f,children:e("div",{style:l.extra,children:e(g,{content:i.content})})},i.id))]})};export{f as AnimationsDemo};