@kubit-ui-web/react-components 2.0.0-beta.47 → 2.0.0-beta.49

package/dist/cjs/components/inputSignature/inputSignatureStandAlone.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("react/jsx-runtime"),e=require("react"),s=require("../text/text.js"),r=require("../../lib/types/states/states.js"),a=require("../../lib/utils/pickCustomAttributes/pickCustomAttributes.js"),i=require("../../lib/utils/process/processCommonProp.js"),o=e.forwardRef(({canvasRef:e,cssClasses:o,errorText:n,onBlurContainer:u,onClickContainer:c,placeholder:l,state:d,...p},x)=>{const S=d===r.STATES.DEFAULT||d===r.STATES.ERROR||d===r.STATES.DISABLED,T=d===r.STATES.ERROR&&n?n:l,b={"data-state":d},m=p["data-testid"]||"input-signature",A=a.pickCustomAttributes(p),C=a.pickCustomAttributes(b);return t.jsxs("div",{ref:x,className:o?.input_signature,"data-testid":m,role:"button",tabIndex:-1,onBlur:u,onClick:c,onKeyDown:c,...C,...A,children:[t.jsx("canvas",{ref:e,className:o?.canvas,"data-testid":`${m}-canvas`,...C}),S&&t.jsx("div",{className:o?.placeholdercontainer,...C,children:t.jsx(s.Text,{additionalClasses:{text:o?.placeholdertext},customAttributes:b,...i.processTextProp(T)})})]})});exports.InputSignatureStandAlone=o;
+const e=require(`../../lib/utils/pickCustomAttributes/pickCustomAttributes.js`),t=require(`../text/text2.js`),n=require(`../../lib/utils/process/processCommonProp.js`),r=require(`../../lib/types/states/states.js`);let i=require(`react`),a=require(`react/jsx-runtime`);const o=(0,i.forwardRef)(({canvasRef:i,cssClasses:o,errorText:s,onBlurContainer:c,onClickContainer:l,placeholder:u,state:d,...f},p)=>{let m=d===r.STATES.DEFAULT||d===r.STATES.ERROR||d===r.STATES.DISABLED,h=d===r.STATES.ERROR&&s?s:u,g={"data-state":d},_=f[`data-testid`]||`input-signature`,v=e.pickCustomAttributes(f),y=e.pickCustomAttributes(g);return(0,a.jsxs)(`div`,{ref:p,className:o?.input_signature,"data-testid":_,role:`button`,tabIndex:-1,onBlur:c,onClick:l,onKeyDown:l,...y,...v,children:[(0,a.jsx)(`canvas`,{ref:i,className:o?.canvas,"data-testid":`${_}-canvas`,...y}),m&&(0,a.jsx)(`div`,{className:o?.placeholdercontainer,...y,children:(0,a.jsx)(t.Text,{additionalClasses:{text:o?.placeholdertext},customAttributes:g,...n.processTextProp(h)})})]})});exports.InputSignatureStandAlone=o;

package/dist/cjs/components/inputSignature/inputSignatureUncontrolled.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),t=require("react"),r=require("./hook/useDraw.js"),n=require("./inputSignatureControlled.js"),u=require("./utils/getInputSignatureState.js"),a=t.forwardRef(({disabled:a,error:s,onChange:i,...o},l)=>{const g=t.useRef(null),{canvasRef:S,filled:p,resetCanvas:c,setSignatureStyles:d}=r.useDraw(i),[f,C]=t.useState(!1),I=u.getInputSignatureState({active:f,disabled:a,error:s,filled:p});return t.useImperativeHandle(l,()=>({get InputSignature(){return g.current},get reset(){return c}})),e.jsx(n.InputSignatureControlled,{ref:g,canvasRef:S,setSignatureStyles:d,onBlurContainer:()=>{C(!1)},onClickContainer:e=>{a||(e.stopPropagation(),C(!0),e.currentTarget.focus())},...o,state:I})});exports.InputSignature=a,exports.InputSignatureUnControlled=a;
+const e=require(`./inputSignatureControlled.js`),t=require(`./hook/useDraw.js`),n=require(`./utils/getInputSignatureState.js`);let r=require(`react`),i=require(`react/jsx-runtime`);const a=(0,r.forwardRef)(({disabled:a,error:o,onChange:s,...c},l)=>{let u=(0,r.useRef)(null),{canvasRef:d,filled:f,resetCanvas:p,setSignatureStyles:m}=t.useDraw(s),[h,g]=(0,r.useState)(!1),_=n.getInputSignatureState({active:h,disabled:a,error:o,filled:f});return(0,r.useImperativeHandle)(l,()=>({get InputSignature(){return u.current},get reset(){return p}})),(0,i.jsx)(e.InputSignatureControlled,{ref:u,canvasRef:d,setSignatureStyles:m,onBlurContainer:()=>{g(!1)},onClickContainer:e=>{a||(e.stopPropagation(),g(!0),e.currentTarget.focus())},...c,state:_})});exports.InputSignatureUnControlled=a;

package/dist/cjs/components/inputSignature/utils/getInputSignatureState.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("../../../lib/types/states/states.js");exports.getInputSignatureState=({active:t,disabled:S,error:T,filled:r})=>S?e.STATES.DISABLED:T?e.STATES.ERROR:t?e.STATES.ACTIVE:r?e.STATES.FILLED:e.STATES.DEFAULT;
+const e=require(`../../../lib/types/states/states.js`);exports.getInputSignatureState=({active:t,disabled:n,error:r,filled:i})=>n?e.STATES.DISABLED:r?e.STATES.ERROR:t?e.STATES.ACTIVE:i?e.STATES.FILLED:e.STATES.DEFAULT;

package/dist/cjs/components/label/labelStandAlone.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),t=require("react"),r=require("../text/text.js"),s=t.forwardRef(({asteriskColor:s,asteriskCssClasses:i,asteriskWeight:a,children:o,color:l,cursor:d,customAttributes:n,id:c,inputId:u,required:x,requiredSymbol:b,textCssClasses:h,weight:p,...m},g)=>{const C=`label-${t.useId().replace(/:/g,"")}`,q=c??C,j=m["data-testid"]||"label";return e.jsxs(r.Text,{ref:g,additionalClasses:{text:h},color:l,component:"label",cursor:d,customAttributes:n,"data-testid":j,htmlFor:u,id:q,weight:p,children:[o,x&&e.jsx(r.Text,{additionalClasses:{text:i},"aria-hidden":!0,color:s,component:"span","data-testid":`${j}Required`,weight:a,children:b})]})});exports.Label=s,exports.LabelStandAlone=s;
+const e=require(`../text/text2.js`);let t=require(`react`),n=require(`react/jsx-runtime`);const r=(0,t.forwardRef)(({asteriskColor:r,asteriskCssClasses:i,asteriskWeight:a,children:o,color:s,cursor:c,customAttributes:l,id:u,inputId:d,required:f,requiredSymbol:p,textCssClasses:m,weight:h,...g},_)=>{let v=`label-${(0,t.useId)().replace(/:/g,``)}`,y=u??v,b=g[`data-testid`]||`label`;return(0,n.jsxs)(e.Text,{ref:_,additionalClasses:{text:m},color:s,component:`label`,cursor:c,customAttributes:l,"data-testid":b,htmlFor:d,id:y,weight:h,children:[o,f&&(0,n.jsx)(e.Text,{additionalClasses:{text:i},"aria-hidden":!0,color:r,component:`span`,"data-testid":`${b}Required`,weight:a,children:p})]})});exports.LabelStandAlone=r;

package/dist/cjs/components/link/helpers/disabled.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"}),exports.disabledLink=(e,t)=>({role:e&&!t?"link":t});
+exports.disabledLink=(e,t)=>({role:e&&!t?`link`:t});

package/dist/cjs/components/link/link.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),s=require("react"),i=require("../../lib/hooks/useClassName/useClassName.js"),a=require("../../lib/provider/genericComponentsProvider/genericComponentsProvider.js"),n=require("./helpers/disabled.js"),r=require("./linkStandAlone.js"),o=s.forwardRef(({action:s="navigation",additionalClasses:o,additionalTextClasses:t,alignCenter:l=!1,color:d,decoration:c="auto",disabled:u=!1,icon:C,role:m,textVariant:p,variant:b,weight:g,...v},N)=>{const{LINK:j}=a.useGenericComponents(),{role:x}=n.disabledLink(u,m),q=u||void 0,k=i.useClassName({additionalClassNames:o,component:"LINK",variant:`${s}_${b}`}),L=i.useClassName({additionalClassNames:t,component:"TEXT",variant:p});return e.jsx(r.LinkStandAlone,{...v,ref:N,action:s,alignCenter:l,"aria-disabled":q,color:d,component:j,cssClasses:k,cssTextClasses:L,decoration:"inline"===s?"underline":c,disabled:u,icon:C,role:x,weight:g})});exports.Link=o;
+const e=require(`../../lib/provider/genericComponentsProvider/genericComponentsProvider.js`),t=require(`../../lib/hooks/useClassName/useClassName.js`),n=require(`./helpers/disabled.js`),r=require(`./linkStandAlone.js`);let i=require(`react`),a=require(`react/jsx-runtime`);const o=(0,i.forwardRef)(({action:i=`navigation`,additionalClasses:o,additionalTextClasses:s,alignCenter:c=!1,color:l,decoration:u=`auto`,disabled:d=!1,icon:f,role:p,textVariant:m,variant:h,weight:g,..._},v)=>{let{LINK:y}=e.useGenericComponents(),{role:b}=n.disabledLink(d,p),x=d||void 0,S=t.useClassName({additionalClassNames:o,component:`LINK`,variant:`${i}_${h}`}),C=t.useClassName({additionalClassNames:s,component:`TEXT`,variant:m});return(0,a.jsx)(r.LinkStandAlone,{..._,ref:v,action:i,alignCenter:c,"aria-disabled":x,color:l,component:y,cssClasses:S,cssTextClasses:C,decoration:i===`inline`?`underline`:u,disabled:d,icon:f,role:b,weight:g})});exports.Link=o;

package/dist/cjs/components/link/linkAsButton/linkAsButton.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),s=require("react"),a=require("../../../lib/hooks/useClassName/useClassName.js"),t=require("../../../lib/hooks/useManageState/useManageState.js"),n=require("../../../lib/provider/genericComponentsProvider/genericComponentsProvider.js"),i=require("../../../lib/types/states/states.js"),r=require("./linkAsButtonStandAlone.js"),o=s.forwardRef(({additionalSizeClasses:s,additionalVariantClasses:o,disabled:l,size:u,variant:d,...c},m)=>{const C=a.useClassName({component:"LINK_AS_BUTTON"}),p=a.useClassName({additionalClassNames:o,component:"BUTTON",variant:d}),N=a.useClassName({additionalClassNames:s,component:"BUTTON",variant:u}),{LINK:S}=n.useGenericComponents(),{setRef:b}=t.useManageState({disabled:l,ref:m,states:Object.values(i.STATES)});return e.jsx(r.LinkAsButtonStandAlone,{...c,ref:b,component:S,cssLinkAsButtonClasses:C,cssSizeClasses:N,cssVariantClasses:p,disabled:l})});exports.LinkAsButton=o;
+const e=require(`../../../lib/provider/genericComponentsProvider/genericComponentsProvider.js`),t=require(`../../../lib/hooks/useClassName/useClassName.js`),n=require(`../../../lib/types/states/states.js`),r=require(`../../../lib/hooks/useManageState/useManageState.js`),i=require(`./linkAsButtonStandAlone.js`);let a=require(`react`),o=require(`react/jsx-runtime`);const s=(0,a.forwardRef)(({additionalSizeClasses:a,additionalVariantClasses:s,disabled:c,size:l,variant:u,...d},f)=>{let p=t.useClassName({component:`LINK_AS_BUTTON`}),m=t.useClassName({additionalClassNames:s,component:`BUTTON`,variant:u}),h=t.useClassName({additionalClassNames:a,component:`BUTTON`,variant:l}),{LINK:g}=e.useGenericComponents(),{setRef:_}=r.useManageState({disabled:c,ref:f,states:Object.values(n.STATES)});return(0,o.jsx)(i.LinkAsButtonStandAlone,{...d,ref:_,component:g,cssLinkAsButtonClasses:p,cssSizeClasses:h,cssVariantClasses:m,disabled:c})});exports.LinkAsButton=s;

package/dist/cjs/components/link/linkAsButton/linkAsButtonStandAlone.js

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

package/dist/cjs/components/link/linkStandAlone.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),t=require("react"),s=require("../text/text.js"),o=require("../../lib/components/elementOrIcon/elementOrIcon.js"),r=require("../../lib/utils/classNames/classNames.js"),i=require("../../lib/utils/pickCustomAttributes/pickCustomAttributes.js"),n=require("../../lib/components/customComponent/customComponent.js"),l=t.forwardRef(({children:t,color:l,component:c=s.Text,cssClasses:a,cssTextClasses:u,decoration:m,disabled:d,draggable:p,icon:x,iconPosition:b,id:g,onClick:j,rel:C,role:f,target:k,url:h,weight:q,...N},y)=>{const v=d?void 0:j,w=d?void 0:h,A=r.classNames(a?.link,u?.text),O={color:l,flexDirection:"left"===b?"row":"row-reverse",fontWeight:q,textDecoration:m},D={color:l,fontWeight:q,textDecoration:m},I=i.pickCustomAttributes(N);return e.jsx(n.CustomComponent,{ref:y,className:A,component:c,"data-testid":"link",disabled:d,draggable:p,id:g,rel:C,role:f,style:D,target:k,url:w,onClick:v,...I,children:x?e.jsxs("span",{className:a?.labelandiconcontainer,style:O,children:[e.jsx(o.ElementOrIcon,{className:a?.icon,...x},"icon"),t]}):e.jsx("span",{style:O,children:t})})});exports.LinkStandAlone=l;
+const e=require(`../../lib/utils/pickCustomAttributes/pickCustomAttributes.js`),t=require(`../../lib/components/customComponent/customComponent.js`),n=require(`../../lib/utils/classNames/classNames.js`),r=require(`../text/text2.js`),i=require(`../../lib/components/elementOrIcon/elementOrIcon.js`);let a=require(`react`),o=require(`react/jsx-runtime`);const s=(0,a.forwardRef)(({children:a,color:s,component:c=r.Text,cssClasses:l,cssTextClasses:u,decoration:d,disabled:f,draggable:p,icon:m,iconPosition:h,id:g,onClick:_,rel:v,role:y,target:b,url:x,weight:S,...C},w)=>{let T=f?void 0:_,E=f?void 0:x,D=n.classNames(l?.link,u?.text),O={color:s,flexDirection:h===`left`?`row`:`row-reverse`,fontWeight:S,textDecoration:d},k={color:s,fontWeight:S,textDecoration:d},A=e.pickCustomAttributes(C);return(0,o.jsx)(t.CustomComponent,{ref:w,className:D,component:c,"data-testid":`link`,disabled:f,draggable:p,id:g,rel:v,role:y,style:k,target:b,url:E,onClick:T,...A,children:m?(0,o.jsxs)(`span`,{className:l?.labelandiconcontainer,style:O,children:[(0,o.jsx)(i.ElementOrIcon,{className:l?.icon,...m},`icon`),a]}):(0,o.jsx)(`span`,{style:O,children:a})})});exports.LinkStandAlone=s;

package/dist/cjs/components/listOptions/listOptions.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const s=require("react/jsx-runtime"),e=require("react"),t=require("../../lib/hooks/useClassName/useClassName.js"),a=require("./listOptionsStandAlone.js"),r=e.forwardRef(({additionalClasses:e,variant:r,...i},o)=>{const n=t.useClassName({additionalClassNames:e,component:"LIST_OPTIONS",variant:r});return s.jsx(a.ListOptionsStandAlone,{...i,ref:o,cssClasses:n})});exports.ListOptions=r;
+const e=require(`../../lib/hooks/useClassName/useClassName.js`),t=require(`./listOptionsStandAlone.js`);let n=require(`react`),r=require(`react/jsx-runtime`);const i=(0,n.forwardRef)(({additionalClasses:n,variant:i,...a},o)=>{let s=e.useClassName({additionalClassNames:n,component:`LIST_OPTIONS`,variant:i});return(0,r.jsx)(t.ListOptionsStandAlone,{...a,ref:o,cssClasses:s})});exports.ListOptions=i;

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

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

package/dist/cjs/components/listOptions/utils/listOptions.utils.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"}),exports.getOptionVariant=(e,o,t)=>e&&o?o:t||"",exports.isSelected=(e,o,t,a)=>null!=o&&void 0!==e.value&&(t?Boolean(Array.isArray(o)&&o.includes(e.value)):a?Boolean(o===e.value):Boolean(o.toLocaleString().toLocaleLowerCase()===e.value.toLocaleString().toLocaleLowerCase())),exports.keyDownMove=e=>o=>{let t=Math.max(o,0);return o+1<=e.length-1&&(t+=1),t},exports.keyUpMove=e=>{let o=Math.max(e,0);return e>0&&(o-=1),o};
+exports.getOptionVariant=(e,t,n)=>e&&t?t:n||``,exports.isSelected=(e,t,n,r)=>t!=null&&e.value!==void 0?n?!!(Array.isArray(t)&&t.includes(e.value)):r?t===e.value:t.toLocaleString().toLocaleLowerCase()===e.value.toLocaleString().toLocaleLowerCase():!1,exports.keyDownMove=e=>t=>{let n=Math.max(t,0);return t+1<=e.length-1&&(n+=1),n},exports.keyUpMove=e=>{let t=Math.max(e,0);return e>0&&--t,t};

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

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),s=require("../../text/text.js"),t=require("../../../lib/components/elementOrIcon/elementOrIcon.js"),n=require("../../../lib/hooks/useMediaDevice/useActiveBreakpoints.js"),o=require("../../../lib/utils/process/processCommonProp.js"),i=require("../../button/button.js");exports.ModalHeader=({blocked:r,closeButton:c,closeIcon:a,cssClasses:l,dragIcon:d,title:u,titleIdFinal:m})=>{const{isMobileOrTablet:x}=n.useActiveBreakpoints();return e.jsxs("div",{className:l?.headercontainer,"data-modal-header":!0,children:[x&&!r&&!!d&&e.jsx("div",{className:l?.dragiconcontainer,"data-modal-draggable-icon":!0,children:e.jsx(t.ElementOrIcon,{className:l?.dragicon,...o.processIconProp(d)})}),e.jsxs("div",{className:l?.headercontentcontainer,children:[!r&&!!a&&e.jsx("div",{className:l?.closebuttoncontainer,children:e.jsx(t.ElementOrIcon,{className:l?.closebuttonicon,...o.processIconProp(a)})}),!r&&!!c?.content&&!!c?.variant&&e.jsx(i.Button,{...c,variant:c?.variant,children:c?.content}),(void 0===u?.visible||u.visible)&&e.jsx("div",{className:l?.titlecontainer,children:e.jsx(s.Text,{additionalClasses:{text:l?.title},component:"h1",id:m,...o.processTextProp(u)})}),!1===u?.visible&&e.jsx("span",{className:l?.titlehiddencontainer,id:m,children:o.processTextProp(u).children}),!r&&!!a&&e.jsx("div",{className:l?.closebuttoncontainer,children:e.jsx("span",{className:l?.closebuttonicon})})]})]})};
+const e=require(`../../text/text2.js`),t=require(`../../../lib/utils/process/processCommonProp.js`),n=require(`../../../lib/components/elementOrIcon/elementOrIcon.js`),r=require(`../../button/button.js`),i=require(`../../../lib/hooks/useMediaDevice/useActiveBreakpoints.js`);let a=require(`react/jsx-runtime`);exports.ModalHeader=({blocked:o,closeButton:s,closeIcon:c,cssClasses:l,dragIcon:u,title:d,titleIdFinal:f})=>{let{isMobileOrTablet:p}=i.useActiveBreakpoints();return(0,a.jsxs)(`div`,{className:l?.headercontainer,"data-modal-header":!0,children:[p&&!o&&!!u&&(0,a.jsx)(`div`,{className:l?.dragiconcontainer,"data-modal-draggable-icon":!0,children:(0,a.jsx)(n.ElementOrIcon,{className:l?.dragicon,...t.processIconProp(u)})}),(0,a.jsxs)(`div`,{className:l?.headercontentcontainer,children:[!o&&!!c&&(0,a.jsx)(`div`,{className:l?.closebuttoncontainer,children:(0,a.jsx)(n.ElementOrIcon,{className:l?.closebuttonicon,...t.processIconProp(c)})}),!o&&!!s?.content&&!!s?.variant&&(0,a.jsx)(r.Button,{...s,variant:s?.variant,children:s?.content}),(d?.visible===void 0||d.visible)&&(0,a.jsx)(`div`,{className:l?.titlecontainer,children:(0,a.jsx)(e.Text,{additionalClasses:{text:l?.title},component:`h1`,id:f,...t.processTextProp(d)})}),d?.visible===!1&&(0,a.jsx)(`span`,{className:l?.titlehiddencontainer,id:f,children:t.processTextProp(d).children}),!o&&!!c&&(0,a.jsx)(`div`,{className:l?.closebuttoncontainer,children:(0,a.jsx)(`span`,{className:l?.closebuttonicon})})]})]})};

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

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

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

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

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

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const o=require("react/jsx-runtime"),e=require("react"),r=require("../../lib/utils/process/processCommonProp.js"),s=require("../../lib/constants/keyboardKeys/keyboardKeys.js"),n=require("../../lib/utils/keyboard/keyboard.js"),t=require("./modalControlled.js"),l=e.forwardRef(({closeButton:l,closeIcon:c,onClose:i,open:a,popover:p,variant:u,...d},y)=>{const[k,C]=e.useState(a);e.useEffect(()=>{C(a)},[a]);const b=()=>{C(!1),i?.()};return o.jsx(t.ModalControlled,{...d,ref:y,closeButton:l&&{...l,onClick:o=>{b(),l?.onClick?.(o)}},closeIcon:{...r.processIconProp(c),onClick:o=>{b(),r.processIconProp(c)?.onClick?.(o)}},open:k,popover:{...p},variant:u,onClose:i,onKeyDown:o=>d?.blocked&&n.isKeyPressed(o.key,...s.ESCAPE.key)?o.stopPropagation():null})});exports.Modal=l,exports.ModalUnControlled=l;
+const e=require(`../../lib/utils/process/processCommonProp.js`),t=require(`../../lib/constants/keyboardKeys/keyboardKeys.js`),n=require(`../../lib/utils/keyboard/keyboard.js`),r=require(`./modalControlled.js`);let i=require(`react`),a=require(`react/jsx-runtime`);const o=(0,i.forwardRef)(({closeButton:o,closeIcon:s,onClose:c,open:l,popover:u,variant:d,...f},p)=>{let[m,h]=(0,i.useState)(l),g=e=>f?.blocked&&n.isKeyPressed(e.key,...t.ESCAPE.key)?e.stopPropagation():null;(0,i.useEffect)(()=>{h(l)},[l]);let _=()=>{h(!1),c?.()},v=t=>{_(),e.processIconProp(s)?.onClick?.(t)},y=e=>{_(),o?.onClick?.(e)};return(0,a.jsx)(r.ModalControlled,{...f,ref:p,closeButton:o&&{...o,onClick:y},closeIcon:{...e.processIconProp(s),onClick:v},open:m,popover:{...u},variant:d,onClose:c,onKeyDown:g})});exports.ModalUnControlled=o;

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

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("../../../lib/types/breakpoints/breakpoints.js");exports.onlyDesktopSize=(t,o)=>e.DeviceBreakpointsTypeUtils.isDesktopOrLargeDesktop(t)?o:void 0;
+const e=require(`../../../lib/types/breakpoints/breakpoints.js`);exports.onlyDesktopSize=(t,n)=>e.DeviceBreakpointsTypeUtils.isDesktopOrLargeDesktop(t)?n:void 0;

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

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("react/jsx-runtime"),e=require("../../text/text.js"),s=require("../../../lib/utils/pickCustomAttributes/pickCustomAttributes.js");exports.OptionLabelSlice=({children:r,component:i,cssClasses:u,customAttributes:o,...c})=>{if(!r)return null;const n=s.pickCustomAttributes(c);return t.jsx(e.Text,{additionalClasses:{text:u},component:i,customAttributes:o,...n,children:r})};
+const e=require(`../../../lib/utils/pickCustomAttributes/pickCustomAttributes.js`),t=require(`../../text/text2.js`);let n=require(`react/jsx-runtime`);exports.OptionLabelSlice=({children:r,component:i,cssClasses:a,customAttributes:o,...s})=>{if(!r)return null;let c=e.pickCustomAttributes(s);return(0,n.jsx)(t.Text,{additionalClasses:{text:a},component:i,customAttributes:o,...c,children:r})};

package/dist/cjs/components/option/option.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),s=require("react"),o=require("../../lib/hooks/useClassName/useClassName.js"),r=require("../../lib/provider/genericComponentsProvider/genericComponentsProvider.js"),n=require("./optionStandAlone.js"),t=s.forwardRef(({additionalClasses:t,focus:a,onBlur:u,onFocus:i,variant:c,...l},d)=>{const p=o.useClassName({additionalClassNames:t,component:"OPTION",variant:c}),{LINK:m}=r.useGenericComponents(),f=s.useRef(),[v,C]=s.useState(!1),[j,N]=s.useState(!1);return s.useImperativeHandle(d,()=>f.current,[]),s.useEffect(()=>{a&&f.current?.focus()},[a]),e.jsx(n.OptionStandAlone,{...l,ref:f,componentLink:m,cssClasses:p,focus:j,hover:v,onBlur:e=>{u?.(e),N(!1)},onFocus:e=>{i?.(e),N(!0)},onMouseEnter:()=>C(!0),onMouseLeave:()=>C(!1)})});exports.Option=t;
+const e=require(`../../lib/provider/genericComponentsProvider/genericComponentsProvider.js`),t=require(`../../lib/hooks/useClassName/useClassName.js`),n=require(`./optionStandAlone.js`);let r=require(`react`),i=require(`react/jsx-runtime`);const a=(0,r.forwardRef)(({additionalClasses:a,focus:o,onBlur:s,onFocus:c,variant:l,...u},d)=>{let f=t.useClassName({additionalClassNames:a,component:`OPTION`,variant:l}),{LINK:p}=e.useGenericComponents(),m=(0,r.useRef)(),[h,g]=(0,r.useState)(!1),[_,v]=(0,r.useState)(!1);(0,r.useImperativeHandle)(d,()=>m.current,[]),(0,r.useEffect)(()=>{o&&m.current?.focus()},[o]);let y=e=>{c?.(e),v(!0)},b=e=>{s?.(e),v(!1)};return(0,i.jsx)(n.OptionStandAlone,{...u,ref:m,componentLink:p,cssClasses:f,focus:_,hover:h,onBlur:b,onFocus:y,onMouseEnter:()=>g(!0),onMouseLeave:()=>g(!1)})});exports.Option=a;

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

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

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

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("../../../lib/types/states/states.js");exports.getHighlightedIndexes=(e,t)=>{let E=0,S=0;if(t){const T=e.toLocaleLowerCase(),s=t.toLocaleLowerCase();T.includes(s)&&(E=T.indexOf(s),S=E+t.length)}return{firstHighlightedIndex:E,lastHighlightedIndex:S}},exports.getState=(t,E,S,T,s,L)=>t?e.STATES.DISABLED:E?e.STATES.FOCUS:S?T?s?e.STATES.MULTIPLE_SELECTED_HOVER:e.STATES.MULTIPLE_SELECTED:s?e.STATES.SELECTED_HOVER:e.STATES.SELECTED:s?e.STATES.HOVER:L?e.STATES.FILLING:e.STATES.DEFAULT;
+const e=require(`../../../lib/types/states/states.js`);exports.getHighlightedIndexes=(e,t)=>{let n=0,r=0;if(t){let i=e.toLocaleLowerCase(),a=t.toLocaleLowerCase();i.includes(a)&&(n=i.indexOf(a),r=n+t.length)}return{firstHighlightedIndex:n,lastHighlightedIndex:r}},exports.getState=(t,n,r,i,a,o)=>t?e.STATES.DISABLED:n?e.STATES.FOCUS:r?i?a?e.STATES.MULTIPLE_SELECTED_HOVER:e.STATES.MULTIPLE_SELECTED:a?e.STATES.SELECTED_HOVER:e.STATES.SELECTED:a?e.STATES.HOVER:o?e.STATES.FILLING:e.STATES.DEFAULT;

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

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),t=require("../../../lib/components/elementOrIcon/elementOrIcon.js");exports.ArrowControlStandAlone=({cssArrowControlClasses:r,disabled:o=!1,...s})=>{const n={"data-state":o?"inactive":"active"};return e.jsx(t.ElementOrIcon,{className:r?.icon,customAttributes:n,disabled:o,...s})};
+const e=require(`../../../lib/components/elementOrIcon/elementOrIcon.js`);let t=require(`react/jsx-runtime`);exports.ArrowControlStandAlone=({cssArrowControlClasses:n,disabled:r=!1,...i})=>{let a=r?`inactive`:`active`;return(0,t.jsx)(e.ElementOrIcon,{className:n?.icon,customAttributes:{"data-state":a},disabled:r,...i})};

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

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("react/jsx-runtime"),e=require("../../../lib/utils/pickCustomAttributes/pickCustomAttributes.js");exports.ButtonControlStandAlone=({cssPageControlClasses:s,disabled:o=!1,position:r,...i})=>{const u=e.pickCustomAttributes(i);return t.jsx("button",{className:s,disabled:o,type:"button",...i,...u})};
+const e=require(`../../../lib/utils/pickCustomAttributes/pickCustomAttributes.js`);let t=require(`react/jsx-runtime`);exports.ButtonControlStandAlone=({cssPageControlClasses:n,disabled:r=!1,position:i,...a})=>{let o=e.pickCustomAttributes(a);return(0,t.jsx)(`button`,{className:n,disabled:r,type:`button`,...a,...o})};

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

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("react/jsx-runtime"),o=require("../../../lib/utils/pickCustomAttributes/pickCustomAttributes.js"),r=require("../helper/controlType.js"),e=require("./arrowControlStandAlone.js"),s=require("./buttonControlStandAlone.js");exports.Controls=({control:n,cssArrowControlClasses:l,cssPageControlClasses:i,position:c,...a})=>{const u=o.pickCustomAttributes(a),C="left"===c?l?.leftbuttoncontrol:l?.rightbuttoncontrol,p="left"===c?l?.leftarrowcontrolcontainer:l?.rightarrowcontrolcontainer;return t.jsxs(t.Fragment,{children:[n&&!r.isElementOrIconProps(n)&&t.jsx(s.ButtonControlStandAlone,{...n,cssPageControlClasses:C,position:c,...u}),r.isElementOrIconProps(n)&&t.jsx("div",{className:p,children:t.jsx(e.ArrowControlStandAlone,{cssArrowControlClasses:l,...n})})]})};
+const e=require(`../../../lib/utils/pickCustomAttributes/pickCustomAttributes.js`),t=require(`../helper/controlType.js`),n=require(`./arrowControlStandAlone.js`),r=require(`./buttonControlStandAlone.js`);let i=require(`react/jsx-runtime`);exports.Controls=({control:a,cssArrowControlClasses:o,cssPageControlClasses:s,position:c,...l})=>{let u=e.pickCustomAttributes(l),d=c===`left`?o?.leftbuttoncontrol:o?.rightbuttoncontrol,f=c===`left`?o?.leftarrowcontrolcontainer:o?.rightarrowcontrolcontainer;return(0,i.jsxs)(i.Fragment,{children:[a&&!t.isElementOrIconProps(a)&&(0,i.jsx)(r.ButtonControlStandAlone,{...a,cssPageControlClasses:d,position:c,...u}),t.isElementOrIconProps(a)&&(0,i.jsx)(`div`,{className:f,children:(0,i.jsx)(n.ArrowControlStandAlone,{cssArrowControlClasses:o,...a})})]})};

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

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"}),exports.isElementOrIconProps=e=>void 0!==e?.icon;
+exports.isElementOrIconProps=e=>e?.icon!==void 0;

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

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"}),exports.calcFirstLastVisiblePosition=({currentPosition:t,direction:i,dots:e,isBullet:o,pages:s})=>{let r=0,n=r+e-1;return o&&"forth"!==i?s-e<=t?(n=s-1,r=n-(e-1)):(r=t,n=r+e-1):t-e<0?(r=0,n=r+e-1):(n=t,r=n-(e-1)),{firstVisiblePosition:r,lastVisiblePosition:n}},exports.getPositionWithIn=(t,i)=>Math.max(0,Math.min(t,i-1));
+exports.calcFirstLastVisiblePosition=({currentPosition:e,direction:t,dots:n,isBullet:r,pages:i})=>{let a=0,o=a+n-1;return!r||t===`forth`?e-n<0?(a=0,o=a+n-1):(o=e,a=o-(n-1)):i-n<=e?(o=i-1,a=o-(n-1)):(a=e,o=a+n-1),{firstVisiblePosition:a,lastVisiblePosition:o}},exports.getPositionWithIn=(e,t)=>Math.max(0,Math.min(e,t-1));

package/dist/cjs/components/pageControl/pageControl.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const s=require("react/jsx-runtime"),e=require("react"),t=require("../../lib/hooks/useClassName/useClassName.js"),o=require("./helper/positions.js"),i=require("./pageControlStandAlone.js"),r=e.forwardRef(({additionalArrowControlClasses:r,additionalPageControlClasses:a,arrowsControlVariant:n,currentPosition:l,isBullet:u=!1,maxDots:C=5,pages:c,variant:d,...P},m)=>{const g=t.useClassName({additionalClassNames:r,component:"PAGE_CONTROL",variant:n}),p=t.useClassName({additionalClassNames:a,component:"PAGE_CONTROL",variant:d}),b=e.useRef(0),f=e.useMemo(()=>{let s="forth";return l<b.current&&(s="back"),b.current=l,s},[l]),N=c>C?C:c,j=o.getPositionWithIn(l,c),{firstVisiblePosition:A,lastVisiblePosition:V}=o.calcFirstLastVisiblePosition({currentPosition:j,direction:f,dots:N,isBullet:u,pages:c});return s.jsx(i.PageControlStandAlone,{ref:m,cssArrowControlClasses:g,cssPageControlClasses:p,currentPosition:j,dots:N,firstVisiblePosition:A,isBullet:u,lastVisiblePosition:V,pages:0,...P})});exports.PageControl=r;
+const e=require(`../../lib/hooks/useClassName/useClassName.js`),t=require(`./helper/positions.js`),n=require(`./pageControlStandAlone.js`);let r=require(`react`),i=require(`react/jsx-runtime`);const a=(0,r.forwardRef)(({additionalArrowControlClasses:a,additionalPageControlClasses:o,arrowsControlVariant:s,currentPosition:c,isBullet:l=!1,maxDots:u=5,pages:d,variant:f,...p},m)=>{let h=e.useClassName({additionalClassNames:a,component:`PAGE_CONTROL`,variant:s}),g=e.useClassName({additionalClassNames:o,component:`PAGE_CONTROL`,variant:f}),_=(0,r.useRef)(0),v=(0,r.useMemo)(()=>{let e=`forth`;return c<_.current&&(e=`back`),_.current=c,e},[c]),y=d>u?u:d,b=t.getPositionWithIn(c,d),{firstVisiblePosition:x,lastVisiblePosition:S}=t.calcFirstLastVisiblePosition({currentPosition:b,direction:v,dots:y,isBullet:l,pages:d});return(0,i.jsx)(n.PageControlStandAlone,{ref:m,cssArrowControlClasses:h,cssPageControlClasses:g,currentPosition:b,dots:y,firstVisiblePosition:x,isBullet:l,lastVisiblePosition:S,pages:0,...p})});exports.PageControl=a;

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

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

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

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("react/jsx-runtime"),e=require("../../../lib/components/elementOrIcon/elementOrIcon.js"),a=require("../../../lib/utils/classNames/classNames.js");exports.PaginationButtonControl=({cssClasses:o,disabled:i,paginationButtonControl:s,position:n="left"})=>{const r={"data-state":i?"disabled":""};return t.jsx(e.ElementOrIcon,{altText:s?.ariaLabel,"aria-controls":s?.ariaControls,"aria-label":s?.ariaLabel,className:a.classNames({[`${o?.paginationleftarrowicon}`]:"left"===n},{[`${o?.paginationrightarrowicon}`]:"right"===n}),customAttributes:r,disabled:i,icon:s?.icon,onClick:t=>{i||s?.onClick?.(t)}})};
+const e=require(`../../../lib/utils/classNames/classNames.js`),t=require(`../../../lib/components/elementOrIcon/elementOrIcon.js`);let n=require(`react/jsx-runtime`);exports.PaginationButtonControl=({cssClasses:r,disabled:i,paginationButtonControl:a,position:o=`left`})=>{let s=e=>{i||a?.onClick?.(e)},c={"data-state":i?`disabled`:``};return(0,n.jsx)(t.ElementOrIcon,{altText:a?.ariaLabel,"aria-controls":a?.ariaControls,"aria-label":a?.ariaLabel,className:e.classNames({[`${r?.paginationleftarrowicon}`]:o===`left`},{[`${r?.paginationrightarrowicon}`]:o===`right`}),customAttributes:c,disabled:i,icon:a?.icon,onClick:s})};

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

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"}),exports.adjustMaxCountersNumber=({maxStepsNumber:e,propMaxCountersNumber:t})=>{let r;return e<=3?(r=e,r):(r=t||5,e>3&&r<=2&&(r=3),r=Math.min(e,r),r)};
+var e=5;exports.adjustMaxCountersNumber=({maxStepsNumber:t,propMaxCountersNumber:n})=>{let r;return t<=3?(r=t,r):(r=n||e,t>3&&r<=2&&(r=3),r=Math.min(t,r),r)};

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

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=(e,t)=>[...Array(e)].map((e,r)=>t+1+r);exports.buildstepsNumber=(t,r,s)=>{let o=s,a=[],l=[],i=[],c=[],n=t+1;n>=s&&r!==s&&(a=[1,"..."],o--),(r+1-n>=s||n<s&&r-s>=1)&&r!==s&&(l=["...",r],o--);const p=n<=o,u=Math.abs(r-n)<o;if(p)n=1,c=e(o-1,n);else if(u)n=r-o+1,c=e(o-1,n);else{const t=(o-1)/2,r=Math.floor(t),s=Math.ceil(t);i=((e,t)=>[...Array(e)].map((r,s)=>t-(e-s)))(r,n),c=e(s,n)}return[...a,...i,n,...c,...l]};
+var e=(e,t)=>[...Array(e)].map((n,r)=>t-(e-r)),t=(e,t)=>[...Array(e)].map((e,n)=>t+1+n);exports.buildstepsNumber=(n,r,i)=>{let a=i,o=[],s=[],c=[],l=[],u=n+1;u>=i&&r!==i&&(o=[1,`...`],a--),(r+1-u>=i||u<i&&r-i>=1)&&r!==i&&(s=[`...`,r],a--);let d=u<=a,f=Math.abs(r-u)<a;if(d)u=1,l=t(a-1,u);else if(f)u=r-a+1,l=t(a-1,u);else{let n=(a-1)/2,r=Math.floor(n),i=Math.ceil(n);c=e(r,u),l=t(i,u)}return[...o,...c,u,...l,...s]};

package/dist/cjs/components/pagination/pagination.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),s=require("react"),r=require("../../lib/hooks/useClassName/useClassName.js"),a=require("./helpers/adjustMaxCountersNumber.js"),t=require("./helpers/getMaxCountersNumber.js"),u=require("./paginationStandAlone.js"),i=s.forwardRef(({additionalClasses:s,currentStep:i,maxCountersNumber:n,maxStepsNumber:o,variant:m,...l},b)=>{const d=r.useClassName({additionalClassNames:s,component:"PAGINATION",variant:m}),p=Math.max(0,Math.min(i,o-1)),N=a.adjustMaxCountersNumber({maxStepsNumber:o,propMaxCountersNumber:n}),x=t.buildstepsNumber(p,o,N),C=x.indexOf(p+1),c=0===p,j=p===o-1;return e.jsx(u.PaginationStandAlone,{ref:b,cssClasses:d,leftDisabled:c,rightDisabled:j,stepActive:C,stepsNumber:x,...l})});exports.Pagination=i;
+const e=require(`../../lib/hooks/useClassName/useClassName.js`),t=require(`./helpers/adjustMaxCountersNumber.js`),n=require(`./helpers/getMaxCountersNumber.js`),r=require(`./paginationStandAlone.js`);let i=require(`react`),a=require(`react/jsx-runtime`);const o=(0,i.forwardRef)(({additionalClasses:i,currentStep:o,maxCountersNumber:s,maxStepsNumber:c,variant:l,...u},d)=>{let f=e.useClassName({additionalClassNames:i,component:`PAGINATION`,variant:l}),p=Math.max(0,Math.min(o,c-1)),m=n.buildstepsNumber(p,c,t.adjustMaxCountersNumber({maxStepsNumber:c,propMaxCountersNumber:s})),h=m.indexOf(p+1);return(0,a.jsx)(r.PaginationStandAlone,{ref:d,cssClasses:f,leftDisabled:p===0,rightDisabled:p===c-1,stepActive:h,stepsNumber:m,...u})});exports.Pagination=o;

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

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

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

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

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

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("./types.js"),e=({arrowElement:e,arrowX:r,arrowY:o,offset:s="0px",placement:l})=>{if(!e)return;e.setAttribute("data-kbt-placement",l),e.style.top="",e.style.right="",e.style.bottom="",e.style.left="";const a=l.split("-")[0],n=t.ArrowPositions[a];e.style[n]=s,"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)"):null!=o?(e.style.top=`${o}px`,e.style.transform="rotate(45deg)"):(e.style.top="50%",e.style.transform="translateY(-50%) rotate(45deg)")};exports.positionArrow=(t,r,o,s,l,a)=>{if(!t||!o.arrow||!r)return;const{x:n,y:p}=o.arrow;let y=`-${Math.floor(a/2)}px`;l&&void 0!==l[0]&&(y=-Math.abs(l[0]/4)+"px"),e({arrowElement:r,arrowX:n,arrowY:p,offset:y,placement:s})},exports.updateArrowStyles=e;
+const e=require(`./types.js`),t=({arrowElement:t,arrowX:n,arrowY:r,offset:i=`0px`,placement:a})=>{if(!t)return;t.setAttribute(`data-kbt-placement`,a),t.style.top=``,t.style.right=``,t.style.bottom=``,t.style.left=``;let o=a.split(`-`)[0],s=e.ArrowPositions[o];t.style[s]=i,o===`top`||o===`bottom`?n==null?(t.style.left=`50%`,t.style.transform=`translateX(-50%) rotate(45deg)`):(t.style.left=`${n}px`,t.style.transform=`rotate(45deg)`):r==null?(t.style.top=`50%`,t.style.transform=`translateY(-50%) rotate(45deg)`):(t.style.top=`${r}px`,t.style.transform=`rotate(45deg)`)};exports.positionArrow=(e,n,r,i,a,o)=>{if(!e||!r.arrow||!n)return;let{x:s,y:c}=r.arrow,l=`-${Math.floor(o/2)}px`;a&&a[0]!==void 0&&(l=`${-Math.abs(a[0]/4)}px`),t({arrowElement:n,arrowX:s,arrowY:c,offset:l,placement:i})};

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

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

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

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"}),exports.determinePositioningConfig=(t,e,a)=>{if(t){const t="fixed";return a?{actualPlacement:a,autoStrategy:t}:{actualPlacement:"center",autoStrategy:t}}return{actualPlacement:a||"top",autoStrategy:e}};
+exports.determinePositioningConfig=(e,t,n)=>{if(e){let e=`fixed`;return n?{actualPlacement:n,autoStrategy:e}:{actualPlacement:`center`,autoStrategy:e}}return{actualPlacement:n||`top`,autoStrategy:t}};

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

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

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

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"}),exports.ArrowPositions={bottom:"top",left:"right",right:"left",top:"bottom"};
+exports.ArrowPositions={bottom:`top`,left:`right`,right:`left`,top:`bottom`};

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

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

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

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

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

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

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

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

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

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