@kubit-ui-web/react-components 1.17.2 → 2.0.0-beta.1

package/dist/esm/components/message/messageStandAlone.js

@@ -0,0 +1,10 @@
+import{j as n}from"../../_virtual/jsx-runtime.js";import{forwardRef as t}from"react";import{Button as e}from"../button/button.js";import{RenderIf as i}from"../renderIf/renderIf.js";import{Tag as o}from"../tag/tag.js";import{Text as s}from"../text/text.js";import{classNames as r}from"../../lib/utils/classNames/classNames.js";import{isString as c}from"../../lib/utils/is/isString.js";import{pickCustomAttributes as l}from"../../lib/utils/pickCustomAttributes/pickCustomAttributes.js";import{processText as a}from"../../lib/utils/process/processText/processText.js";import{CustomComponent as d}from"../../lib/components/customComponent/customComponent.js";import{ElementOrIcon as m}from"../elementOrIcon/elementOrIcon.js";import{Link as j}from"../link/link.js";const x=t(({actionButton:t,ariaLive:x="off",ariaMessageId:p,closeIcon:h,content:u,cssClasses:g,extraActionButton:f,id:v,infoIcon:C,inlineLink:b,linkComponent:N,links:k,maxContentLength:I=246,messageContainerProps:A,open:L,role:S,tag:y,title:B,titleAndContentContainerProps:O,titleAndContentRole:P,...T},$)=>{const _=T["data-testid"]||"message",z=l(T),M=a(u),R=a(B),q="string"==typeof M.children&&M.children?.toString().length>=I;/* @__PURE__ */
+return n.jsx("div",{...z,"aria-live":x,className:g?.message,children:/* @__PURE__ */n.jsx(i,{condition:L,children:/* @__PURE__ */n.jsxs(d,{ref:$,className:g?.container,component:A?.url?N:"div","data-testid":_,id:v,role:S,target:A?.target,url:A?.url||void 0,onClick:A?.onClick,children:[C?.icon?/* @__PURE__ */n.jsx(m,{className:g?.infoicon,...C}):null,
+/* @__PURE__ */n.jsxs(d,{className:r(g?.headercontainer,{[`${g?.headercontainerlargemessage}`]:q}),component:O?.url?N:"div",role:P,target:O?.target,url:O?.url||void 0,onClick:O?.onClick,children:[
+/* @__PURE__ */n.jsx(i,{condition:!!B,children:c(R.children)?/* @__PURE__ */n.jsx("div",{"aria-errormessage":p,className:g?.titlecontainer,children:/* @__PURE__ */n.jsx(s,{additionalClasses:{text:g?.title},component:"p",...R})}):R.children}),
+/* @__PURE__ */n.jsx(i,{condition:!!y?.content,children:/* @__PURE__ */n.jsx(i,{condition:!!y?.content,children:/* @__PURE__ */n.jsx(o,{variant:"",...y,label:{content:y?.content}})})}),
+/* @__PURE__ */n.jsxs("div",{className:r(g?.contentcontainer,{[`${g?.contentcontainerlargemessage}`]:q}),children:["string"==typeof u?/* @__PURE__ */n.jsx(s,{additionalClasses:{text:g?.description},component:"p",...M}):M.children,
+/* @__PURE__ */n.jsx(i,{condition:!!b?.content,children:/* @__PURE__ */n.jsx(j,{decoration:"underline",...b,url:b?.url||"",children:b?.content||""})})]}),
+/* @__PURE__ */n.jsx(i,{condition:!(!f&&!t),children:/* @__PURE__ */n.jsxs("div",{className:g?.buttonsectioncontainer,children:[/* @__PURE__ */n.jsx(i,{condition:!!f?.content,children:/* @__PURE__ */n.jsx("div",{className:g?.extraactionbuttoncontainer,children:/* @__PURE__ */n.jsx(e,{...f,children:f?.content})})}),/* @__PURE__ */n.jsx(i,{condition:!!t?.content,children:/* @__PURE__ */n.jsx("div",{className:g?.actionbuttoncontainer,children:/* @__PURE__ */n.jsx(e,{additionalSizeClasses:t?.variant?void 0:g?.action_button,...t,children:t?.content})})})]})}),
+/* @__PURE__ */n.jsx(i,{condition:!!(k&&k.length>0),children:/* @__PURE__ */n.jsx("div",{className:g?.linkscontainer,children:k?.map(t=>t.content?/* @__PURE__ */n.jsx("div",{className:g?.linkcontainer,children:/* @__PURE__ */n.jsx(j,{decoration:"underline",...t,children:t.content})},t.content):null)})})]}),
+/* @__PURE__ */n.jsx(m,{className:g?.closeicon,...h})]})})})});export{x as MessageStandAlone};

package/dist/esm/components/message/messageUnControlled.js

@@ -0,0 +1,2 @@
+import{j as o}from"../../_virtual/jsx-runtime.js";import{forwardRef as e,useState as r,useCallback as s}from"react";import{MessageControlled as t}from"./messageControlled.js";const n=e(({closeIcon:e,defaultOpen:n=!0,...c},i)=>{const[l,m]=r(n),a=s(o=>{m(!1),e?.onClick?.(o)},[e]);/* @__PURE__ */
+return o.jsx(t,{...c,ref:i,closeIcon:e?{...e,onClick:a}:void 0,open:l})});export{n as Message,n as MessageUnControlled};

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

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

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

@@ -0,0 +1,2 @@
+export {  ModalControlled  } from './modalControlled.js';
+export {  Modal  } from './modalUnControlled.js';

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

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

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

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

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

@@ -0,0 +1,2 @@
+import{j as o}from"../../_virtual/jsx-runtime.js";import{forwardRef as n,useState as r,useEffect as t}from"react";import{isKeyEscapePressed as e}from"../../lib/utils/keyboard/keyboard.js";import{ModalControlled as l}from"./modalControlled.js";const s=n(({closeButton:n,closeIcon:s,onClose:c,open:i,popover:a,variant:p,...m},k)=>{const[u,C]=r(i);t(()=>{C(i)},[i]);const d=()=>{C(!1),c?.()};/* @__PURE__ */
+return o.jsx(l,{...m,ref:k,closeButton:n&&{...n,onClick:o=>{d(),n?.onClick?.(o)}},closeIcon:{...s,onClick:o=>{d(),s?.onClick?.(o)}},open:u,popover:{...a},variant:p,onClose:c,onKeyDown:o=>m?.blocked&&e(o.key)?o.stopPropagation():null})});export{s as Modal,s as ModalUnControlled};

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

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

package/dist/esm/components/navBar/index.js

@@ -0,0 +1 @@
+export {  NabVar  } from './navBar.js';

package/dist/esm/components/navBar/navBar.js

@@ -0,0 +1,2 @@
+import{j as s}from"../../_virtual/jsx-runtime.js";import{forwardRef as a}from"react";import{useClassName as o}from"../../lib/hooks/useClassName/useClassName.js";import{NavBarStandAlone as r}from"./navBarStandAlone.js";const t=a(({additionalClasses:a,variant:t,...e},i)=>{const m=o({additionalClassNames:a,component:"NAVBAR",variant:t});/* @__PURE__ */
+return s.jsx(r,{ref:i,cssClasses:m,...e})});export{t as NabVar};

package/dist/esm/components/navBar/navBarStandAlone.js

@@ -0,0 +1,2 @@
+import{j as t}from"../../_virtual/jsx-runtime.js";import{forwardRef as e}from"react";import{classNames as r}from"../../lib/utils/classNames/classNames.js";import{pickCustomAttributes as s}from"../../lib/utils/pickCustomAttributes/pickCustomAttributes.js";import{CustomComponent as i}from"../../lib/components/customComponent/customComponent.js";const o=e(({centerItems:e,component:o="div",cssClasses:n,direction:m="horizontal",focusOrder:c=["left","center","right"],leftItems:a,rightItems:l,...p},u)=>{const f=(e,r,s)=>/* @__PURE__ */t.jsx("div",{className:n?.itemcontainer,"data-position":r,children:e?.map((e,r)=>/* @__PURE__ */t.jsx("div",{children:e},`navbar-item-${r.toString()}`))},`${r}-${s?.toString()}`),b=s(p);/* @__PURE__ */
+return t.jsx(i,{ref:u,className:r("kbt-navbar",m,n?.navbar),component:o,...b,children:c.map((t,r)=>"left"===t?f(a,"left",r):"center"===t?f(e,"center",r):"right"===t?f(l,"right",r):null)})});export{o as NavBarStandAlone};

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

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

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

@@ -0,0 +1 @@
+export {  Option  } from './option.js';

package/dist/esm/components/option/option.js

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

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

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

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

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

package/dist/esm/components/overlay/index.js

@@ -0,0 +1 @@
+export * from './overlayTheme.js';

package/dist/esm/components/overlay/overlay.js

@@ -0,0 +1,2 @@
+import{j as s}from"../../_virtual/jsx-runtime.js";import{forwardRef as a}from"react";import{useClassName as o}from"../../lib/hooks/useClassName/useClassName.js";import{OverlayStandAlone as r}from"./overlayStandAlone.js";const t=a(({additionalClasses:a,variant:t,...e},i)=>{const m=o({additionalClassNames:a,component:"OVERLAY",variant:t});/* @__PURE__ */
+return s.jsx(r,{...e,ref:i,cssClasses:m})});export{t as Overlay};

package/dist/esm/components/overlay/overlayStandAlone.js

@@ -0,0 +1,2 @@
+import{j as t}from"../../_virtual/jsx-runtime.js";import{forwardRef as s}from"react";import{pickCustomAttributes as r}from"../../lib/utils/pickCustomAttributes/pickCustomAttributes.js";const i=s(({cssClasses:s,...i},o)=>{const e=r(i);/* @__PURE__ */
+return t.jsx("div",{ref:o,className:s?.overlay,"data-testid":"overlay",...i,...e,...e})});export{i as OverlayStandAlone};

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

@@ -0,0 +1,2 @@
+import{j as t}from"../../../_virtual/jsx-runtime.js";import{ElementOrIcon as s}from"../../elementOrIcon/elementOrIcon.js";const e=({cssArrowControlClasses:e,disabled:r=!1,...o})=>{const a={"data-state":r?"inactive":"active"};/* @__PURE__ */
+return t.jsx(s,{className:e?.icon,customAttributes:a,disabled:r,...o})};export{e as ArrowControlStandAlone};

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

@@ -0,0 +1,2 @@
+import{j as t}from"../../../_virtual/jsx-runtime.js";import{pickCustomAttributes as s}from"../../../lib/utils/pickCustomAttributes/pickCustomAttributes.js";const o=({cssPageControlClasses:o,disabled:i=!1,position:r,...e})=>{const u=s(e);/* @__PURE__ */
+return t.jsx("button",{className:o,disabled:i,type:"button",...e,...u})};export{o as ButtonControlStandAlone};

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

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

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

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

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

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

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

@@ -0,0 +1 @@
+export {  PageControl  } from './pageControl.js';

package/dist/esm/components/pageControl/pageControl.js

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

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

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

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

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

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

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

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

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

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

@@ -0,0 +1 @@
+export {  Pagination  } from './pagination.js';

package/dist/esm/components/pagination/pagination.js

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

@@ -0,0 +1,2 @@
+export * from './middlewares.js';
+export {  Popover  } from './popover.js';

package/dist/esm/components/popover/popover.js

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

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

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

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

@@ -0,0 +1,10 @@
+/**
+ * PopoverV2 Styles Index
+ * Imports all popover-related CSS files
+ */
+
+/* Core popover styles and animations */
+@import './popover.css';
+
+/* Arrow positioning and styling */
+@import './popover-arrow.css';