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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

@@ -1 +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};
+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),(({arrowElement:e,edgePadding:t,hideWhenDetached:i,isBodyAnchor:a,middlewareStack:r})=>{!a&&i&&r.push(s()),e&&r.push(n({element:e,padding:t}))})({arrowElement:r,edgePadding:o,hideWhenDetached:h,isBodyAnchor:m,middlewareStack:u}),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/usePopoverLifecycle.js

@@ -1 +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};
+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,disableAutoFocusFirstDescendant:a=!1,disableAutoFocusFirstDescendantAfterClose:m=!0,disableRestoreFocusAfterClose:d=!1,disableScrollBackground:f=!1,open:p=!1,popoverContainerRef:b,preventScrollOnCloseFocus:S=!1})=>{const w=e(null),R=e(!1),k=e(null),v=e(null),[F,A]=r(p),[C,D]=r(!1),h=s(u),{allowScroll:j,blockScroll:T}=t(),y=o(()=>{!a&&w.current&&c({element:w.current,preventScroll:!0})},[a]),B=o(()=>{d?m||c({element:document.body}):v.current?.focus({preventScroll:S})},[d,S,m]);n(()=>{p&&(v.current=document.activeElement,A(!0),D(!1))},[p]),n(()=>(!p&&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)}),[p,F,i,h,B]);const g=o(e=>{w.current=e,y(),f&&!R.current&&(R.current=!0,T({elementsToOmit:[w.current]}))},[T,y,f]),x=o(()=>{R.current&&j(),w.current=null},[j]);return{handleInnerRef:o(e=>{e?g(e):x(),l({forwardedRef:b,innerRef:w})},[b,x,g]),isClosing:C,isVisible:F,popoverRef:w}};export{u as usePopoverLifecycle};

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

@@ -1 +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};
+import{computePosition as e,autoUpdate as t}from"@floating-ui/dom";import{useRef as r,useEffect as n,useCallback as i}from"react";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=r(document.body),P=r(null),E=r({anchorElement:l,arrowStyles:m,isVisible:u,middlewareOptions:{edgePadding:y,hideWhenDetached:S,offsetDistance:D},middlewares:f,placement:w,ref:h,strategy:g});n(()=>{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=i(()=>h?.current&&u&&m?(P.current=h.current.querySelector('[data-kbt-id="popover-arrow"]'),P.current):null,[h,u,m]);n(()=>{const e=()=>{!A()&&u&&m&&h?.current&&requestAnimationFrame(e)};e()},[A,u,m]);const k=i((e,t)=>e&&t?.current&&document.body.contains(t.current),[]),O=i((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=i((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=i((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=i(async()=>{const{anchorElement:t,arrowStyles:r,middlewareOptions:n,middlewares:i,onPositioned:a,placement:o,ref:s,strategy:d}=E.current,l=n?.offsetDistance,m=n?.edgePadding??8,u=r?.size||0,p=t||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,n||{}),{actualPlacement:g,autoStrategy:y}=c(f,d,o),S="center"===g?"top":g,D=await e(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)},[]);n(()=>{if(!u||!h?.current)return;h.current.offsetHeight,x();const e=l??b.current;let r=()=>{};return r=t(e,h.current,x,{ancestorResize:!0,ancestorScroll:!0,animationFrame:!1,elementResize:!0}),()=>{r()}},[u,l,x])};export{l as usePopoverPositioning};

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

@@ -1 +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};
+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,popoverContainerRef:j,preventCloseOnClickElements:E=[],preventScrollOnCloseFocus:h=!1,strategy:R="absolute",...g},y)=>{const w=c||!!n,S=o({additionalClassNames:s,component:"POPOVER"}),{handleInnerRef:D,isClosing:P,isVisible:x,popoverRef:V}=l({animationExitDuration:p,disableAnimations:w,disableAutoFocusFirstDescendant:d,disableAutoFocusFirstDescendantAfterClose:m,disableRestoreFocusAfterClose:b,disableScrollBackground:f,open:O,popoverContainerRef:j,preventScrollOnCloseFocus:h});return i({ref:V,trapFocus:!v&&x}),r({disableClickOverlayClose:u,disableEscapeClose:C,isVisible:x,onClose:k,popoverRef:V,preventCloseOnClickElements:E}),a({anchorElement:n,arrowStyles:g.arrowStyles,isVisible:x,middlewareOptions:F,middlewares:A,placement:g.placement,ref:V,strategy:R}),/* @__PURE__ */e.jsx(t,{ref:y,...g,anchorElement:!!n,cssClasses:S,disableAnimations:w,isClosing:P,isVisible:x,middlewareOptions:F,popoverContainerRef:D,strategy:R})});export{n as Popover};

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

@@ -1,10 +1 @@
-/**
- * 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';
+@import "./popover.css";@import "./popover-arrow.css";