@kubit-ui-web/react-components 2.0.0-beta.27 → 2.0.0-beta.29

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

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,o,a)=>e&&o?o:a||"",exports.isSelected=(e,o,a,t)=>null!=o&&void 0!==e.value&&(a?Boolean(Array.isArray(o)&&o.includes(e.value)):t?Boolean(o===e.value):Boolean(o.toLocaleString().toLocaleLowerCase()===e.value.toLocaleString().toLocaleLowerCase())),exports.keyDownMove=e=>o=>{let a=Math.max(o,0);return o+1<=e.length-1&&(a+=1),a},exports.keyUpMove=e=>{let o=Math.max(e,0);return e>0&&(o-=1),o};

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"),s=require("../../../lib/utils/process/processCommonProp.js"),n=require("../../../lib/components/elementOrIcon/elementOrIcon.js"),t=require("../../button/button.js"),o=require("../../../lib/hooks/useMediaDevice/useActiveBreakpoints.js");let i=require("react/jsx-runtime");exports.ModalHeader=({blocked:c,closeButton:r,closeIcon:a,cssClasses:l,dragIcon:d,title:m,titleIdFinal:u})=>{const{isMobileOrTablet:x}=o.useActiveBreakpoints();return(0,i.jsxs)("div",{className:l?.headercontainer,"data-modal-header":!0,children:[x&&!c&&!!d&&(0,i.jsx)("div",{className:l?.dragiconcontainer,"data-modal-draggable-icon":!0,children:(0,i.jsx)(n.ElementOrIcon,{className:l?.dragicon,...s.processIconProp(d)})}),(0,i.jsxs)("div",{className:l?.headercontentcontainer,children:[!c&&!!a&&(0,i.jsx)("div",{className:l?.closebuttoncontainer,children:(0,i.jsx)(n.ElementOrIcon,{className:l?.closebuttonicon,...s.processIconProp(a)})}),!c&&!!r?.content&&!!r?.variant&&(0,i.jsx)(t.Button,{...r,variant:r?.variant,children:r?.content}),(void 0===m?.visible||m.visible)&&(0,i.jsx)("div",{className:l?.titlecontainer,children:(0,i.jsx)(e.Text,{additionalClasses:{text:l?.title},component:"h1",id:u,...s.processTextProp(m)})}),!1===m?.visible&&(0,i.jsx)("span",{className:l?.titlehiddencontainer,id:u,children:s.processTextProp(m).children}),!c&&!!a&&(0,i.jsx)("div",{className:l?.closebuttoncontainer,children:(0,i.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:S,popover:b,portalId:p,variant:C,...q},h)=>{const j=r.useClassName({additionalClassNames:d,component:"MODAL",variant:C}),y=l.useMediaDevice(),w=o.useRef(null),{scrollableRef:D,shadowRef:m}=n.useScrollEffect({shadowStyles:"none"}),{handleContentVisibility:v}=s.useContentVisibility({}),{setDragIconRef:R}=a.useSwipeDown({onClose:S}),{handleScrollDetection:k,hasScroll:M}=t.useScrollDetection({autoFocus:!f}),g=o.useCallback(e=>{w.current=e,i.syncInnerAndForwardedRef({forwardedRef:h,innerRef:w});const o=w.current?.querySelector("[data-modal-header]"),r=w.current?.querySelector("[data-modal-content]"),s=w.current?.querySelector("[data-modal-draggable-icon]");m(o),v({container:w.current,content:r}),D(r),k(r),s&&R(s)},[]),x=e.jsx(u.ModalStandAlone,{...q,ref:g,contentHasScroll:M,cssClasses:j,device:y,popover:{...b},onPopoverCloseInternally:()=>{S?.()}});return p?e.jsx(c.Portal,{wrapperId:p,children:x}):x});exports.ModalControlled=d;
+const e=require("../../lib/hooks/useClassName/useClassName.js"),o=require("../../lib/hooks/useContentVisibility/useContentVisibility.js"),r=require("../../lib/hooks/useMediaDevice/useMediaDevice.js"),s=require("../../lib/hooks/useScrollDetection/useScrollDetection.js"),l=require("../../lib/hooks/useScrollEffect/useScrollEffect.js"),t=require("../../lib/hooks/useSwipeDown/useSwipeDown.js"),n=require("../../lib/utils/refs/syncRefs.js"),a=require("../portal/portal.js"),i=require("./modalStandAlone.js");let c=require("react"),u=require("react/jsx-runtime");const d=(0,c.forwardRef)(({additionalClasses:d,disableFocusableContent:f=!1,onClose:p,popover:S,portalId:C,variant:b,...h},q)=>{const j=e.useClassName({additionalClassNames:d,component:"MODAL",variant:b}),w=r.useMediaDevice(),D=(0,c.useRef)(null),{scrollableRef:v,shadowRef:y}=l.useScrollEffect({shadowStyles:"none"}),{handleContentVisibility:R}=o.useContentVisibility({}),{setDragIconRef:m,setPopoverRef:k}=t.useSwipeDown({handleClose:p}),{handleScrollDetection:M,hasScroll:I}=s.useScrollDetection({autoFocus:!f}),x=(0,c.useCallback)(e=>{D.current=e,n.syncInnerAndForwardedRef({forwardedRef:q,innerRef:D});const o=D.current?.querySelector("[data-modal-header]"),r=D.current?.querySelector("[data-modal-content]"),s=D.current?.querySelector("[data-modal-draggable-icon]");y(o),R({container:D.current,content:r}),v(r),M(r),s&&m(s)},[]),A=(0,u.jsx)(i.ModalStandAlone,{...h,ref:x,contentHasScroll:I,cssClasses:j,device:w,popover:{...S,popoverContainerRef:k},onPopoverCloseInternally:()=>{p?.()}});return C?(0,u.jsx)(a.Portal,{wrapperId:C,children:A}):A});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"),o=require("../../lib/components/overlay/overlay.js"),l=require("../popover/popover.js"),t=require("./fragments/modalHeader.js"),a=require("./utils/onlyDesktopSize.js");let i=require("react"),s=require("react/jsx-runtime");const r=(0,i.forwardRef)(({blocked:r,closeButton:n,closeIcon:d,content:c,contentContainer:m,contentHasScroll:p,contentScrollArias:v,cssClasses:u,customHeightAllDevices:b=!1,customWidthAllDevices:h=!1,device:y,dragIcon:g,footer:x,id:j,maxHeight:C,maxWidth:H,minContentHeight:I,minHeight:f,minWidth:q,onKeyDown:k,onPopoverCloseInternally:D,open:S,popover:W,title:A,...P},z)=>{const N=`modal-${(0,i.useId)().replace(/:/g,"")}`,$=j??N,w=`modal-title-${(0,i.useId)().replace(/:/g,"")}`,B=e.processTextProp(A).id??w,F=P["data-testid"]||"modal";return(0,s.jsx)(l.Popover,{"aria-labelledby":B,"aria-modal":S,component:"div",disableClickOverlayClose:r,disableEscapeClose:r,disableTrapFocus:!1,id:$,open:S,overlay:(0,s.jsx)(o.Overlay,{}),role:"dialog",strategy:"fixed",onClose:D,...W,children:(0,s.jsxs)("div",{ref:z,className:u?.modal,"data-testid":F,style:{maxHeight:C,maxWidth:H,minHeight:b?f:a.onlyDesktopSize(y,f),minWidth:h?q:a.onlyDesktopSize(y,q)},children:[(0,s.jsx)(t.ModalHeader,{blocked:r,closeButton:n,closeIcon:d,cssClasses:u,device:y,dragIcon:g,title:A,titleIdFinal:B}),(0,s.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":`${F}-content`,role:p?"region":void 0,style:{minHeight:I},...p?{tabIndex:0}:{},...m,children:c}),!!x&&(0,s.jsx)("div",{className:u?.footer,children:x})]})})});exports.ModalStandAlone=r;

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 o=require("../../lib/utils/process/processCommonProp.js"),e=require("../../lib/constants/keyboardKeys/keyboardKeys.js"),r=require("../../lib/utils/keyboard/keyboard.js"),s=require("./modalControlled.js");let n=require("react"),l=require("react/jsx-runtime");const t=(0,n.forwardRef)(({closeButton:t,closeIcon:c,onClose:i,open:a,popover:p,variant:u,...d},k)=>{const[C,y]=(0,n.useState)(a);(0,n.useEffect)(()=>{y(a)},[a]);const b=()=>{y(!1),i?.()};return(0,l.jsx)(s.ModalControlled,{...d,ref:k,closeButton:t&&{...t,onClick:o=>{b(),t?.onClick?.(o)}},closeIcon:{...o.processIconProp(c),onClick:e=>{b(),o.processIconProp(c)?.onClick?.(e)}},open:C,popover:{...p},variant:u,onClose:i,onKeyDown:o=>d?.blocked&&r.isKeyPressed(o.key,...e.ESCAPE.key)?o.stopPropagation():null})});exports.ModalUnControlled=t;

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=(s,i)=>e.DeviceBreakpointsTypeUtils.isDesktopOrLargeDesktop(s)?i: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 t=require("../../../lib/utils/pickCustomAttributes/pickCustomAttributes.js"),e=require("../../text/text2.js");let s=require("react/jsx-runtime");exports.OptionLabelSlice=({children:i,component:r,cssClasses:u,customAttributes:c,...n})=>{if(!i)return null;const o=t.pickCustomAttributes(n);return(0,s.jsx)(e.Text,{additionalClasses:{text:u},component:r,customAttributes:c,...o,children:i})};

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);s.useImperativeHandle(d,()=>f.current,[]),s.useEffect(()=>{a&&f.current?.focus()},[a]);return 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/hooks/useClassName/useClassName.js"),s=require("../../lib/provider/genericComponentsProvider/genericComponentsProvider.js"),o=require("./optionStandAlone.js");let n=require("react"),r=require("react/jsx-runtime");const t=(0,n.forwardRef)(({additionalClasses:t,focus:a,onBlur:u,onFocus:i,variant:c,...l},d)=>{const m=e.useClassName({additionalClassNames:t,component:"OPTION",variant:c}),{LINK:p}=s.useGenericComponents(),f=(0,n.useRef)(),[C,v]=(0,n.useState)(!1),[N,j]=(0,n.useState)(!1);return(0,n.useImperativeHandle)(d,()=>f.current,[]),(0,n.useEffect)(()=>{a&&f.current?.focus()},[a]),(0,r.jsx)(o.OptionStandAlone,{...l,ref:f,componentLink:p,cssClasses:m,focus:N,hover:C,onBlur:e=>{u?.(e),j(!1)},onFocus:e=>{i?.(e),j(!0)},onMouseEnter:()=>v(!0),onMouseLeave:()=>v(!1)})});exports.Option=t;

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

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,E)=>{let S=0,T=0;if(E){const t=e.toLocaleLowerCase(),s=E.toLocaleLowerCase();t.includes(s)&&(S=t.indexOf(s),T=S+E.length)}return{firstHighlightedIndex:S,lastHighlightedIndex:T}},exports.getState=(E,S,T,t,s,L)=>E?e.STATES.DISABLED:S?e.STATES.FOCUS:T?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;

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:r,disabled:s=!1,...n})=>{const o=s?"inactive":"active";return(0,t.jsx)(e.ElementOrIcon,{className:r?.icon,customAttributes:{"data-state":o},disabled:s,...n})};

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 t=require("../../../lib/utils/pickCustomAttributes/pickCustomAttributes.js");let s=require("react/jsx-runtime");exports.ButtonControlStandAlone=({cssPageControlClasses:e,disabled:o=!1,position:i,...r})=>{const u=t.pickCustomAttributes(r);return(0,s.jsx)("button",{className:e,disabled:o,type:"button",...r,...u})};

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 o=require("../../../lib/utils/pickCustomAttributes/pickCustomAttributes.js"),t=require("../helper/controlType.js"),r=require("./arrowControlStandAlone.js"),s=require("./buttonControlStandAlone.js");let e=require("react/jsx-runtime");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(0,e.jsxs)(e.Fragment,{children:[n&&!t.isElementOrIconProps(n)&&(0,e.jsx)(s.ButtonControlStandAlone,{...n,cssPageControlClasses:C,position:c,...u}),t.isElementOrIconProps(n)&&(0,e.jsx)("div",{className:p,children:(0,e.jsx)(r.ArrowControlStandAlone,{cssArrowControlClasses:l,...n})})]})};

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=o=>void 0!==o?.icon;

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

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 t=require("../../lib/utils/pickCustomAttributes/pickCustomAttributes.js"),s=require("./components/controls.js");let o=require("react"),e=require("react/jsx-runtime");const i=(0,o.forwardRef)(({cssArrowControlClasses:o,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(0,e.jsx)("div",{ref:g,className:i?.page_control,"data-testid":m,children:a>0&&(0,e.jsxs)(e.Fragment,{children:[(0,e.jsx)(s.Controls,{control:d,cssArrowControlClasses:o,cssPageControlClasses:i,currentPosition:r,"data-testid":`${m}-left-control`,dots:a,firstVisiblePosition:l,lastVisiblePosition:c,pages:u,position:"left"}),(0,e.jsxs)("div",{className:i?.dotscontainer,children:[n&&l>0&&(0,e.jsx)("div",{...t.pickCustomAttributes({"data-state":"last"}),className:i?.pagedot}),[...Array(a)].map((s,o)=>{const a=o+l,n=a===r?"current":"default";return(0,e.jsx)("div",{...t.pickCustomAttributes({"data-state":n}),className:i?.pagedot},`Dot-middle--${a}`)}),n&&(c??0)<(u??0)-1&&(0,e.jsx)("div",{...t.pickCustomAttributes({"data-state":"last"}),className:i?.pagedot})]}),(0,e.jsx)(s.Controls,{control:C,cssArrowControlClasses:o,cssPageControlClasses:i,currentPosition:r,"data-testid":`${m}-right-control`,dots:a,firstVisiblePosition:l,lastVisiblePosition:c,pages:u,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 a=require("../../../lib/utils/classNames/classNames.js"),t=require("../../../lib/components/elementOrIcon/elementOrIcon.js");let e=require("react/jsx-runtime");exports.PaginationButtonControl=({cssClasses:i,disabled:s,paginationButtonControl:n,position:o="left"})=>{const r={"data-state":s?"disabled":""};return(0,e.jsx)(t.ElementOrIcon,{altText:n?.ariaLabel,"aria-controls":n?.ariaControls,"aria-label":n?.ariaLabel,className:a.classNames({[`${i?.paginationleftarrowicon}`]:"left"===o},{[`${i?.paginationrightarrowicon}`]:"right"===o}),customAttributes:r,disabled:s,icon:n?.icon,onClick:a=>{s||n?.onClick?.(a)}})};

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)};
+exports.adjustMaxCountersNumber=({maxStepsNumber:e,propMaxCountersNumber:r})=>{let t;return e<=3?(t=e,t):(t=r||5,e>3&&t<=2&&(t=3),t=Math.min(e,t),t)};

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

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"),s=require("./helpers/adjustMaxCountersNumber.js"),a=require("./helpers/getMaxCountersNumber.js"),r=require("./paginationStandAlone.js");let t=require("react"),n=require("react/jsx-runtime");const u=(0,t.forwardRef)(({additionalClasses:t,currentStep:u,maxCountersNumber:i,maxStepsNumber:o,variant:m,...l},N)=>{const b=e.useClassName({additionalClassNames:t,component:"PAGINATION",variant:m}),d=Math.max(0,Math.min(u,o-1)),p=a.buildstepsNumber(d,o,s.adjustMaxCountersNumber({maxStepsNumber:o,propMaxCountersNumber:i})),x=p.indexOf(d+1);return(0,n.jsx)(r.PaginationStandAlone,{ref:N,cssClasses:b,leftDisabled:0===d,rightDisabled:d===o-1,stepActive:x,stepsNumber:p,...l})});exports.Pagination=u;

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

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;if("top"===a||"bottom"===a){null!=r?(e.style.left=`${r}px`,e.style.transform="rotate(45deg)"):(e.style.left="50%",e.style.transform="translateX(-50%) rotate(45deg)")}else{null!=o?(e.style.top=`${o}px`,e.style.transform="rotate(45deg)"):(e.style.top="50%",e.style.transform="translateY(-50%) rotate(45deg)")}};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 t=require("./types.js");exports.positionArrow=(e,r,o,s,l,a)=>{if(!e||!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"),(({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)")})({arrowElement:r,arrowX:n,arrowY:p,offset:y,placement:s})};

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");exports.calculateMainAxisOffset=({arrowSize:e,hasArrow:t,offsetDistance:i})=>"number"==typeof i?.[0]?i[0]:t?e:0,exports.getMiddlewareStack=({arrowElement:i,customMiddlewares:s,edgePadding:a,hideWhenDetached:r,isBodyAnchor:n,mainAxisOffset:d,offsetDistance:o,placement:h})=>{let c=[];return c=s?.length?[...s]:n?((i,s)=>{const a=e.getPlacementDirection(i),r=[];return"center"===a?r.push((0,t.shift)({crossAxis:!0,mainAxis:!0,padding:s})):a.startsWith("right")||a.startsWith("left")?r.push((0,t.offset)({alignmentAxis:0,mainAxis:0})):(a.startsWith("bottom")||a.startsWith("top"))&&r.push((0,t.offset)({mainAxis:0})),r})(h,a):((e,i,s)=>{const a=[];return a.push((0,t.offset)({crossAxis:i?.[1]||0,mainAxis:e})),a.push((0,t.flip)({fallbackAxisSideDirection:"start",padding:s})),a.push((0,t.shift)({padding:s})),a})(d,o,a),(({arrowElement:e,edgePadding:i,hideWhenDetached:s,isBodyAnchor:a,middlewareStack:r})=>{!a&&s&&r.push((0,t.hide)()),e&&r.push((0,t.arrow)({element:e,padding:i}))})({arrowElement:i,edgePadding:a,hideWhenDetached:r,isBodyAnchor:n,middlewareStack:c}),c};

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";if(!a){return{actualPlacement:"center",autoStrategy:t}}if("center"===a){return{actualPlacement:a,autoStrategy:t}}return{actualPlacement:a,autoStrategy:t}}return{actualPlacement:a||"top",autoStrategy:e}};
+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}};

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

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;if(u.current?.contains(s))return;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"),s=require("../../../lib/utils/keyboard/keyboard.js"),t=require("../../../lib/hooks/useClickOutside/useClickOutside.js");let r=require("react");exports.usePopoverInteractions=({disableClickOverlayClose:o=!1,disableEscapeClose:i=!1,isVisible:n,onClose:l,popoverRef:u,preventCloseOnClickElements:a=[]})=>{const c=(0,r.useMemo)(()=>a.filter(Boolean),[a]),d=(0,r.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),(0,r.useEffect)(()=>{if(!n)return;const t=t=>{s.isKeyPressed(t.key,...e.ESCAPE.key)&&(t.preventDefault(),t.stopPropagation(),i||l?.())};return document.addEventListener("keydown",t),()=>{document.removeEventListener("keydown",t)}},[i,n,l]),{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"),r=require("../../../lib/utils/refs/syncRefs.js"),l=require("../../../lib/utils/focusHandlers/focusHandlers.js"),n=require("../../../lib/hooks/useSwipeDown/utils/convertDurationToNumber.js");let s=require("react");exports.usePopoverLifecycle=({animationExitDuration:u=200,disableAnimations:o,disableAutoFocusFirstDescendant:t=!1,disableAutoFocusFirstDescendantAfterClose:c=!0,disableRestoreFocusAfterClose:i=!1,disableScrollBackground:a=!1,open:f=!1,popoverContainerRef:d,preventScrollOnCloseFocus:b=!1})=>{const m=(0,s.useRef)(null),k=(0,s.useRef)(!1),R=(0,s.useRef)(null),S=(0,s.useRef)(null),[p,C]=(0,s.useState)(f),[v,w]=(0,s.useState)(!1),F=n.convertDurationToNumber(u),{allowScroll:D,blockScroll:A}=e.useScrollBlock(),q=(0,s.useCallback)(()=>{!t&&m.current&&l.focusFirstDescendant({element:m.current,preventScroll:!0})},[t]),T=(0,s.useCallback)(()=>{i?c||l.focusFirstDescendant({element:document.body}):S.current?.focus({preventScroll:b})},[i,b,c]);(0,s.useEffect)(()=>{f&&(S.current=document.activeElement,C(!0),w(!1))},[f]),(0,s.useEffect)(()=>(!f&&p&&(o?(T(),C(!1),w(!1)):(w(!0),R.current=window.setTimeout(()=>{T(),C(!1),w(!1)},F))),()=>{null!==R.current&&(window.clearTimeout(R.current),R.current=null)}),[f,p,o,F,T]);const j=(0,s.useCallback)(e=>{m.current=e,q(),a&&!k.current&&(k.current=!0,A({elementsToOmit:[m.current]}))},[A,q,a]),y=(0,s.useCallback)(()=>{k.current&&D(),m.current=null},[D]);return{handleInnerRef:(0,s.useCallback)(e=>{e?j(e):y(),r.syncInnerAndForwardedRef({forwardedRef:d,innerRef:m})},[d,y,j]),isClosing:v,isVisible:p,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;m.current.offsetHeight,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"),r=require("./positioning/positionCalculation.js"),n=require("./positioning/positionStyles.js");let a=require("react"),i=require("@floating-ui/dom");exports.usePopoverPositioning=({anchorElement:s,arrowStyles:o,isVisible:c,middlewareOptions:d={},middlewares:l=[],placement:u,ref:m,strategy:f})=>{const{edgePadding:p=0,hideWhenDetached:w,offsetDistance:g}=d,y=(0,a.useRef)(document.body),h=(0,a.useRef)(null),b=(0,a.useRef)({anchorElement:s,arrowStyles:o,isVisible:c,middlewareOptions:{edgePadding:p,hideWhenDetached:w,offsetDistance:g},middlewares:l,placement:u,ref:m,strategy:f});(0,a.useEffect)(()=>{b.current={anchorElement:s,arrowStyles:o,isVisible:c,middlewareOptions:{edgePadding:p,hideWhenDetached:w,offsetDistance:g},middlewares:l,placement:u,ref:m,strategy:f}},[s,u,g,p,w,l,f,c,m,o]);const S=(0,a.useCallback)(()=>m?.current&&c&&o?(h.current=m.current.querySelector('[data-kbt-id="popover-arrow"]'),h.current):null,[m,c,o]);(0,a.useEffect)(()=>{const e=()=>{!S()&&c&&o&&m?.current&&requestAnimationFrame(e)};e()},[S,c,o]);const P=(0,a.useCallback)((e,t)=>e&&t?.current&&document.body.contains(t.current),[]),k=(0,a.useCallback)((t,r,a,i,s,c,d,l,u,m,f,p,w,g=[],y=[])=>{t?.current&&(n.applyPositionStyles({edgePadding:d,hasCustomMiddlewares:g.length>0,isBodyAnchor:r,middlewareStack:y,placement:a,ref:t,strategy:c,x:i,y:s}),r||t.current.setAttribute("data-kbt-placement",m),e.positionArrow(!!o,l,u,m,f,p),w?.())},[o]),D=(0,a.useCallback)((e,r,n,a,i,s,c)=>{const d=t.calculateMainAxisOffset({arrowSize:r,hasArrow:!!o,offsetDistance:e}),l=h.current;return{arrowElement:l,middlewareStack:t.getMiddlewareStack({arrowElement:l,customMiddlewares:s,edgePadding:a,hideWhenDetached:c?.hideWhenDetached,isBodyAnchor:n,mainAxisOffset:d,offsetDistance:e,placement:i})}},[o]),E=(0,a.useCallback)((e,t,r,n,a,i,s,o,c,d,l,u,m,f=[],p=[])=>{const w=t.hide?.referenceHidden||t.hide?.escaped;e.current&&(e.current.style.opacity=w?"0":"",e.current.style.pointerEvents=w?"none":""),w||k(e,r,n,a,i,s,o,c,t,d,l,u,m,f,p)},[k]),C=(0,a.useCallback)(async()=>{const{anchorElement:e,arrowStyles:t,middlewareOptions:n,middlewares:a,onPositioned:s,placement:o,ref:c,strategy:d}=b.current,l=n?.offsetDistance,u=n?.edgePadding??8,m=t?.size||0,f=e||y.current;if(!c?.current||!P(f,c))return;const p=f===document.body,{arrowElement:w,middlewareStack:g}=D(l,m,p,u,o,a,n||{}),{actualPlacement:h,autoStrategy:S}=r.determinePositioningConfig(p,d,o),{middlewareData:k,placement:C,x:q,y:A}=await(0,i.computePosition)(f,c.current,{middleware:g,placement:"center"===h?"top":h,strategy:S});E(c,k,p,h,q,A,d,u,w,C,l,m,s,a,g)},[]);(0,a.useEffect)(()=>{if(!c||!m?.current)return;C();const e=s??y.current;let t=()=>{};return t=(0,i.autoUpdate)(e,m.current,C,{ancestorResize:!0,ancestorScroll:!0,animationFrame:!1,elementResize:!0}),()=>{t()}},[c,s,C])};

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

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

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

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});exports.DEFAULT_PLACEMENT="center";
+exports.DEFAULT_PLACEMENT="center";

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

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("../types/animation.js");exports.getPlacementDirection=e=>e?e.startsWith("top")?"top":e.startsWith("bottom")?"bottom":e.startsWith("left")?"left":e.startsWith("right")?"right":t.DEFAULT_PLACEMENT:t.DEFAULT_PLACEMENT;
+const t=require("../types/animation.js");exports.getPlacementDirection=s=>s?s.startsWith("top")?"top":s.startsWith("bottom")?"bottom":s.startsWith("left")?"left":s.startsWith("right")?"right":t.DEFAULT_PLACEMENT:t.DEFAULT_PLACEMENT;

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

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const r=require("./placement.utils.js"),e={bottom:r=>({borderLeft:r,borderTop:r}),left:r=>({borderRight:r,borderTop:r}),right:r=>({borderBottom:r,borderLeft:r}),top:r=>({borderBottom:r,borderRight:r})};exports.getArrowBorderStyles=(o,t)=>{if(!t)return{};const i={"--arrow-size":`${t.size}px`,backgroundColor:t.backgroundColor,height:`${t.size}px`,width:`${t.size}px`};if(t.border){const b=r.getPlacementDirection(o),d=e[b];d&&Object.assign(i,d(t.border))}return i};
+const r=require("./placement.utils.js");var e={bottom:r=>({borderLeft:r,borderTop:r}),left:r=>({borderRight:r,borderTop:r}),right:r=>({borderBottom:r,borderLeft:r}),top:r=>({borderBottom:r,borderRight:r})};exports.getArrowBorderStyles=(o,t)=>{if(!t)return{};const i={"--arrow-size":`${t.size}px`,backgroundColor:t.backgroundColor,height:`${t.size}px`,width:`${t.size}px`};if(t.border){const b=e[r.getPlacementDirection(o)];b&&Object.assign(i,b(t.border))}return i};

package/dist/cjs/components/portal/portal.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react-dom");exports.Portal=({children:t,wrapperId:r})=>{let o=document.body;return r&&(o=document.getElementById(r),o||(o=(e=>{const t=document.createElement("div");return t.setAttribute("id",e),document.body.appendChild(t),t})(r))),e.createPortal(t,o)};
+let e=require("react-dom");exports.Portal=({children:t,wrapperId:r})=>{let d=document.body;return r&&(d=document.getElementById(r),d||(d=(e=>{const t=document.createElement("div");return t.setAttribute("id",e),document.body.appendChild(t),t})(r))),(0,e.createPortal)(t,d)};

package/dist/cjs/components/progressBar/progressBar.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const s=require("react/jsx-runtime"),e=require("react"),a=require("../../lib/hooks/useClassName/useClassName.js"),r=require("./progressBarStandAlone.js"),t=e.forwardRef(({additionalSizeClasses:e,additionalVariantClasses:t,percentProgressCompleted:o,size:i,variant:n,...l},d)=>{const m=a.useClassName({additionalClassNames:t,component:"PROGRESS_BAR",variant:n}),u=a.useClassName({additionalClassNames:e,component:"PROGRESS_BAR",variant:i}),C=o?Math.min(Math.max(o,0),100):0;return s.jsx(r.ProgressBarStandalone,{...l,ref:d,cssSizeClasses:u,cssVariantClasses:m,progressCompleted:C})});exports.ProgressBar=t;
+const s=require("../../lib/hooks/useClassName/useClassName.js"),e=require("./progressBarStandAlone.js");let a=require("react"),r=require("react/jsx-runtime");const t=(0,a.forwardRef)(({additionalSizeClasses:a,additionalVariantClasses:t,percentProgressCompleted:n,size:o,variant:i,...l},d)=>{const m=s.useClassName({additionalClassNames:t,component:"PROGRESS_BAR",variant:i}),C=s.useClassName({additionalClassNames:a,component:"PROGRESS_BAR",variant:o}),c=n?Math.min(Math.max(n,0),100):0;return(0,r.jsx)(e.ProgressBarStandalone,{...l,ref:d,cssSizeClasses:C,cssVariantClasses:m,progressCompleted:c})});exports.ProgressBar=t;

package/dist/cjs/components/progressBar/progressBarStandAlone.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const r=require("react/jsx-runtime"),s=require("react"),a=require("../../lib/utils/classNames/classNames.js"),e=s.forwardRef(({barAriaLabel:s,color:e,cssSizeClasses:t,cssVariantClasses:i,progressAnimation:o,progressCompleted:l,...n},c)=>{const d=n["data-testid"]||"progress-bar",b={backgroundColor:e?.bar},u={backgroundColor:e?.progressBar,transition:`width ${o?.duration} ${o?.timingFunction}`,width:`${l}%`};return r.jsx("div",{ref:c,className:i?.progress_bar,"data-testid":`${d}-progressbar`,children:r.jsxs("div",{className:i?.barcontainer,children:[r.jsx("div",{"aria-label":s,"aria-valuemax":100,"aria-valuemin":0,"aria-valuenow":l,className:a.classNames(t?.bar,i?.bar),"data-testid":d,role:"progressbar",style:b}),r.jsx("div",{className:a.classNames(t?.progressbar,i?.progressbar),style:u})]})})});exports.ProgressBarStandalone=e;
+const s=require("../../lib/utils/classNames/classNames.js");let a=require("react"),r=require("react/jsx-runtime");const e=(0,a.forwardRef)(({barAriaLabel:a,color:e,cssSizeClasses:i,cssVariantClasses:t,progressAnimation:o,progressCompleted:l,...n},c)=>{const d=n["data-testid"]||"progress-bar",b={backgroundColor:e?.bar},m={backgroundColor:e?.progressBar,transition:`width ${o?.duration} ${o?.timingFunction}`,width:`${l}%`};return(0,r.jsx)("div",{ref:c,className:t?.progress_bar,"data-testid":`${d}-progressbar`,children:(0,r.jsxs)("div",{className:t?.barcontainer,children:[(0,r.jsx)("div",{"aria-label":a,"aria-valuemax":100,"aria-valuemin":0,"aria-valuenow":l,className:s.classNames(i?.bar,t?.bar),"data-testid":d,role:"progressbar",style:b}),(0,r.jsx)("div",{className:s.classNames(i?.progressbar,t?.progressbar),style:m})]})})});exports.ProgressBarStandalone=e;

package/dist/cjs/components/radioButton/radioButton.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),s=require("../../lib/hooks/useClassName/useClassName.js"),t=require("./radioButtonStandAlone.js"),a=require("./utils/state.utils.js");exports.RadioButton=({additionalClasses:r,checked:o=!1,cssClasses:i,disabled:l=!1,error:n=!1,variant:d,...u})=>{const c=s.useClassName({additionalClassNames:r,component:"RADIO_BUTTON",variant:d}),m=a.getState(o,l,n);return e.jsx(t.RadioButtonStandAlone,{cssClasses:i??c,state:m,...u,checked:o,disabled:l,error:n})};
+const s=require("../../lib/hooks/useClassName/useClassName.js"),e=require("./radioButtonStandAlone.js"),a=require("./utils/state.utils.js");let t=require("react/jsx-runtime");exports.RadioButton=({additionalClasses:r,checked:i=!1,cssClasses:o,disabled:l=!1,error:n=!1,variant:d,...u})=>{const c=s.useClassName({additionalClassNames:r,component:"RADIO_BUTTON",variant:d}),C=a.getState(i,l,n);return(0,t.jsx)(e.RadioButtonStandAlone,{cssClasses:o??c,state:C,...u,checked:i,disabled:l,error:n})};

package/dist/cjs/components/radioButton/radioButtonStandAlone.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),s=require("react"),r=require("../label/labelStandAlone.js"),a=require("../text/text.js"),t=require("../../lib/components/elementOrIcon/elementOrIcon.js"),i=require("../../lib/utils/classNames/classNames.js"),l=require("../../lib/utils/pickCustomAttributes/pickCustomAttributes.js"),o=require("../../lib/utils/process/processCommonProp.js"),n=require("./utils/aria.utils.js");exports.RadioButtonStandAlone=({altVariant:d=!1,checked:c,cssClasses:u,disabled:b,error:p,errorAriaLiveType:m,errorIcon:x,errorMessage:j,id:h,label:g,lastChild:v,name:I,onBlur:C,onChange:N,screenReaderId:y,state:A,subTitle:T,tabIndex:q,value:P,...k})=>{let f=`radiobutton-${s.useId().replace(/:/g,"")}`;f=h??f;const B=o.processTextProp(T).id&&`${f}__description`,S=j&&`${f}__error`,$={"data-state":A},_=l.pickCustomAttributes($),M=k["data-testid"]??"radio-button";return e.jsxs("div",{className:u?.rowcontainer,"data-testid":M,..._,style:{display:g?"grid":"block",marginBottom:v?0:void 0},children:[e.jsx("div",{..._,className:u?.radiobuttoncontainer,children:e.jsx("input",{"aria-describedby":n.buildAriaLabelledBy({descriptionId:B,error:p,errorMessage:j,errorMessageId:S,screenReaderId:y}),"aria-hidden":k["aria-hidden"],"aria-label":k["aria-label"],"aria-labelledby":k["aria-labelledby"],checked:c,className:i.classNames(u?.radio_button,{"global-focus-visible":!!d}),"data-testid":`${M}-input`,disabled:b,id:f,name:I,tabIndex:q,type:"radio",value:P,onBlur:C,onChange:N,..._})}),e.jsxs("div",{className:u?.infocontainer,children:[!!g?.content&&e.jsx("div",{className:u?.labelcontainer,children:e.jsx(r.LabelStandAlone,{cursor:b?"default":"pointer",customAttributes:$,inputId:f,textCssClasses:i.classNames(u?.label,{[`${u?.speciallabel}`]:!!T}),...g,children:g?.content})}),!!o.processTextProp(T).children&&("string"==typeof o.processTextProp(T)?e.jsx(a.Text,{additionalClasses:{text:u?.sublabel},...o.processTextProp(T),id:B}):e.jsx("div",{id:B,children:o.processTextProp(T).children})),!(!p||!j)&&e.jsx("div",{"aria-live":m,className:u?.errormessagecontainer,id:S,..._,children:e.jsxs(a.Text,{additionalClasses:{text:u?.errormessage},customAttributes:$,children:[!!x&&e.jsx("span",{..._,className:u?.errormessageiconcontainer,children:e.jsx(t.ElementOrIcon,{className:u?.errormessageicon,customAttributes:$,...o.processIconProp(x)})}),j]})})]})]})};
+const e=require("../../lib/utils/pickCustomAttributes/pickCustomAttributes.js"),s=require("../../lib/utils/classNames/classNames.js"),r=require("../text/text2.js"),a=require("../../lib/utils/process/processCommonProp.js"),t=require("../../lib/components/elementOrIcon/elementOrIcon.js"),i=require("../label/labelStandAlone.js"),l=require("./utils/aria.utils.js");let o=require("react"),n=require("react/jsx-runtime");exports.RadioButtonStandAlone=({altVariant:d=!1,checked:c,cssClasses:u,disabled:b,error:m,errorAriaLiveType:p,errorIcon:x,errorMessage:j,id:h,label:g,lastChild:I,name:v,onBlur:C,onChange:N,screenReaderId:A,state:q,subTitle:y,tabIndex:T,value:P,...k})=>{let B=`radiobutton-${(0,o.useId)().replace(/:/g,"")}`;B=h??B;const $=a.processTextProp(y).id&&`${B}__description`,_=j&&`${B}__error`,f={"data-state":q},L=e.pickCustomAttributes(f),M=k["data-testid"]??"radio-button";return(0,n.jsxs)("div",{className:u?.rowcontainer,"data-testid":M,...L,style:{display:g?"grid":"block",marginBottom:I?0:void 0},children:[(0,n.jsx)("div",{...L,className:u?.radiobuttoncontainer,children:(0,n.jsx)("input",{"aria-describedby":l.buildAriaLabelledBy({descriptionId:$,error:m,errorMessage:j,errorMessageId:_,screenReaderId:A}),"aria-hidden":k["aria-hidden"],"aria-label":k["aria-label"],"aria-labelledby":k["aria-labelledby"],checked:c,className:s.classNames(u?.radio_button,{"global-focus-visible":!!d}),"data-testid":`${M}-input`,disabled:b,id:B,name:v,tabIndex:T,type:"radio",value:P,onBlur:C,onChange:N,...L})}),(0,n.jsxs)("div",{className:u?.infocontainer,children:[!!g?.content&&(0,n.jsx)("div",{className:u?.labelcontainer,children:(0,n.jsx)(i.LabelStandAlone,{cursor:b?"default":"pointer",customAttributes:f,inputId:B,textCssClasses:s.classNames(u?.label,{[`${u?.speciallabel}`]:!!y}),...g,children:g?.content})}),!!a.processTextProp(y).children&&("string"==typeof a.processTextProp(y)?(0,n.jsx)(r.Text,{additionalClasses:{text:u?.sublabel},...a.processTextProp(y),id:$}):(0,n.jsx)("div",{id:$,children:a.processTextProp(y).children})),!(!m||!j)&&(0,n.jsx)("div",{"aria-live":p,className:u?.errormessagecontainer,id:_,...L,children:(0,n.jsxs)(r.Text,{additionalClasses:{text:u?.errormessage},customAttributes:f,children:[!!x&&(0,n.jsx)("span",{...L,className:u?.errormessageiconcontainer,children:(0,n.jsx)(t.ElementOrIcon,{className:u?.errormessageicon,customAttributes:f,...a.processIconProp(x)})}),j]})})]})]})};

package/dist/cjs/components/radioButton/utils/aria.utils.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});exports.buildAriaLabelledBy=({descriptionId:e,error:r,errorMessage:t,errorMessageId:o,screenReaderId:s})=>{let d="";e&&(d+=`${e}`),s&&(d+=` ${s}`),t&&r&&(d+=` ${o}`);const i=d.trim();return i.length>0?i:void 0};
+exports.buildAriaLabelledBy=({descriptionId:e,error:r,errorMessage:d,errorMessageId:s,screenReaderId:o})=>{let t="";e&&(t+=`${e}`),o&&(t+=` ${o}`),d&&r&&(t+=` ${s}`);const i=t.trim();return i.length>0?i:void 0};

package/dist/cjs/components/radioButton/utils/state.utils.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const E=require("../../../lib/types/states/states.js");exports.getState=(S=!1,t=!1,e=!1)=>{const T=e,s=t,r=S;return T&&!r?E.STATES.ERROR:T&&r?E.STATES.ERROR_SELECTED:s&&!r?E.STATES.DISABLED:s&&r?E.STATES.DISABLED_SELECTED:r?E.STATES.SELECTED:E.STATES.DEFAULT};
+const E=require("../../../lib/types/states/states.js");exports.getState=(S=!1,T=!1,t=!1)=>{const e=t,s=T,A=S;return e&&!A?E.STATES.ERROR:e&&A?E.STATES.ERROR_SELECTED:s&&!A?E.STATES.DISABLED:s&&A?E.STATES.DISABLED_SELECTED:A?E.STATES.SELECTED:E.STATES.DEFAULT};

package/dist/cjs/components/select/selectControlled.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),s=require("react"),r=require("../../lib/constants/keyboardKeys/keyboardKeys.js"),o=require("../../lib/hooks/useClassName/useClassName.js"),t=require("../../lib/provider/genericComponentsProvider/genericComponentsProvider.js"),n=require("../../lib/utils/keyboard/keyboard.js"),i=require("../../lib/utils/focusHandlers/focusHandlers.js"),l=require("./selectStandAlone.js"),a=s.forwardRef(({additionalClasses:a,closePopoverOnScroll:u,listOptions:c,onClosePopover:d,open:p,url:f,variant:m,...y},C)=>{const{LINK:v}=t.useGenericComponents(),b=o.useClassName({additionalClassNames:a,component:"SELECT",variant:m}),j=s.useRef(null);return s.useEffect(()=>{if(u)return window.addEventListener("scroll",d),()=>{window.removeEventListener("scroll",d)}},[u,d]),e.jsx(l.SelectStandAlone,{ref:C,component:f?v:"button",cssClasses:b,listOptions:c,listOptionsRef:j,open:p,onButtonKeyDown:e=>{p&&n.isKeyPressed(e.key,r.TAB.key)&&!e.shiftKey&&j.current&&("selection"===c.type?j.current.firstElementChild?.focus():i.focusFirstDescendant({element:j.current}),e.preventDefault())},onClosePopover:d,...y})});exports.SelectControlled=a;
+const e=require("../../lib/hooks/useClassName/useClassName.js"),s=require("../../lib/provider/genericComponentsProvider/genericComponentsProvider.js"),r=require("../../lib/constants/keyboardKeys/keyboardKeys.js"),o=require("../../lib/utils/keyboard/keyboard.js"),n=require("../../lib/utils/focusHandlers/focusHandlers.js"),t=require("./selectStandAlone.js");let i=require("react"),l=require("react/jsx-runtime");const a=(0,i.forwardRef)(({additionalClasses:a,closePopoverOnScroll:u,listOptions:c,onClosePopover:d,open:p,url:f,variant:C,...m},v)=>{const{LINK:y}=s.useGenericComponents(),b=e.useClassName({additionalClassNames:a,component:"SELECT",variant:C}),j=(0,i.useRef)(null);return(0,i.useEffect)(()=>{if(u)return window.addEventListener("scroll",d),()=>{window.removeEventListener("scroll",d)}},[u,d]),(0,l.jsx)(t.SelectStandAlone,{ref:v,component:f?y:"button",cssClasses:b,listOptions:c,listOptionsRef:j,open:p,onButtonKeyDown:e=>{p&&o.isKeyPressed(e.key,r.TAB.key)&&!e.shiftKey&&j.current&&("selection"===c.type?j.current.firstElementChild?.focus():n.focusFirstDescendant({element:j.current}),e.preventDefault())},onClosePopover:d,...m})});exports.SelectControlled=a;

package/dist/cjs/components/select/selectStandAlone.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),o=require("react"),t=require("../text/text.js"),s=require("../../lib/components/elementOrIcon/elementOrIcon.js"),n=require("../../lib/utils/pickCustomAttributes/pickCustomAttributes.js"),i=require("../../lib/utils/process/processCommonProp.js"),r=require("../../lib/components/customComponent/customComponent.js"),l=require("../listOptions/listOptions.js"),a=require("../listOptions/utils/listOptions.utils.js"),c=require("../popover/popover.js"),p=o.forwardRef(({buttonOrLinkRef:p,component:u,cssClasses:d,icon:m,label:b,listOptions:v,listOptionsRef:x,onBlur:C,onButtonClick:k,onButtonKeyDown:y,onClosePopover:j,onFocus:O,onKeyDown:h,onOptionClick:f,open:M,optionSelected:g,popover:D,url:q,urlTarget:F,...w},A)=>{const I=`select-${o.useId().replace(/:/g,"")}`,P=M?`${I}-list`:void 0,S=w["data-testid"]||"select",T=n.pickCustomAttributes(w),K=o.useMemo(()=>{return{currentFocusSelected:-1,keyDownMove:a.keyDownMove(v.options),keyLeftMove:0,keyRightMove:0,keyTabMove:(e=v.options,(o,t)=>{if(t?.shiftKey){const e=Math.max(o,0)-1;return e>=0&&t?.preventDefault(),Math.max(e,0)}const s=Math.max(o,0)+1;return s<=e.length-1&&t?.preventDefault(),Math.min(s,e.length-1)}),keyUpMove:a.keyUpMove,size:v.options.length};var e},[v.options]);return e.jsxs("div",{ref:A,className:d?.select,"data-testid":S,role:"combobox",onBlur:C,onFocus:O,onKeyDown:h,...T,"aria-controls":"select-list","aria-expanded":M,tabIndex:0,children:[e.jsxs(r.CustomComponent,{ref:p,"aria-controls":P,"aria-expanded":M,"aria-haspopup":"listbox",className:d?.buttonorlinkcontainer,component:u,target:q?F:void 0,type:q?void 0:"button",url:q,onClick:k,onKeyDown:y,children:[e.jsx(t.Text,{additionalClasses:{text:M?d?.labelopened:d?.labelclosed},component:"span",...i.processTextProp(b)}),e.jsx(s.ElementOrIcon,{className:M?d?.iconopened:d?.iconclosed,rotate:M?"180deg":"0deg",transitionDuration:"0.2s",...i.processIconProp(m)})]}),!!D&&e.jsx(c.Popover,{anchorElement:p?.current,component:"div",disableAutoFocusFirstDescendant:!0,disableAutoFocusFirstDescendantAfterClose:!0,disableClickOverlayClose:!1,disableEscapeClose:!1,disableTrapFocus:!0,id:P,open:M,placement:"bottom",preventCloseOnClickElements:[p?.current],strategy:"absolute",...D,onClose:()=>{j(),D?.onClose?.()},children:e.jsx("div",{className:d?.listoptionscontainer,"data-testid":`${S}-list`,children:!!v.variant&&!!v.optionVariant&&e.jsx(l.ListOptions,{ref:x,roveFocus:"selection"===v.type?K:void 0,selectedValue:g,...v,onOptionClick:e=>{f(e),j()}})})})]})});exports.SelectStandAlone=p;
+const e=require("../../lib/components/customComponent/customComponent.js"),o=require("../../lib/utils/pickCustomAttributes/pickCustomAttributes.js"),t=require("../text/text2.js"),s=require("../../lib/utils/process/processCommonProp.js"),n=require("../../lib/components/elementOrIcon/elementOrIcon.js"),i=require("../listOptions/utils/listOptions.utils.js"),r=require("../listOptions/listOptions.js"),l=require("../popover/popover.js");let a=require("react"),c=require("react/jsx-runtime");const p=(0,a.forwardRef)(({buttonOrLinkRef:p,component:u,cssClasses:d,icon:m,label:v,listOptions:b,listOptionsRef:C,onBlur:x,onButtonClick:k,onButtonKeyDown:j,onClosePopover:y,onFocus:h,onKeyDown:O,onOptionClick:f,open:M,optionSelected:D,popover:g,url:q,urlTarget:F,...w},A)=>{const I=`select-${(0,a.useId)().replace(/:/g,"")}`,K=M?`${I}-list`:void 0,P=w["data-testid"]||"select",T=o.pickCustomAttributes(w),B=(0,a.useMemo)(()=>{return{currentFocusSelected:-1,keyDownMove:i.keyDownMove(b.options),keyLeftMove:0,keyRightMove:0,keyTabMove:(e=b.options,(o,t)=>{if(t?.shiftKey){const e=Math.max(o,0)-1;return e>=0&&t?.preventDefault(),Math.max(e,0)}const s=Math.max(o,0)+1;return s<=e.length-1&&t?.preventDefault(),Math.min(s,e.length-1)}),keyUpMove:i.keyUpMove,size:b.options.length};var e},[b.options]);return(0,c.jsxs)("div",{ref:A,className:d?.select,"data-testid":P,role:"combobox",onBlur:x,onFocus:h,onKeyDown:O,...T,"aria-controls":"select-list","aria-expanded":M,tabIndex:0,children:[(0,c.jsxs)(e.CustomComponent,{ref:p,"aria-controls":K,"aria-expanded":M,"aria-haspopup":"listbox",className:d?.buttonorlinkcontainer,component:u,target:q?F:void 0,type:q?void 0:"button",url:q,onClick:k,onKeyDown:j,children:[(0,c.jsx)(t.Text,{additionalClasses:{text:M?d?.labelopened:d?.labelclosed},component:"span",...s.processTextProp(v)}),(0,c.jsx)(n.ElementOrIcon,{className:M?d?.iconopened:d?.iconclosed,rotate:M?"180deg":"0deg",transitionDuration:"0.2s",...s.processIconProp(m)})]}),!!g&&(0,c.jsx)(l.Popover,{anchorElement:p?.current,component:"div",disableAutoFocusFirstDescendant:!0,disableAutoFocusFirstDescendantAfterClose:!0,disableClickOverlayClose:!1,disableEscapeClose:!1,disableTrapFocus:!0,id:K,open:M,placement:"bottom",preventCloseOnClickElements:[p?.current],strategy:"absolute",...g,onClose:()=>{y(),g?.onClose?.()},children:(0,c.jsx)("div",{className:d?.listoptionscontainer,"data-testid":`${P}-list`,children:!!b.variant&&!!b.optionVariant&&(0,c.jsx)(r.ListOptions,{ref:C,roveFocus:"selection"===b.type?B:void 0,selectedValue:D,...b,onOptionClick:e=>{f(e),y()}})})})]})});exports.SelectStandAlone=p;

package/dist/cjs/components/select/selectUncontrolled.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),t=require("react"),o=require("../../lib/constants/keyboardKeys/keyboardKeys.js"),n=require("./selectControlled.js"),r=t.forwardRef(({defaultOpen:r=!1,defaultOptionSelected:l,onBlur:s,onButtonClick:c,onClosePopover:i,onFocus:u,onOptionClick:d,openAndCloseOnHover:a=!1,...p},f)=>{const[y,C]=t.useState(r),[S,k]=t.useState(l),v=t.useRef(null);t.useEffect(()=>{const e=()=>{document.hidden&&C(!1)};return document.addEventListener("visibilitychange",e),()=>document.removeEventListener("visibilitychange",e)},[]);return e.jsx(n.SelectControlled,{...p,ref:f,buttonOrLinkRef:v,open:y,optionSelected:S,onBlur:e=>{e.currentTarget.contains(e.relatedTarget)||(C(!1),s?.(!1)),a&&(C(!1),s?.(!1))},onButtonClick:()=>{c?.(!y),C(!y)},onClosePopover:()=>{C(!1),i?.(!1)},onFocus:()=>{a&&(C(!0),u?.(!0))},onKeyDown:e=>{o.ESCAPE.key.includes(e.key)&&y&&(v.current?.focus(),C(!1))},onOptionClick:e=>{k(e),d?.(e)}})});exports.Select=r,exports.SelectUnControlled=r;
+const e=require("../../lib/constants/keyboardKeys/keyboardKeys.js"),n=require("./selectControlled.js");let o=require("react"),t=require("react/jsx-runtime");const r=(0,o.forwardRef)(({defaultOpen:r=!1,defaultOptionSelected:l,onBlur:s,onButtonClick:c,onClosePopover:i,onFocus:u,onOptionClick:d,openAndCloseOnHover:a=!1,...C},f)=>{const[p,k]=(0,o.useState)(r),[y,v]=(0,o.useState)(l),S=(0,o.useRef)(null);return(0,o.useEffect)(()=>{const e=()=>{document.hidden&&k(!1)};return document.addEventListener("visibilitychange",e),()=>document.removeEventListener("visibilitychange",e)},[]),(0,t.jsx)(n.SelectControlled,{...C,ref:f,buttonOrLinkRef:S,open:p,optionSelected:y,onBlur:e=>{e.currentTarget.contains(e.relatedTarget)||(k(!1),s?.(!1)),a&&(k(!1),s?.(!1))},onButtonClick:()=>{c?.(!p),k(!p)},onClosePopover:()=>{k(!1),i?.(!1)},onFocus:()=>{a&&(k(!0),u?.(!0))},onKeyDown:n=>{e.ESCAPE.key.includes(n.key)&&p&&(S.current?.focus(),k(!1))},onOptionClick:e=>{v(e),d?.(e)}})});exports.SelectUnControlled=r;

package/dist/cjs/components/selectorBoxFile/components/selectorBoxFileAnimation.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),t=require("react"),i=require("../../../lib/utils/pickCustomAttributes/pickCustomAttributes.js"),a=require("../hooks/useBorderAnimation.js");exports.SelectorBoxFileAnimation=({children:n,cssClasses:s,focus:o,onAnimationCompleted:r,percentage:c,state:m,...l})=>{const{bottomRef:d,leftRef:u,rightRef:f,topRef:p}=a.useBorderAnimation({onAnimationCompleted:r,percentage:c}),j={"data-focus":o,"data-state":m},x=i.pickCustomAttributes({...j}),b=s?.animationcontainer,h=s?.topanimationcontainer,A=s?.rightanimationcontainer,g=s?.bottomanimationcontainer,v=s?.leftanimationcontainer,C=t.Children.map(n,e=>t.isValidElement(e)?t.cloneElement(e,{focus:o}):e);return b?e.jsxs("div",{className:b,"data-focus":o,"data-testid":`${l["data-testid"]}-animations`,...x,children:[!!h&&e.jsx("div",{...x,ref:p,className:h}),!!A&&e.jsx("div",{...x,ref:f,className:A}),!!g&&e.jsx("div",{...x,ref:d,className:g}),!!v&&e.jsx("div",{...x,ref:u,className:v}),e.jsx("div",{...x,className:s.borderanimationcontainer,children:n})]}):e.jsx(e.Fragment,{children:C})};
+const e=require("../../../lib/utils/pickCustomAttributes/pickCustomAttributes.js"),t=require("../hooks/useBorderAnimation.js");let i=require("react"),a=require("react/jsx-runtime");exports.SelectorBoxFileAnimation=({children:n,cssClasses:s,focus:o,onAnimationCompleted:r,percentage:c,state:m,...l})=>{const{bottomRef:d,leftRef:u,rightRef:f,topRef:p}=t.useBorderAnimation({onAnimationCompleted:r,percentage:c}),j=e.pickCustomAttributes({"data-focus":o,"data-state":m}),x=s?.animationcontainer,h=s?.topanimationcontainer,A=s?.rightanimationcontainer,b=s?.bottomanimationcontainer,C=s?.leftanimationcontainer,v=i.Children.map(n,e=>(0,i.isValidElement)(e)?(0,i.cloneElement)(e,{focus:o}):e);return x?(0,a.jsxs)("div",{className:x,"data-focus":o,"data-testid":`${l["data-testid"]}-animations`,...j,children:[!!h&&(0,a.jsx)("div",{...j,ref:p,className:h}),!!A&&(0,a.jsx)("div",{...j,ref:f,className:A}),!!b&&(0,a.jsx)("div",{...j,ref:d,className:b}),!!C&&(0,a.jsx)("div",{...j,ref:u,className:C}),(0,a.jsx)("div",{...j,className:s.borderanimationcontainer,children:n})]}):(0,a.jsx)(a.Fragment,{children:v})};

package/dist/cjs/components/selectorBoxFile/components/selectorBoxFileContainerBox.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/components/elementOrIcon/elementOrIcon.js"),o=require("../../../lib/types/states/states.js"),n=require("../../../lib/utils/pickCustomAttributes/pickCustomAttributes.js"),c=require("../../../lib/utils/process/processCommonProp.js");exports.SelectorBoxFileContainerBox=({containerBoxStateContent:i,cssClasses:r,filename:a,focus:l,htmlFor:p,loader:x,state:u})=>{const m={"data-focus":l,"data-state":u};return t.jsxs("label",{className:r?.containerboxcontainer,"data-focus":l,htmlFor:p,...n.pickCustomAttributes(m),children:[t.jsxs("span",{children:[x,t.jsx(s.ElementOrIcon,{className:r?.containerboxicon,customAttributes:m,...c.processIconProp(i[u]?.icon)}),t.jsx(s.ElementOrIcon,{className:r?.containerboxicon,customAttributes:m,...c.processIconProp(i[u]?.icon)})]}),t.jsxs("span",{className:r?.containerboxtextscontainer,...n.pickCustomAttributes(m),children:[!!a&&[o.STATES.LOADING,o.STATES.SUCCESS,o.STATES.ERROR].includes(u)&&t.jsx(e.Text,{additionalClasses:{text:r?.containerboxfilename},component:"span",customAttributes:m,children:a}),!!c.processTextProp(i[u]?.actionText).children&&t.jsxs("span",{className:r?.actioniconandactiontextcontainer,...n.pickCustomAttributes(m),children:[t.jsx(s.ElementOrIcon,{className:r?.actionicon,customAttributes:m,...c.processIconProp(i[u]?.actionIcon)}),t.jsx(e.Text,{additionalClasses:{text:r?.containerboxactiontext},component:"span",customAttributes:m,...c.processTextProp(i[u]?.actionText),children:c.processTextProp(i[u]?.actionText).children})]}),!!i[u]?.description&&t.jsx(e.Text,{additionalClasses:{text:r?.containerboxdescription},component:"span",customAttributes:m,...c.processTextProp(i[u]?.description),children:c.processTextProp(i[u]?.description).children})]}),!!i[u]?.iconRight&&t.jsx("span",{children:t.jsx(s.ElementOrIcon,{className:r?.containerboxicon,customAttributes:m,...c.processIconProp(i[u]?.iconRight)})})]})};
+const t=require("../../../lib/utils/pickCustomAttributes/pickCustomAttributes.js"),e=require("../../text/text2.js"),s=require("../../../lib/utils/process/processCommonProp.js"),o=require("../../../lib/components/elementOrIcon/elementOrIcon.js"),n=require("../../../lib/types/states/states.js");let c=require("react/jsx-runtime");exports.SelectorBoxFileContainerBox=({containerBoxStateContent:i,cssClasses:r,filename:a,focus:l,htmlFor:x,loader:p,state:u})=>{const m={"data-focus":l,"data-state":u};return(0,c.jsxs)("label",{className:r?.containerboxcontainer,"data-focus":l,htmlFor:x,...t.pickCustomAttributes(m),children:[(0,c.jsxs)("span",{children:[p,(0,c.jsx)(o.ElementOrIcon,{className:r?.containerboxicon,customAttributes:m,...s.processIconProp(i[u]?.icon)}),(0,c.jsx)(o.ElementOrIcon,{className:r?.containerboxicon,customAttributes:m,...s.processIconProp(i[u]?.icon)})]}),(0,c.jsxs)("span",{className:r?.containerboxtextscontainer,...t.pickCustomAttributes(m),children:[!!a&&[n.STATES.LOADING,n.STATES.SUCCESS,n.STATES.ERROR].includes(u)&&(0,c.jsx)(e.Text,{additionalClasses:{text:r?.containerboxfilename},component:"span",customAttributes:m,children:a}),!!s.processTextProp(i[u]?.actionText).children&&(0,c.jsxs)("span",{className:r?.actioniconandactiontextcontainer,...t.pickCustomAttributes(m),children:[(0,c.jsx)(o.ElementOrIcon,{className:r?.actionicon,customAttributes:m,...s.processIconProp(i[u]?.actionIcon)}),(0,c.jsx)(e.Text,{additionalClasses:{text:r?.containerboxactiontext},component:"span",customAttributes:m,...s.processTextProp(i[u]?.actionText),children:s.processTextProp(i[u]?.actionText).children})]}),!!i[u]?.description&&(0,c.jsx)(e.Text,{additionalClasses:{text:r?.containerboxdescription},component:"span",customAttributes:m,...s.processTextProp(i[u]?.description),children:s.processTextProp(i[u]?.description).children})]}),!!i[u]?.iconRight&&(0,c.jsx)("span",{children:(0,c.jsx)(o.ElementOrIcon,{className:r?.containerboxicon,customAttributes:m,...s.processIconProp(i[u]?.iconRight)})})]})};

package/dist/cjs/components/selectorBoxFile/hooks/useBorderAnimation.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react"),t=require("../utils/animation/animation.js"),r="100%",n=(e,t)=>{e&&(e.style.transition="none",e.style[t]="0%",e.style.removeProperty("transition"))};exports.useBorderAnimation=({...i})=>{const s=e.useRef(null),u=e.useRef(null),c=e.useRef(null),a=e.useRef(null),[o,g]=e.useState(!1),[d,l]=e.useState(!1),[h,p]=e.useState(!1);return e.useEffect(()=>{0===i.percentage?(n(s.current,"width"),n(u.current,"height"),n(c.current,"width"),n(a.current,"height"),g(!1),l(!1),p(!1)):i.percentage>0&&(i.percentage>=0&&s?.current&&(s.current.style.width=`${t.getTopBarWith(i.percentage)}%`),o&&i.percentage>25&&u?.current&&(u.current.style.height=`${t.getRightBarHeight(i.percentage)}%`),d&&i.percentage>50&&c?.current&&(c.current.style.width=`${t.getBottomBarWith(i.percentage)}%`),h&&i.percentage>75&&a?.current&&(a.current.style.height=`${t.getLeftBarHeight(i.percentage)}%`))},[i.percentage,o,d,h]),e.useEffect(()=>{const e=()=>{g(s.current?.style.width===r)},t=()=>{l(u.current?.style.height===r)},n=()=>{p(c.current?.style.width===r)},o=()=>{a.current?.style.height===r&&i.onAnimationCompleted?.()};return s.current?.addEventListener("transitionend",e),u.current?.addEventListener("transitionend",t),c.current?.addEventListener("transitionend",n),a.current?.addEventListener("transitionend",o),()=>{s.current?.removeEventListener("transitionend",e),u.current?.removeEventListener("transitionend",t),c.current?.removeEventListener("transitionend",n),a.current?.removeEventListener("transitionend",o)}},[]),{bottomRef:c,leftRef:a,rightRef:u,topRef:s}};
+const e=require("../utils/animation/animation.js");let t=require("react");var r="100%",n=(e,t)=>{e&&(e.style.transition="none",e.style[t]="0%",e.style.removeProperty("transition"))};exports.useBorderAnimation=({...i})=>{const s=(0,t.useRef)(null),u=(0,t.useRef)(null),c=(0,t.useRef)(null),a=(0,t.useRef)(null),[o,g]=(0,t.useState)(!1),[d,h]=(0,t.useState)(!1),[l,p]=(0,t.useState)(!1);return(0,t.useEffect)(()=>{0===i.percentage?(n(s.current,"width"),n(u.current,"height"),n(c.current,"width"),n(a.current,"height"),g(!1),h(!1),p(!1)):i.percentage>0&&(i.percentage>=0&&s?.current&&(s.current.style.width=`${e.getTopBarWith(i.percentage)}%`),o&&i.percentage>25&&u?.current&&(u.current.style.height=`${e.getRightBarHeight(i.percentage)}%`),d&&i.percentage>50&&c?.current&&(c.current.style.width=`${e.getBottomBarWith(i.percentage)}%`),l&&i.percentage>75&&a?.current&&(a.current.style.height=`${e.getLeftBarHeight(i.percentage)}%`))},[i.percentage,o,d,l]),(0,t.useEffect)(()=>{const e=()=>{g(s.current?.style.width===r)},t=()=>{h(u.current?.style.height===r)},n=()=>{p(c.current?.style.width===r)},o=()=>{a.current?.style.height===r&&i.onAnimationCompleted?.()};return s.current?.addEventListener("transitionend",e),u.current?.addEventListener("transitionend",t),c.current?.addEventListener("transitionend",n),a.current?.addEventListener("transitionend",o),()=>{s.current?.removeEventListener("transitionend",e),u.current?.removeEventListener("transitionend",t),c.current?.removeEventListener("transitionend",n),a.current?.removeEventListener("transitionend",o)}},[]),{bottomRef:c,leftRef:a,rightRef:u,topRef:s}};

package/dist/cjs/components/selectorBoxFile/selectorBoxFile.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),s=require("react"),t=require("../../lib/hooks/useClassName/useClassName.js"),r=require("./selectorBoxFileStandAlone.js"),a=require("./utils/state/state.js"),i=s.forwardRef(({additionalClasses:i,disabled:o=!1,error:n=!1,errorFileExtensionMessage:l={content:""},errorMaxSizeMessage:u={content:""},fileExtension:c,loading:d=!1,maxSize:S,onChange:x,onFileError:g,onSizeError:E,percentage:m=0,success:v=!1,variant:C,...f},p)=>{const z=t.useClassName({additionalClassNames:i,component:"SELECTOR_BOX_FILE",variant:C}),[F,j]=s.useState(!1),[q,B]=s.useState({validExtension:!0,validSize:!0});return e.jsx(r.SelectorBoxFileStandAlone,{...f,ref:p,cssClasses:z,focus:F,percentage:m,state:a.getState(d,v,n||!q.validExtension||!q.validSize,o),onBlur:()=>{j(!1)},onChange:e=>{(e=>{if(!e||0===e.length)return;const s=e[0],t=s.size/1024/1024,r=s.type;let a=!0,i=!0;S&&t>S&&(a=!1,E?.(!0)),c&&!c?.some(e=>r.includes(e))&&(i=!1,g?.(!0)),B({validExtension:i,validSize:a})})(e.target.files),x?.(e)},onFocus:()=>{j(!0)}})});exports.SelectorBoxFile=i;
+const e=require("../../lib/hooks/useClassName/useClassName.js"),s=require("./selectorBoxFileStandAlone.js"),t=require("./utils/state/state.js");let a=require("react"),r=require("react/jsx-runtime");const n=(0,a.forwardRef)(({additionalClasses:n,disabled:i=!1,error:o=!1,errorFileExtensionMessage:l={content:""},errorMaxSizeMessage:c={content:""},fileExtension:u,loading:d=!1,maxSize:S,onChange:x,onFileError:g,onSizeError:E,percentage:C=0,success:m=!1,variant:v,...f},z)=>{const F=e.useClassName({additionalClassNames:n,component:"SELECTOR_BOX_FILE",variant:v}),[j,p]=(0,a.useState)(!1),[q,B]=(0,a.useState)({validExtension:!0,validSize:!0});return(0,r.jsx)(s.SelectorBoxFileStandAlone,{...f,ref:z,cssClasses:F,focus:j,percentage:C,state:t.getState(d,m,o||!q.validExtension||!q.validSize,i),onBlur:()=>{p(!1)},onChange:e=>{(e=>{if(!e||0===e.length)return;const s=e[0],t=s.size/1024/1024,a=s.type;let r=!0,n=!0;S&&t>S&&(r=!1,E?.(!0)),u&&!u?.some(e=>a.includes(e))&&(n=!1,g?.(!0)),B({validExtension:n,validSize:r})})(e.target.files),x?.(e)},onFocus:()=>{p(!0)}})});exports.SelectorBoxFile=n;