@kubit-ui-web/react-components 2.0.0-beta.55 → 2.0.0-beta.57

package/CHANGELOG.md

@@ -1,5 +1,17 @@
 # @kubit-ui-web/react-components
 
+## 2.0.0-beta.57
+
+### Major Changes
+
+- Improve stylesprovider props (#69)
+
+## 2.0.0-beta.56
+
+### Major Changes
+
+- Update to react 19 (#68)
+
 ## 2.0.0-beta.55
 
 ### Major Changes

package/dist/cjs/components/carousel/hooks/useCarouselSwipe.js

@@ -1 +1 @@
-const e=require(`../../../lib/hooks/useScrollBlock/useScrollBlock.js`),t=require(`./utils/calc.utils.js`),n=require(`./utils/constants.js`);let r=require(`react`);exports.useCarouselSwipe=({allowShiftRef:i,centerExtremesWhenExtraPadding:a,changePage:o,circular:s,contentContainerRef:c,currentPageRef:l,disabled:u=!1,elements:d,extraPadding:f,numElementsPerPageRef:p,numPagesRef:m,viewerContainerRef:h})=>{let g=(0,r.useRef)(!1),_=(0,r.useRef)(!1),v=(0,r.useRef)(!1),y=(0,r.useRef)(),b=(0,r.useRef)(0),x=(0,r.useRef)(0),S=(0,r.useRef)(0),C=(0,r.useRef)(0),w=(0,r.useCallback)(()=>{i.current&&(s||l.current!==m.current-1)&&o({newPage:l.current+1})},[s,o]),T=(0,r.useCallback)(()=>{i.current&&(s||l.current!==0)&&o({newPage:l.current-1})},[s,o]),{allowScroll:E,blockScroll:D}=e.useScrollBlock(),O=(0,r.useCallback)(e=>{let t=c.current;!t||m.current<=1||(y.current=parseFloat(t.style.left||`0`),e.type===`touchstart`?(b.current=e.touches[0].clientX,S.current=e.touches[0].clientX,C.current=e.touches[0].clientY):(b.current=e.clientX,S.current=e.clientX,C.current=e.clientY),g.current=!0)},[]),k=(0,r.useCallback)(e=>{let r=c.current;if(!r||!g.current||!p?.current||m.current<=1)return;let i,o;e.type===`touchmove`?(x.current=b.current-e.touches[0].clientX,b.current=e.touches[0].clientX,i=e.touches[0].clientX-S.current,o=e.touches[0].clientY-C.current):(x.current=b.current-e.clientX,b.current=e.clientX,i=e.clientX-S.current,o=e.clientY-C.current);let u=parseFloat(r.style.left||`0`)-x.current;if(!_.current&&!v.current&&(Math.abs(i)>n.default.THRESHOLD_TO_DECIDE_IF_ALLOW_DRAGGING?(_.current=!0,D()):Math.abs(o)>n.default.THRESHOLD_TO_DECIDE_IF_ALLOW_DRAGGING&&(v.current=!0)),_.current)if(s&&d.length>p.current)r.style.left=`${u}px`;else{let e=t.default.calcXDistanceBetween2Elements(r.firstChild,r.children[r.children.length-p.current]);if(a)u-f<0&&-u<e-f&&(r.style.left=`${u}px`);else{let t=s?f:0;!s&&f&&l.current===m.current-1&&(t=f*2),u-t<0&&-u<e-t&&(r.style.left=`${u}px`)}}},[D,a,s,d,f]),A=(0,r.useCallback)(()=>{let e=c.current;if(v.current=!1,_.current&&E(),_.current=!1,!e||!g.current||y.current===void 0||m.current<=1)return;g.current=!1;let t=parseFloat(e.style.left||`0`);t-y.current<-n.default.THRESHOLD_TO_DECIDE_IF_SWIPE_ON_DRAG_ENDS?w():t-y.current>n.default.THRESHOLD_TO_DECIDE_IF_SWIPE_ON_DRAG_ENDS?T():e.style.left=`${y.current}px`},[E,w,T]);(0,r.useEffect)(()=>{if(u)return;let e=h.current,t={passive:!0};return e?.addEventListener(`touchstart`,O,t),e?.addEventListener(`touchend`,A,t),e?.addEventListener(`touchmove`,k,t),e?.addEventListener(`mousedown`,O,t),e?.addEventListener(`mouseup`,A,t),e?.addEventListener(`mousemove`,k,t),e?.addEventListener(`mouseleave`,A,t),()=>{e?.removeEventListener(`touchstart`,O,t),e?.removeEventListener(`touchend`,A,t),e?.removeEventListener(`touchmove`,k,t),e?.removeEventListener(`mousedown`,O,t),e?.removeEventListener(`mouseup`,A,t),e?.removeEventListener(`mousemove`,k,t),e?.removeEventListener(`mouseleave`,A,t)}},[O,A,k,u])};
+const e=require(`../../../lib/hooks/useScrollBlock/useScrollBlock.js`),t=require(`./utils/calc.utils.js`),n=require(`./utils/constants.js`);let r=require(`react`);exports.useCarouselSwipe=({allowShiftRef:i,centerExtremesWhenExtraPadding:a,changePage:o,circular:s,contentContainerRef:c,currentPageRef:l,disabled:u=!1,elements:d,extraPadding:f,numElementsPerPageRef:p,numPagesRef:m,viewerContainerRef:h})=>{let g=(0,r.useRef)(!1),_=(0,r.useRef)(!1),v=(0,r.useRef)(!1),y=(0,r.useRef)(void 0),b=(0,r.useRef)(0),x=(0,r.useRef)(0),S=(0,r.useRef)(0),C=(0,r.useRef)(0),w=(0,r.useCallback)(()=>{i.current&&(s||l.current!==m.current-1)&&o({newPage:l.current+1})},[s,o]),T=(0,r.useCallback)(()=>{i.current&&(s||l.current!==0)&&o({newPage:l.current-1})},[s,o]),{allowScroll:E,blockScroll:D}=e.useScrollBlock(),O=(0,r.useCallback)(e=>{let t=c.current;!t||m.current<=1||(y.current=parseFloat(t.style.left||`0`),e.type===`touchstart`?(b.current=e.touches[0].clientX,S.current=e.touches[0].clientX,C.current=e.touches[0].clientY):(b.current=e.clientX,S.current=e.clientX,C.current=e.clientY),g.current=!0)},[]),k=(0,r.useCallback)(e=>{let r=c.current;if(!r||!g.current||!p?.current||m.current<=1)return;let i,o;e.type===`touchmove`?(x.current=b.current-e.touches[0].clientX,b.current=e.touches[0].clientX,i=e.touches[0].clientX-S.current,o=e.touches[0].clientY-C.current):(x.current=b.current-e.clientX,b.current=e.clientX,i=e.clientX-S.current,o=e.clientY-C.current);let u=parseFloat(r.style.left||`0`)-x.current;if(!_.current&&!v.current&&(Math.abs(i)>n.default.THRESHOLD_TO_DECIDE_IF_ALLOW_DRAGGING?(_.current=!0,D()):Math.abs(o)>n.default.THRESHOLD_TO_DECIDE_IF_ALLOW_DRAGGING&&(v.current=!0)),_.current)if(s&&d.length>p.current)r.style.left=`${u}px`;else{let e=t.default.calcXDistanceBetween2Elements(r.firstChild,r.children[r.children.length-p.current]);if(a)u-f<0&&-u<e-f&&(r.style.left=`${u}px`);else{let t=s?f:0;!s&&f&&l.current===m.current-1&&(t=f*2),u-t<0&&-u<e-t&&(r.style.left=`${u}px`)}}},[D,a,s,d,f]),A=(0,r.useCallback)(()=>{let e=c.current;if(v.current=!1,_.current&&E(),_.current=!1,!e||!g.current||y.current===void 0||m.current<=1)return;g.current=!1;let t=parseFloat(e.style.left||`0`);t-y.current<-n.default.THRESHOLD_TO_DECIDE_IF_SWIPE_ON_DRAG_ENDS?w():t-y.current>n.default.THRESHOLD_TO_DECIDE_IF_SWIPE_ON_DRAG_ENDS?T():e.style.left=`${y.current}px`},[E,w,T]);(0,r.useEffect)(()=>{if(u)return;let e=h.current,t={passive:!0};return e?.addEventListener(`touchstart`,O,t),e?.addEventListener(`touchend`,A,t),e?.addEventListener(`touchmove`,k,t),e?.addEventListener(`mousedown`,O,t),e?.addEventListener(`mouseup`,A,t),e?.addEventListener(`mousemove`,k,t),e?.addEventListener(`mouseleave`,A,t),()=>{e?.removeEventListener(`touchstart`,O,t),e?.removeEventListener(`touchend`,A,t),e?.removeEventListener(`touchmove`,k,t),e?.removeEventListener(`mousedown`,O,t),e?.removeEventListener(`mouseup`,A,t),e?.removeEventListener(`mousemove`,k,t),e?.removeEventListener(`mouseleave`,A,t)}},[O,A,k,u])};

package/dist/cjs/components/inputSignature/hook/useDraw.js

@@ -1 +1 @@
-let e=require(`react`);function t(e,t){if(e.width!==t.width||e.height!==t.height)return!1;for(let n=0;n<e.data.length;n++)if(e.data[n]!==t.data[n])return!1;return!0}exports.useDraw=n=>{let r=(0,e.useRef)(null),i=(0,e.useRef)(),a=(0,e.useRef)(!1),o=(0,e.useRef)(!1),s=(0,e.useRef)({color:`black`,lineWidth:2}),c=(0,e.useRef)(null),l=()=>{r.current&&(o.current=!1,i.current.clearRect(0,0,r.current.width,r.current.height))},u=e=>{e&&(s.current.color=e.color,s.current.lineWidth=e.lineWidth)},d=e=>{let t,n;if(e.type===`touchstart`&&r.current){let{touches:i}=e,{clientX:a,clientY:o}=i[0],{left:s,top:c}=r.current.getBoundingClientRect();t=a-s,n=o-c}else t=e.offsetX,n=e.offsetY;c.current=i.current.getImageData(0,0,r.current?.width,r.current?.height),i.current.beginPath(),i.current.moveTo(t,n),a.current=!0},f=e=>{if(!a.current)return;let t,n;if(e.preventDefault(),e.type===`touchmove`&&r.current){let{touches:i}=e,{clientX:a,clientY:o}=i[0],{left:s,top:c}=r.current.getBoundingClientRect();t=a-s,n=o-c}else t=e.offsetX,n=e.offsetY;i.current.lineTo(t,n),i.current.stroke()},p=()=>{let e=i.current.getImageData(0,0,r.current?.width,r.current?.height);if(i.current.closePath(),a.current=!1,c.current&&!t(e,c.current)){let e=r.current?.toDataURL();n?.(e),o.current=!0}};return(0,e.useEffect)(()=>{if(r.current===null)return;let e=r.current;if(i.current=e?.getContext(`2d`,{willReadFrequently:!0}),i.current)return i.current.strokeStyle=s.current.color,i.current.lineWidth=s.current.lineWidth,i.current.lineCap=`round`,i.current.lineJoin=`round`,e?.addEventListener(`mousedown`,d),e?.addEventListener(`mousemove`,f),e?.addEventListener(`mouseup`,p),e?.addEventListener(`mouseleave`,p),e?.addEventListener(`touchstart`,d),e?.addEventListener(`touchmove`,f,{passive:!1}),e?.addEventListener(`touchend`,p),()=>{e?.removeEventListener(`mousedown`,d),e?.removeEventListener(`mousemove`,f),e?.removeEventListener(`mouseup`,p),e?.removeEventListener(`mouseleave`,p),e?.removeEventListener(`touchstart`,d),e?.removeEventListener(`touchmove`,f),e?.removeEventListener(`touchend`,p)}},[]),{canvasRef:r,filled:o.current,resetCanvas:l,setSignatureStyles:u}};
+let e=require(`react`);function t(e,t){if(e.width!==t.width||e.height!==t.height)return!1;for(let n=0;n<e.data.length;n++)if(e.data[n]!==t.data[n])return!1;return!0}exports.useDraw=n=>{let r=(0,e.useRef)(null),i=(0,e.useRef)(null),a=(0,e.useRef)(!1),o=(0,e.useRef)(!1),s=(0,e.useRef)({color:`black`,lineWidth:2}),c=(0,e.useRef)(null),l=()=>{r.current&&(o.current=!1,i.current.clearRect(0,0,r.current.width,r.current.height))},u=e=>{e&&(s.current.color=e.color,s.current.lineWidth=e.lineWidth)},d=e=>{let t,n;if(e.type===`touchstart`&&r.current){let{touches:i}=e,{clientX:a,clientY:o}=i[0],{left:s,top:c}=r.current.getBoundingClientRect();t=a-s,n=o-c}else t=e.offsetX,n=e.offsetY;c.current=i.current.getImageData(0,0,r.current?.width,r.current?.height),i.current.beginPath(),i.current.moveTo(t,n),a.current=!0},f=e=>{if(!a.current)return;let t,n;if(e.preventDefault(),e.type===`touchmove`&&r.current){let{touches:i}=e,{clientX:a,clientY:o}=i[0],{left:s,top:c}=r.current.getBoundingClientRect();t=a-s,n=o-c}else t=e.offsetX,n=e.offsetY;i.current.lineTo(t,n),i.current.stroke()},p=()=>{let e=i.current.getImageData(0,0,r.current?.width,r.current?.height);if(i.current.closePath(),a.current=!1,c.current&&!t(e,c.current)){let e=r.current?.toDataURL();n?.(e),o.current=!0}};return(0,e.useEffect)(()=>{if(r.current===null)return;let e=r.current;if(i.current=e?.getContext(`2d`,{willReadFrequently:!0}),i.current)return i.current.strokeStyle=s.current.color,i.current.lineWidth=s.current.lineWidth,i.current.lineCap=`round`,i.current.lineJoin=`round`,e?.addEventListener(`mousedown`,d),e?.addEventListener(`mousemove`,f),e?.addEventListener(`mouseup`,p),e?.addEventListener(`mouseleave`,p),e?.addEventListener(`touchstart`,d),e?.addEventListener(`touchmove`,f,{passive:!1}),e?.addEventListener(`touchend`,p),()=>{e?.removeEventListener(`mousedown`,d),e?.removeEventListener(`mousemove`,f),e?.removeEventListener(`mouseup`,p),e?.removeEventListener(`mouseleave`,p),e?.removeEventListener(`touchstart`,d),e?.removeEventListener(`touchmove`,f),e?.removeEventListener(`touchend`,p)}},[]),{canvasRef:r,filled:o.current,resetCanvas:l,setSignatureStyles:u}};

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

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

package/dist/cjs/components/slider/slider.js

@@ -1 +1 @@
-const e=require(`../../lib/hooks/useClassName/useClassName.js`),t=require(`./utils/accessibility.utils.js`),n=require(`./sliderStandAlone.js`),r=require(`./utils/slider.utils.js`);let i=require(`react`),a=require(`react/jsx-runtime`);var o=50;const s=(0,i.forwardRef)(({additionalClasses:s,ariaLabel:c,ariaLabelBy:l,decrementButton:u,defaultValue:d,disabled:f=!1,incrementButton:p,initialStepOffset:m,label:h,leftHelperText:g,max:_=100,min:v=0,onChange:y,onDragEnd:b,onDragStart:x,range:S=!1,rightAriaLabel:C,rightAriaLabelBy:w,rightHelperText:T,rightThumbIcon:ee,rightTooltip:E,step:D=1,thumbExceedsTrack:O=!0,thumbIcon:k,tooltip:A,type:te=`discrete`,value:j,variant:M},N)=>{let P=e=>r.calcDefaultValue({initialStepOffset:m,max:_,min:v,range:S,step:D,value:e}),F=(0,i.useRef)(null),[I,L]=(0,i.useState)(P(j??d)),[R,z]=(0,i.useState)(!1),[B,V]=(0,i.useState)(!1),H=(0,i.useRef)(`left`),[U,W]=(0,i.useState)({max:100,min:0}),G=(0,i.useRef)();r.focusThumb({container:F.current,currentActivePointer:H.current,range:S});let K=(0,i.useCallback)(e=>{y&&(clearTimeout(G.current),G.current=setTimeout(()=>{y(e)},o))},[y]),q=e=>{if(!F.current||f)return;let t=r.calcScaleValue({initialStepOffset:m,max:_,min:v,step:D,value:r.calcValueByOffset({max:_,min:v,offset:r.calculateChange({container:F.current,event:e,offsetBoundaries:U}),offsetBoundaries:U,step:D})});L(e=>{let n=t;return S&&(n=r.calcNewRangeValue({activePointer:H,newValue:t,prevValue:e})),K(n),n})},J=e=>{if(f)return;let n=t.calcNewValueAfterKeyPress({activePointer:H.current,event:e,max:_,min:v,range:S,step:D,value:I});n!==void 0&&(L(n),K(n))},Y=e=>{let n=t.incrementValue({activePointer:H.current,max:_,range:S,step:D,value:I});n!==void 0&&(L(n),K(n)),p?.onClick?.(e)},X=e=>{let n=t.decrementValue({activePointer:H.current,min:v,range:S,step:D,value:I});n!==void 0&&(L(n),K(n)),u?.onClick?.(e)},Z=()=>{b?.(),V(!1),Q()},{scaleOffsets:ne,showScale:re}=r.getScale({initialStepOffset:m,max:_,min:v,step:D,type:te}),{offset:ie,offsetLeft:ae,offsetRight:oe}=r.getOffset({max:_,min:v,offsetBoundaries:U,range:S,value:I}),Q=()=>{window.removeEventListener(`mousemove`,q),window.removeEventListener(`mouseup`,Z),window.removeEventListener(`touchend`,Z)},se=e.useClassName({additionalClassNames:s,component:`SLIDER`,variant:M}),$=(0,i.useCallback)(()=>{if(O){W({max:100,min:0});return}if(!F.current)return;let e=F.current.querySelector(`[role="slider"]`);if(!e)return;let t=F.current.getBoundingClientRect().width,n=e.getBoundingClientRect().width/t*100/2;W({max:100-n,min:n})},[O]);(0,i.useEffect)(()=>($(),O||window.addEventListener(`resize`,$),()=>{O||window.removeEventListener(`resize`,$)}),[O]),(0,i.useEffect)(()=>{j!==void 0&&(S&&!r.equalsRangeValues({values1:j,values2:I})||!S&&j!==I)&&L(P(j))},[j]),(0,i.useEffect)(()=>Q,[]);let ce=e=>{x?.(),V(!0),q(e),window.addEventListener(`mousemove`,q),window.addEventListener(`mouseup`,Z)},le=e=>{x?.(),V(!0),q(e),window.addEventListener(`touchend`,Z)};return(0,a.jsx)(n.SliderStandAlone,{ref:N,activePointer:H,ariaLabel:c,ariaLabelBy:l,containerRef:F,cssClasses:se,decrementButton:{...u,disabled:f||u?.disabled,onClick:X},disabled:f,hover:R,incrementButton:{...p,disabled:f||p?.disabled,onClick:Y},label:h,leftHelperText:g,max:_,min:v,offset:ie,offsetLeft:ae,offsetRight:oe,pressed:B,range:S,rightAriaLabel:C,rightAriaLabelBy:w,rightHelperText:T,rightThumbIcon:ee,rightTooltip:E,scaleOffsets:ne,setHover:z,showScale:re,step:D,thumbIcon:k,tooltip:A,value:I,onChange:q,onKeyPress:J,onMouseDown:ce,onTouchStart:le})});exports.Slider=s;
+const e=require(`../../lib/hooks/useClassName/useClassName.js`),t=require(`./utils/accessibility.utils.js`),n=require(`./sliderStandAlone.js`),r=require(`./utils/slider.utils.js`);let i=require(`react`),a=require(`react/jsx-runtime`);var o=50;const s=(0,i.forwardRef)(({additionalClasses:s,ariaLabel:c,ariaLabelBy:l,decrementButton:u,defaultValue:d,disabled:f=!1,incrementButton:p,initialStepOffset:m,label:h,leftHelperText:g,max:_=100,min:v=0,onChange:y,onDragEnd:b,onDragStart:x,range:S=!1,rightAriaLabel:C,rightAriaLabelBy:w,rightHelperText:T,rightThumbIcon:ee,rightTooltip:E,step:D=1,thumbExceedsTrack:O=!0,thumbIcon:k,tooltip:A,type:te=`discrete`,value:j,variant:M},N)=>{let P=e=>r.calcDefaultValue({initialStepOffset:m,max:_,min:v,range:S,step:D,value:e}),F=(0,i.useRef)(null),[I,L]=(0,i.useState)(P(j??d)),[R,z]=(0,i.useState)(!1),[B,V]=(0,i.useState)(!1),H=(0,i.useRef)(`left`),[U,W]=(0,i.useState)({max:100,min:0}),G=(0,i.useRef)(void 0);r.focusThumb({container:F.current,currentActivePointer:H.current,range:S});let K=(0,i.useCallback)(e=>{y&&(clearTimeout(G.current),G.current=setTimeout(()=>{y(e)},o))},[y]),q=e=>{if(!F.current||f)return;let t=r.calcScaleValue({initialStepOffset:m,max:_,min:v,step:D,value:r.calcValueByOffset({max:_,min:v,offset:r.calculateChange({container:F.current,event:e,offsetBoundaries:U}),offsetBoundaries:U,step:D})});L(e=>{let n=t;return S&&(n=r.calcNewRangeValue({activePointer:H,newValue:t,prevValue:e})),K(n),n})},J=e=>{if(f)return;let n=t.calcNewValueAfterKeyPress({activePointer:H.current,event:e,max:_,min:v,range:S,step:D,value:I});n!==void 0&&(L(n),K(n))},Y=e=>{let n=t.incrementValue({activePointer:H.current,max:_,range:S,step:D,value:I});n!==void 0&&(L(n),K(n)),p?.onClick?.(e)},X=e=>{let n=t.decrementValue({activePointer:H.current,min:v,range:S,step:D,value:I});n!==void 0&&(L(n),K(n)),u?.onClick?.(e)},Z=()=>{b?.(),V(!1),Q()},{scaleOffsets:ne,showScale:re}=r.getScale({initialStepOffset:m,max:_,min:v,step:D,type:te}),{offset:ie,offsetLeft:ae,offsetRight:oe}=r.getOffset({max:_,min:v,offsetBoundaries:U,range:S,value:I}),Q=()=>{window.removeEventListener(`mousemove`,q),window.removeEventListener(`mouseup`,Z),window.removeEventListener(`touchend`,Z)},se=e.useClassName({additionalClassNames:s,component:`SLIDER`,variant:M}),$=(0,i.useCallback)(()=>{if(O){W({max:100,min:0});return}if(!F.current)return;let e=F.current.querySelector(`[role="slider"]`);if(!e)return;let t=F.current.getBoundingClientRect().width,n=e.getBoundingClientRect().width/t*100/2;W({max:100-n,min:n})},[O]);(0,i.useEffect)(()=>($(),O||window.addEventListener(`resize`,$),()=>{O||window.removeEventListener(`resize`,$)}),[O]),(0,i.useEffect)(()=>{j!==void 0&&(S&&!r.equalsRangeValues({values1:j,values2:I})||!S&&j!==I)&&L(P(j))},[j]),(0,i.useEffect)(()=>Q,[]);let ce=e=>{x?.(),V(!0),q(e),window.addEventListener(`mousemove`,q),window.addEventListener(`mouseup`,Z)},le=e=>{x?.(),V(!0),q(e),window.addEventListener(`touchend`,Z)};return(0,a.jsx)(n.SliderStandAlone,{ref:N,activePointer:H,ariaLabel:c,ariaLabelBy:l,containerRef:F,cssClasses:se,decrementButton:{...u,disabled:f||u?.disabled,onClick:X},disabled:f,hover:R,incrementButton:{...p,disabled:f||p?.disabled,onClick:Y},label:h,leftHelperText:g,max:_,min:v,offset:ie,offsetLeft:ae,offsetRight:oe,pressed:B,range:S,rightAriaLabel:C,rightAriaLabelBy:w,rightHelperText:T,rightThumbIcon:ee,rightTooltip:E,scaleOffsets:ne,setHover:z,showScale:re,step:D,thumbIcon:k,tooltip:A,value:I,onChange:q,onKeyPress:J,onMouseDown:ce,onTouchStart:le})});exports.Slider=s;

package/dist/cjs/index.js

@@ -1 +1 @@
-Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});const e=require(`./lib/utils/date/formatDate.js`),t=require(`./lib/utils/date/transformDate.js`),n=require(`./lib/utils/date/date.js`),r=require(`./lib/provider/genericComponentsProvider/defaultGenericComponents.js`),i=require(`./lib/provider/genericComponentsProvider/genericComponentsProvider.js`),a=require(`./lib/provider/utilsProvider/utilsProvider.js`),o=require(`./lib/provider/stylesProvider/stylesProvider.js`),s=require(`./components/accordion/accordionControlled.js`),c=require(`./components/accordion/accordionUnControlled.js`),ee=require(`./components/text/text2.js`),te=require(`./components/alert/alertControlled.js`),ne=require(`./components/dot/dot.js`),l=require(`./components/icon/icon.js`),u=require(`./components/icon/iconHost.js`),d=require(`./components/avatar/avatar.js`),f=require(`./components/badge/badge.js`),p=require(`./components/link/link.js`),m=require(`./lib/types/states/states.js`),h=require(`./components/breadcrumbs/breadcrumbs.js`),g=require(`./lib/types/positions/positions.js`),_=require(`./components/button/button.js`),v=require(`./components/calendar/calendar.js`),y=require(`./components/card/cardStandAlone.js`),b=require(`./components/card/card.js`),x=require(`./components/carousel/types/carousel.js`),S=require(`./components/carousel/carousel.js`),C=require(`./components/checkboxBase/checkboxBaseControlled.js`),w=require(`./lib/components/errorMessage/errorMessage.js`),T=require(`./components/label/labelStandAlone.js`),E=require(`./components/checkbox/checkboxControlled.js`),D=require(`./components/checkbox/checkboxUnControlled.js`),O=require(`./components/checkboxBase/checkboxBaseUncontrolled.js`),k=require(`./components/chip/chip.js`),A=require(`./components/tableBody/tableBody.js`),j=require(`./components/table/table.js`),M=require(`./components/tableCaption/tableCaption.js`),N=require(`./components/tableDivider/tableDivider.js`),P=require(`./components/tableCell/tableCell.js`),F=require(`./components/tableHead/tableHead.js`),I=require(`./components/tableRow/tableRow.js`),L=require(`./components/dataTable/dataTable.js`),R=require(`./lib/types/breakpoints/breakpoints.js`),z=require(`./components/image/image2.js`),B=require(`./components/inputBase/inputBase.js`),V=require(`./components/inputDecoration/inputDecoration.js`),H=require(`./components/input/input.js`),U=require(`./components/inputSignature/inputSignatureControlled.js`),re=require(`./components/inputSignature/inputSignatureUncontrolled.js`),W=require(`./components/link/linkAsButton/linkAsButton.js`),G=require(`./components/option/option.js`),K=require(`./components/listOptions/listOptions.js`),q=require(`./components/popover/popover.js`),J=require(`./components/modal/modalControlled.js`),Y=require(`./components/modal/modalUnControlled.js`),X=require(`./components/pageControl/pageControl.js`),ie=require(`./components/pagination/pagination.js`),Z=require(`./components/popover/animations/spring.animations.js`),ae=require(`./components/progressBar/progressBar.js`),oe=require(`./components/radioButton/radioButtonStandAlone.js`),se=require(`./components/radioButton/radioButton.js`),ce=require(`./components/select/selectControlled.js`),le=require(`./components/select/selectUncontrolled.js`),ue=require(`./components/selectorBoxFile/selectorBoxFile.js`),de=require(`./components/skeleton/skeleton2.js`),fe=require(`./components/tooltip/tooltipUnControlled.js`),pe=require(`./components/slider/slider.js`),me=require(`./components/snackbar/snackbar.js`),he=require(`./components/stepperNumber/stepperNumber.js`),ge=require(`./components/tableFoot/tableFoot.js`),_e=require(`./components/tabs/tabsControlled.js`),ve=require(`./components/tabs/tabsUnControlled.js`),ye=require(`./components/tag/tag.js`),be=require(`./components/textArea/textArea.js`),xe=require(`./components/toggle/toggleStandAlone.js`),Q=require(`./components/toggle/toggleControlled.js`),Se=require(`./components/toggle/toggleUnControlled.js`),Ce=require(`./components/tooltip/tooltipControlled.js`),we=require(`./components/virtualKeyboard/virtualKeyboard.js`),Te=require(`./lib/types/sizes/sizes.js`);let $=require(`@floating-ui/dom`);exports.Accordion=c.AccordionUnControlled,exports.AccordionControlled=s.AccordionControlled,exports.Alert=te.Alert,exports.Avatar=d.Avatar,exports.Badge=f.Badge,exports.BreadCrumbs=h.BreadCrumbs,exports.Button=_.Button,exports.CAROUSEL_BUILD_SCREEN_READER_CURRENT_PAGE_KEY=x.CAROUSEL_BUILD_SCREEN_READER_CURRENT_PAGE_KEY,exports.CAROUSEL_BUILD_SCREEN_READER_NUM_PAGES_KEY=x.CAROUSEL_BUILD_SCREEN_READER_NUM_PAGES_KEY,exports.Calendar=v.Calendar,exports.Card=b.Card,exports.CardStandAlone=y.CardStandAlone,exports.Carousel=S.Carousel,exports.Checkbox=D.CheckboxUnControlled,exports.CheckboxBase=O.CheckboxBaseUnControlled,exports.CheckboxBaseControlled=C.CheckboxBaseControlled,exports.CheckboxControlled=E.CheckboxControlled,exports.Chip=k.Chip,exports.DEVICE_BREAKPOINTS=R.DEVICE_BREAKPOINTS,exports.DataTable=L.DataTable,exports.DeviceBreakpointsTypeUtils=R.DeviceBreakpointsTypeUtils,exports.Dot=ne.Dot,exports.ErrorMessage=w.ErrorMessage,exports.GenericComponentContext=i.GenericComponentContext,exports.GenericComponentsProvider=i.GenericComponentsProvider,exports.Icon=u.IconHost,exports.IconBasic=l.IconBasic,exports.Image=z.Image,exports.Input=H.Input,exports.InputBase=B.InputBase,exports.InputDecoration=V.InputDecoration,exports.InputSignature=re.InputSignatureUnControlled,exports.InputSignatureControlled=U.InputSignatureControlled,exports.Label=T.LabelStandAlone,exports.Link=p.Link,exports.LinkAsButton=W.LinkAsButton,exports.ListOptions=K.ListOptions,exports.MIRROR_POSITIONS=g.MIRROR_POSITIONS,exports.Modal=Y.ModalUnControlled,exports.ModalControlled=J.ModalControlled,exports.Option=G.Option,exports.POSITIONS=g.POSITIONS,exports.PageControl=X.PageControl,exports.Pagination=ie.Pagination,exports.Popover=q.Popover,exports.ProgressBar=ae.ProgressBar,exports.RadioButton=se.RadioButton,exports.RadioButtonStandAlone=oe.RadioButtonStandAlone,exports.SIZES=Te.SIZES,exports.STATES=m.STATES,exports.Select=le.SelectUnControlled,exports.SelectControlled=ce.SelectControlled,exports.SelectorBoxFile=ue.SelectorBoxFile,exports.Skeleton=de.Skeleton,exports.Slider=pe.Slider,exports.Snackbar=me.Snackbar,exports.StepperNumber=he.StepperNumber,exports.StylesContext=o.StylesContext,exports.StylesProvider=o.StylesProvider,exports.Table=j.Table,exports.TableBody=A.TableBody,exports.TableCaption=M.TableCaption,exports.TableCell=P.TableCell,exports.TableDivider=N.TableDivider,exports.TableFoot=ge.TableFoot,exports.TableHead=F.TableHead,exports.TableRow=I.TableRow,exports.Tabs=ve.TabsUnControlled,exports.TabsControlled=_e.TabsControlled,exports.Tag=ye.Tag,exports.Text=ee.Text,exports.TextArea=be.TextArea,exports.ToggleControlled=Q.ToggleControlled,exports.ToggleStandalone=xe.ToggleStandalone,exports.ToggleUncontrolled=Se.ToggleUncontrolled,exports.Tooltip=fe.TooltipUnControlled,exports.TooltipControlled=Ce.TooltipControlled,exports.UtilsContext=a.UtilsContext,exports.UtilsProvider=a.UtilsProvider,exports.VirtualKeyboard=we.VirtualKeyboard,exports.createSpringAnimation=Z.createSpringAnimation,exports.defaultGenericComponents=r.defaultGenericComponents,exports.formatDate=e.formatDate,exports.formatDateToUTC=e.formatDateToUTC,exports.generateSpringKeyframes=Z.generateSpringKeyframes,exports.generateSpringKeyframesRule=Z.generateSpringKeyframesRule,exports.getAddDays=n.getAddDays,exports.getAddMonths=n.getAddMonths,exports.getAddYears=n.getAddYears,exports.getAllMonthNames=n.getAllMonthNames,exports.getAllWeekdayNames=n.getAllWeekdayNames,exports.getSubDays=n.getSubDays,exports.getSubMonths=n.getSubMonths,exports.getSubYears=n.getSubYears,exports.isAfter=n.isAfter,exports.isBefore=n.isBefore,exports.isDatesEqual=n.isDatesEqual,Object.defineProperty(exports,`popoverMWArrow`,{enumerable:!0,get:function(){return $.arrow}}),Object.defineProperty(exports,`popoverMWAutoPlacement`,{enumerable:!0,get:function(){return $.autoPlacement}}),Object.defineProperty(exports,`popoverMWFlip`,{enumerable:!0,get:function(){return $.flip}}),Object.defineProperty(exports,`popoverMWHide`,{enumerable:!0,get:function(){return $.hide}}),Object.defineProperty(exports,`popoverMWOffset`,{enumerable:!0,get:function(){return $.offset}}),Object.defineProperty(exports,`popoverMWShift`,{enumerable:!0,get:function(){return $.shift}}),Object.defineProperty(exports,`popoverMWSize`,{enumerable:!0,get:function(){return $.size}}),exports.transformDate=t.transformDate,exports.useGenericComponents=i.useGenericComponents,exports.useStylesContext=o.useStylesContext,exports.useUtilsProvider=a.useUtilsProvider;
+Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});const e=require(`./lib/provider/genericComponentsProvider/genericComponentsProvider.js`),t=require(`./lib/provider/utilsProvider/utilsProvider.js`),n=require(`./lib/provider/stylesProvider/stylesProvider.js`),r=require(`./components/accordion/accordionControlled.js`),i=require(`./components/accordion/accordionUnControlled.js`),a=require(`./components/text/text2.js`),o=require(`./components/alert/alertControlled.js`),s=require(`./components/dot/dot.js`),ee=require(`./components/icon/icon.js`),c=require(`./components/icon/iconHost.js`),l=require(`./components/avatar/avatar.js`),u=require(`./components/badge/badge.js`),d=require(`./components/link/link.js`),f=require(`./lib/types/states/states.js`),p=require(`./components/breadcrumbs/breadcrumbs.js`),m=require(`./lib/types/positions/positions.js`),h=require(`./components/button/button.js`),g=require(`./components/calendar/calendar.js`),_=require(`./components/card/cardStandAlone.js`),v=require(`./components/card/card.js`),y=require(`./components/carousel/types/carousel.js`),b=require(`./components/carousel/carousel.js`),x=require(`./components/checkboxBase/checkboxBaseControlled.js`),S=require(`./components/label/labelStandAlone.js`),C=require(`./components/checkbox/checkboxControlled.js`),w=require(`./components/checkbox/checkboxUnControlled.js`),T=require(`./components/checkboxBase/checkboxBaseUncontrolled.js`),E=require(`./components/chip/chip.js`),D=require(`./components/tableBody/tableBody.js`),O=require(`./components/table/table.js`),k=require(`./components/tableCaption/tableCaption.js`),A=require(`./components/tableDivider/tableDivider.js`),j=require(`./components/tableCell/tableCell.js`),M=require(`./components/tableHead/tableHead.js`),N=require(`./components/tableRow/tableRow.js`),P=require(`./components/dataTable/dataTable.js`),F=require(`./lib/types/breakpoints/breakpoints.js`),I=require(`./components/image/image2.js`),L=require(`./components/inputBase/inputBase.js`),R=require(`./components/inputDecoration/inputDecoration.js`),z=require(`./components/input/input.js`),B=require(`./components/inputSignature/inputSignatureControlled.js`),V=require(`./components/inputSignature/inputSignatureUncontrolled.js`),H=require(`./components/link/linkAsButton/linkAsButton.js`),U=require(`./components/option/option.js`),te=require(`./components/listOptions/listOptions.js`),W=require(`./components/popover/popover.js`),G=require(`./components/modal/modalControlled.js`),K=require(`./components/modal/modalUnControlled.js`),q=require(`./components/pageControl/pageControl.js`),J=require(`./components/pagination/pagination.js`),Y=require(`./components/popover/animations/spring.animations.js`),X=require(`./components/progressBar/progressBar.js`),Z=require(`./components/radioButton/radioButtonStandAlone.js`),Q=require(`./components/radioButton/radioButton.js`),ne=require(`./components/select/selectControlled.js`),re=require(`./components/select/selectUncontrolled.js`),ie=require(`./components/selectorBoxFile/selectorBoxFile.js`),ae=require(`./components/skeleton/skeleton2.js`),oe=require(`./components/tooltip/tooltipUnControlled.js`),se=require(`./components/slider/slider.js`),ce=require(`./components/snackbar/snackbar.js`),le=require(`./components/stepperNumber/stepperNumber.js`),ue=require(`./components/tableFoot/tableFoot.js`),de=require(`./components/tabs/tabsControlled.js`),fe=require(`./components/tabs/tabsUnControlled.js`),pe=require(`./components/tag/tag.js`),me=require(`./components/textArea/textArea.js`),he=require(`./components/toggle/toggleStandAlone.js`),ge=require(`./components/toggle/toggleControlled.js`),_e=require(`./components/toggle/toggleUnControlled.js`),ve=require(`./components/tooltip/tooltipControlled.js`),ye=require(`./components/virtualKeyboard/virtualKeyboard.js`),be=require(`./lib/types/sizes/sizes.js`);let $=require(`@floating-ui/dom`);exports.Accordion=i.AccordionUnControlled,exports.AccordionControlled=r.AccordionControlled,exports.Alert=o.Alert,exports.Avatar=l.Avatar,exports.Badge=u.Badge,exports.BreadCrumbs=p.BreadCrumbs,exports.Button=h.Button,exports.CAROUSEL_BUILD_SCREEN_READER_CURRENT_PAGE_KEY=y.CAROUSEL_BUILD_SCREEN_READER_CURRENT_PAGE_KEY,exports.CAROUSEL_BUILD_SCREEN_READER_NUM_PAGES_KEY=y.CAROUSEL_BUILD_SCREEN_READER_NUM_PAGES_KEY,exports.Calendar=g.Calendar,exports.Card=v.Card,exports.CardStandAlone=_.CardStandAlone,exports.Carousel=b.Carousel,exports.Checkbox=w.CheckboxUnControlled,exports.CheckboxBase=T.CheckboxBaseUnControlled,exports.CheckboxBaseControlled=x.CheckboxBaseControlled,exports.CheckboxControlled=C.CheckboxControlled,exports.Chip=E.Chip,exports.DEVICE_BREAKPOINTS=F.DEVICE_BREAKPOINTS,exports.DataTable=P.DataTable,exports.DeviceBreakpointsTypeUtils=F.DeviceBreakpointsTypeUtils,exports.Dot=s.Dot,exports.GenericComponentContext=e.GenericComponentContext,exports.GenericComponentsProvider=e.GenericComponentsProvider,exports.Icon=c.IconHost,exports.IconBasic=ee.IconBasic,exports.Image=I.Image,exports.Input=z.Input,exports.InputBase=L.InputBase,exports.InputDecoration=R.InputDecoration,exports.InputSignature=V.InputSignatureUnControlled,exports.InputSignatureControlled=B.InputSignatureControlled,exports.Label=S.LabelStandAlone,exports.Link=d.Link,exports.LinkAsButton=H.LinkAsButton,exports.ListOptions=te.ListOptions,exports.MIRROR_POSITIONS=m.MIRROR_POSITIONS,exports.Modal=K.ModalUnControlled,exports.ModalControlled=G.ModalControlled,exports.Option=U.Option,exports.POSITIONS=m.POSITIONS,exports.PageControl=q.PageControl,exports.Pagination=J.Pagination,exports.Popover=W.Popover,exports.ProgressBar=X.ProgressBar,exports.RadioButton=Q.RadioButton,exports.RadioButtonStandAlone=Z.RadioButtonStandAlone,exports.SIZES=be.SIZES,exports.STATES=f.STATES,exports.Select=re.SelectUnControlled,exports.SelectControlled=ne.SelectControlled,exports.SelectorBoxFile=ie.SelectorBoxFile,exports.Skeleton=ae.Skeleton,exports.Slider=se.Slider,exports.Snackbar=ce.Snackbar,exports.StepperNumber=le.StepperNumber,exports.StylesContext=n.StylesContext,exports.StylesProvider=n.StylesProvider,exports.Table=O.Table,exports.TableBody=D.TableBody,exports.TableCaption=k.TableCaption,exports.TableCell=j.TableCell,exports.TableDivider=A.TableDivider,exports.TableFoot=ue.TableFoot,exports.TableHead=M.TableHead,exports.TableRow=N.TableRow,exports.Tabs=fe.TabsUnControlled,exports.TabsControlled=de.TabsControlled,exports.Tag=pe.Tag,exports.Text=a.Text,exports.TextArea=me.TextArea,exports.ToggleControlled=ge.ToggleControlled,exports.ToggleStandalone=he.ToggleStandalone,exports.ToggleUncontrolled=_e.ToggleUncontrolled,exports.Tooltip=oe.TooltipUnControlled,exports.TooltipControlled=ve.TooltipControlled,exports.UtilsContext=t.UtilsContext,exports.UtilsProvider=t.UtilsProvider,exports.VirtualKeyboard=ye.VirtualKeyboard,exports.createSpringAnimation=Y.createSpringAnimation,exports.generateSpringKeyframes=Y.generateSpringKeyframes,exports.generateSpringKeyframesRule=Y.generateSpringKeyframesRule,Object.defineProperty(exports,`popoverMWArrow`,{enumerable:!0,get:function(){return $.arrow}}),Object.defineProperty(exports,`popoverMWAutoPlacement`,{enumerable:!0,get:function(){return $.autoPlacement}}),Object.defineProperty(exports,`popoverMWFlip`,{enumerable:!0,get:function(){return $.flip}}),Object.defineProperty(exports,`popoverMWHide`,{enumerable:!0,get:function(){return $.hide}}),Object.defineProperty(exports,`popoverMWOffset`,{enumerable:!0,get:function(){return $.offset}}),Object.defineProperty(exports,`popoverMWShift`,{enumerable:!0,get:function(){return $.shift}}),Object.defineProperty(exports,`popoverMWSize`,{enumerable:!0,get:function(){return $.size}}),exports.useGenericComponents=e.useGenericComponents,exports.useStylesContext=n.useStylesContext,exports.useUtilsProvider=t.useUtilsProvider;

package/dist/cjs/lib/hooks/useContentVisibility/useContentVisibility.js

@@ -1 +1 @@
-const e=require(`./utils/contentVisibility.js`);let t=require(`react`);exports.useContentVisibility=({minVisibleHeight:n=100,onContentInvisible:r,onContentVisible:i})=>{let a=(0,t.useRef)(null),o=(0,t.useRef)(null),s=(0,t.useRef)(),c=(0,t.useRef)(),l=(0,t.useRef)(void 0),u=(0,t.useCallback)(()=>{let e=a.current,t=o.current;!e||!t||(i?i():(e.style.overflowY=``,t.style.overflowY=``))},[i]),d=(0,t.useCallback)(()=>{let e=a.current,t=o.current;!e||!t||(r?r():(e.style.overflowY=`auto`,t.style.overflowY=`visible`))},[r]);return{handleContentVisibility:(0,t.useCallback)(({container:t,content:r})=>{if(a.current=t,o.current=r,t&&r){let i=()=>{let i=e.isContentVisibleEnough({container:t,content:r,minVisibleHeight:n});i!==l.current&&(i?u():d()),l.current=i};i(),s.current=new ResizeObserver(()=>{i()}),c.current=new ResizeObserver(()=>{i()}),s.current.observe(r),s.current.observe(t)}else s.current?.disconnect(),c.current?.disconnect()},[n,u,d])}};
+const e=require(`./utils/contentVisibility.js`);let t=require(`react`);exports.useContentVisibility=({minVisibleHeight:n=100,onContentInvisible:r,onContentVisible:i})=>{let a=(0,t.useRef)(null),o=(0,t.useRef)(null),s=(0,t.useRef)(void 0),c=(0,t.useRef)(void 0),l=(0,t.useRef)(void 0),u=(0,t.useCallback)(()=>{let e=a.current,t=o.current;!e||!t||(i?i():(e.style.overflowY=``,t.style.overflowY=``))},[i]),d=(0,t.useCallback)(()=>{let e=a.current,t=o.current;!e||!t||(r?r():(e.style.overflowY=`auto`,t.style.overflowY=`visible`))},[r]);return{handleContentVisibility:(0,t.useCallback)(({container:t,content:r})=>{if(a.current=t,o.current=r,t&&r){let i=()=>{let i=e.isContentVisibleEnough({container:t,content:r,minVisibleHeight:n});i!==l.current&&(i?u():d()),l.current=i};i(),s.current=new ResizeObserver(()=>{i()}),c.current=new ResizeObserver(()=>{i()}),s.current.observe(r),s.current.observe(t)}else s.current?.disconnect(),c.current?.disconnect()},[n,u,d])}};

package/dist/cjs/lib/hooks/useScrollDetection/useScrollDetection.js

@@ -1 +1 @@
-const e=require(`../../utils/scroll/hasScroll.js`);let t=require(`react`);exports.useScrollDetection=({autoFocus:n=!1}={})=>{let[r,i]=(0,t.useState)(!1),a=(0,t.useRef)(),o=(0,t.useRef)(!1);return{handleScrollDetection:(0,t.useCallback)(t=>{if(t){let r=t=>{let r=e.hasScroll(t);i(r),n&&r&&!o.current&&(t.focus(),o.current=!0)};r(t),a.current=new ResizeObserver(()=>{r(t)}),a.current.observe(t)}else a.current?.disconnect()},[n]),hasScroll:r}};
+const e=require(`../../utils/scroll/hasScroll.js`);let t=require(`react`);exports.useScrollDetection=({autoFocus:n=!1}={})=>{let[r,i]=(0,t.useState)(!1),a=(0,t.useRef)(void 0),o=(0,t.useRef)(!1);return{handleScrollDetection:(0,t.useCallback)(t=>{if(t){let r=t=>{let r=e.hasScroll(t);i(r),n&&r&&!o.current&&(t.focus(),o.current=!0)};r(t),a.current=new ResizeObserver(()=>{r(t)}),a.current.observe(t)}else a.current?.disconnect()},[n]),hasScroll:r}};

package/dist/cjs/lib/provider/stylesProvider/stylesProvider.js

@@ -1 +1 @@
-const e=require(`../../utils/date/formatDate.js`),t=require(`../../utils/date/transformDate.js`),n=require(`../../utils/date/date.js`),r=require(`../genericComponentsProvider/defaultGenericComponents.js`),i=require(`../genericComponentsProvider/genericComponentsProvider.js`),a=require(`../utilsProvider/utilsProvider.js`);let o=require(`react`),s=require(`react/jsx-runtime`);const c=(0,o.createContext)(void 0),l=()=>{let e=(0,o.useContext)(c);if(!e)throw Error(`useStylesContext must be used within a StylesProvider`);return e};var u={lg:992,md:768,sm:576,xl:1200},d=e=>({onlyDesktop:`(max-width: ${e.xl}px)`,onlyLargeDesktop:`(min-width: ${e.xl}px)`,onlyMobile:`(max-width: ${e.md-1}px)`,onlyTablet:`(min-width: ${e.md}px) and (max-width: ${e.lg-1}px)`});exports.StylesContext=c,exports.StylesProvider=({bernovaProvider:l,breakpoints:f=u,children:p,icons:m={},illustrations:h={},jsInCss:g=!0,linkId:_=`kb-styled-provider`,themeSelected:v})=>{let y=(0,o.useMemo)(()=>d(f),[f]),b=(0,o.useMemo)(()=>new l({jsInCss:g,linkId:_}),[l,g,_]),[x,S]=(0,o.useState)(v||b.themeSelected);b.themeSelected=x||``;let C=e=>{b.themeSelected=e,S(e)},w=({additionalClassNames:e,component:t,variant:n})=>b.getComponentStyles({additionalClassNames:e,component:t,variant:n||``}),T=(0,o.useMemo)(()=>({breakpoints:f,changeTheme:C,classes:[],currentTheme:x,getComponentStyles:w,icons:m,illustrations:h,mediaQueries:y,themeClassNames:b.classNames,themes:b.allThemes,themeVariables:b.variables}),[f,x,m,h,y,b.classNames,b.allThemes,b.variables]);return(0,s.jsx)(a.UtilsProvider,{dateHelpers:{getAddDays:n.getAddDays,getAddMonths:n.getAddMonths,getAddYears:n.getAddYears,getAllMonthName:(e,t)=>n.getAllMonthNames(e===`numeric`||e===`2-digit`?`long`:e||`long`,t),getAllWeekdayName:n.getAllWeekdayNames,getSubDays:n.getSubDays,getSubMonths:n.getSubMonths,getSubYears:n.getSubYears,isAfter:n.isAfter,isBefore:n.isBefore,isDatesEqual:n.isDatesEqual},formatDate:e.formatDate,transformDate:t.transformDate,children:(0,s.jsx)(i.GenericComponentsProvider,{value:{...r.defaultGenericComponents},children:(0,s.jsx)(c.Provider,{value:T,children:p})})})},exports.useStylesContext=l;
+const e=require(`../../utils/date/formatDate.js`),t=require(`../../utils/date/transformDate.js`),n=require(`../../utils/date/date.js`),r=require(`../genericComponentsProvider/defaultGenericComponents.js`),i=require(`../genericComponentsProvider/genericComponentsProvider.js`),a=require(`../utilsProvider/utilsProvider.js`);let o=require(`react`),s=require(`react/jsx-runtime`);const c=(0,o.createContext)(void 0),l=()=>{let e=(0,o.useContext)(c);if(!e)throw Error(`useStylesContext must be used within a StylesProvider`);return e};var u={lg:992,md:768,sm:576,xl:1200},d=e=>({onlyDesktop:`(max-width: ${e.xl}px)`,onlyLargeDesktop:`(min-width: ${e.xl}px)`,onlyMobile:`(max-width: ${e.md-1}px)`,onlyTablet:`(min-width: ${e.md}px) and (max-width: ${e.lg-1}px)`});exports.StylesContext=c,exports.StylesProvider=({bernovaProvider:l={},breakpoints:f=u,children:p,icons:m={},illustrations:h={},jsInCss:g=!0,linkId:_=`kb-styled-provider`,themeSelected:v,genericComponents:y,dateHelpers:b})=>{let x=(0,o.useMemo)(()=>d(f),[f]),S=(0,o.useMemo)(()=>new l({jsInCss:g,linkId:_}),[l,g,_]),[C,w]=(0,o.useState)(v||S.themeSelected);S.themeSelected=C||``;let T=e=>{S.themeSelected=e,w(e)},E=({additionalClassNames:e,component:t,variant:n})=>S.getComponentStyles({additionalClassNames:e,component:t,variant:n||``}),D=(0,o.useMemo)(()=>({breakpoints:f,changeTheme:T,classes:[],currentTheme:C,getComponentStyles:E,icons:m,illustrations:h,mediaQueries:x,themeClassNames:S.classNames,themes:S.allThemes,themeVariables:S.variables}),[f,C,m,h,x,S.classNames,S.allThemes,S.variables]);return(0,s.jsx)(a.UtilsProvider,{dateHelpers:{getAddDays:n.getAddDays,getAddMonths:n.getAddMonths,getAddYears:n.getAddYears,getAllMonthName:(e,t)=>n.getAllMonthNames(e===`numeric`||e===`2-digit`?`long`:e||`long`,t),getAllWeekdayName:n.getAllWeekdayNames,getSubDays:n.getSubDays,getSubMonths:n.getSubMonths,getSubYears:n.getSubYears,isAfter:n.isAfter,isBefore:n.isBefore,isDatesEqual:n.isDatesEqual,...b},formatDate:e.formatDate,transformDate:t.transformDate,children:(0,s.jsx)(i.GenericComponentsProvider,{value:{...r.defaultGenericComponents,...y},children:(0,s.jsx)(c.Provider,{value:D,children:p})})})},exports.useStylesContext=l;

package/dist/esm/components/carousel/hooks/useCarouselSwipe.js

@@ -3,7 +3,7 @@ import calc_utils_default from "./utils/calc.utils.js";
 import constants_default from "./utils/constants.js";
 import { useCallback, useEffect, useRef } from "react";
 const useCarouselSwipe = ({ allowShiftRef: a, centerExtremesWhenExtraPadding: o, changePage: s, circular: c, contentContainerRef: l, currentPageRef: u, disabled: d = !1, elements: f, extraPadding: p, numElementsPerPageRef: m, numPagesRef: h, viewerContainerRef: g }) => {
-	let _ = useRef(!1), v = useRef(!1), y = useRef(!1), b = useRef(), x = useRef(0), S = useRef(0), C = useRef(0), w = useRef(0), T = useCallback(() => {
+	let _ = useRef(!1), v = useRef(!1), y = useRef(!1), b = useRef(void 0), x = useRef(0), S = useRef(0), C = useRef(0), w = useRef(0), T = useCallback(() => {
 		a.current && (c || u.current !== h.current - 1) && s({ newPage: u.current + 1 });
 	}, [c, s]), E = useCallback(() => {
 		a.current && (c || u.current !== 0) && s({ newPage: u.current - 1 });

package/dist/esm/components/inputSignature/hook/useDraw.js

@@ -5,7 +5,7 @@ function isImageDataEqual(e, t) {
 	return !0;
 }
 const useDraw = (r) => {
-	let i = useRef(null), a = useRef(), o = useRef(!1), s = useRef(!1), c = useRef({
+	let i = useRef(null), a = useRef(null), o = useRef(!1), s = useRef(!1), c = useRef({
 		color: "black",
 		lineWidth: 2
 	}), l = useRef(null), u = () => {

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

@@ -8,7 +8,7 @@ const Option = forwardRef(({ additionalClasses: t, focus: n, onBlur: r, onFocus:
 		additionalClassNames: t,
 		component: "OPTION",
 		variant: a
-	}), { LINK: l } = useGenericComponents(), u = useRef(), [d, f] = useState(!1), [p, m] = useState(!1);
+	}), { LINK: l } = useGenericComponents(), u = useRef(null), [d, f] = useState(!1), [p, m] = useState(!1);
 	useImperativeHandle(s, () => u.current, []), useEffect(() => {
 		n && u.current?.focus();
 	}, [n]);

package/dist/esm/components/slider/slider.js

@@ -16,7 +16,7 @@ const Slider = forwardRef(({ additionalClasses: r, ariaLabel: i, ariaLabelBy: a,
 	}), j = useRef(null), [M, N] = useState(A(D ?? s)), [P, F] = useState(!1), [I, L] = useState(!1), R = useRef("left"), [z, B] = useState({
 		max: 100,
 		min: 0
-	}), V = useRef();
+	}), V = useRef(void 0);
 	focusThumb({
 		container: j.current,
 		currentActivePointer: R.current,

package/dist/esm/index.js

@@ -1,7 +1,3 @@
-import { formatDate, formatDateToUTC } from "./lib/utils/date/formatDate.js";
-import { transformDate } from "./lib/utils/date/transformDate.js";
-import { getAddDays, getAddMonths, getAddYears, getAllMonthNames, getAllWeekdayNames, getSubDays, getSubMonths, getSubYears, isAfter, isBefore, isDatesEqual } from "./lib/utils/date/date.js";
-import { defaultGenericComponents } from "./lib/provider/genericComponentsProvider/defaultGenericComponents.js";
 import { GenericComponentContext, GenericComponentsProvider, useGenericComponents } from "./lib/provider/genericComponentsProvider/genericComponentsProvider.js";
 import { UtilsContext, UtilsProvider, useUtilsProvider } from "./lib/provider/utilsProvider/utilsProvider.js";
 import { StylesContext, StylesProvider, useStylesContext } from "./lib/provider/stylesProvider/stylesProvider.js";
@@ -25,7 +21,6 @@ import { Card } from "./components/card/card.js";
 import { CAROUSEL_BUILD_SCREEN_READER_CURRENT_PAGE_KEY, CAROUSEL_BUILD_SCREEN_READER_NUM_PAGES_KEY } from "./components/carousel/types/carousel.js";
 import { Carousel } from "./components/carousel/carousel.js";
 import { CheckboxBaseControlled } from "./components/checkboxBase/checkboxBaseControlled.js";
-import { ErrorMessage } from "./lib/components/errorMessage/errorMessage.js";
 import { LabelStandAlone } from "./components/label/labelStandAlone.js";
 import { CheckboxControlled } from "./components/checkbox/checkboxControlled.js";
 import { CheckboxUnControlled } from "./components/checkbox/checkboxUnControlled.js";
@@ -78,4 +73,4 @@ import { ToggleUncontrolled } from "./components/toggle/toggleUnControlled.js";
 import { TooltipControlled } from "./components/tooltip/tooltipControlled.js";
 import { VirtualKeyboard } from "./components/virtualKeyboard/virtualKeyboard.js";
 import { SIZES } from "./lib/types/sizes/sizes.js";
-export { AccordionUnControlled as Accordion, AccordionControlled, Alert, Avatar, Badge, BreadCrumbs, Button, CAROUSEL_BUILD_SCREEN_READER_CURRENT_PAGE_KEY, CAROUSEL_BUILD_SCREEN_READER_NUM_PAGES_KEY, Calendar, Card, CardStandAlone, Carousel, CheckboxUnControlled as Checkbox, CheckboxBaseUnControlled as CheckboxBase, CheckboxBaseControlled, CheckboxControlled, Chip, DEVICE_BREAKPOINTS, DataTable, DeviceBreakpointsTypeUtils, Dot, ErrorMessage, GenericComponentContext, GenericComponentsProvider, IconHost as Icon, IconBasic, Image, Input, InputBase, InputDecoration, InputSignatureUnControlled as InputSignature, InputSignatureControlled, LabelStandAlone as Label, Link, LinkAsButton, ListOptions, MIRROR_POSITIONS, ModalUnControlled as Modal, ModalControlled, Option, POSITIONS, PageControl, Pagination, Popover, ProgressBar, RadioButton, RadioButtonStandAlone, SIZES, STATES, SelectUnControlled as Select, SelectControlled, SelectorBoxFile, Skeleton, Slider, Snackbar, StepperNumber, StylesContext, StylesProvider, Table, TableBody, TableCaption, TableCell, TableDivider, TableFoot, TableHead, TableRow, TabsUnControlled as Tabs, TabsControlled, Tag, Text, TextArea, ToggleControlled, ToggleStandalone, ToggleUncontrolled, TooltipUnControlled as Tooltip, TooltipControlled, UtilsContext, UtilsProvider, VirtualKeyboard, createSpringAnimation, defaultGenericComponents, formatDate, formatDateToUTC, generateSpringKeyframes, generateSpringKeyframesRule, getAddDays, getAddMonths, getAddYears, getAllMonthNames, getAllWeekdayNames, getSubDays, getSubMonths, getSubYears, isAfter, isBefore, isDatesEqual, popoverMWArrow, popoverMWAutoPlacement, popoverMWFlip, popoverMWHide, popoverMWOffset, popoverMWShift, popoverMWSize, transformDate, useGenericComponents, useStylesContext, useUtilsProvider };
+export { AccordionUnControlled as Accordion, AccordionControlled, Alert, Avatar, Badge, BreadCrumbs, Button, CAROUSEL_BUILD_SCREEN_READER_CURRENT_PAGE_KEY, CAROUSEL_BUILD_SCREEN_READER_NUM_PAGES_KEY, Calendar, Card, CardStandAlone, Carousel, CheckboxUnControlled as Checkbox, CheckboxBaseUnControlled as CheckboxBase, CheckboxBaseControlled, CheckboxControlled, Chip, DEVICE_BREAKPOINTS, DataTable, DeviceBreakpointsTypeUtils, Dot, GenericComponentContext, GenericComponentsProvider, IconHost as Icon, IconBasic, Image, Input, InputBase, InputDecoration, InputSignatureUnControlled as InputSignature, InputSignatureControlled, LabelStandAlone as Label, Link, LinkAsButton, ListOptions, MIRROR_POSITIONS, ModalUnControlled as Modal, ModalControlled, Option, POSITIONS, PageControl, Pagination, Popover, ProgressBar, RadioButton, RadioButtonStandAlone, SIZES, STATES, SelectUnControlled as Select, SelectControlled, SelectorBoxFile, Skeleton, Slider, Snackbar, StepperNumber, StylesContext, StylesProvider, Table, TableBody, TableCaption, TableCell, TableDivider, TableFoot, TableHead, TableRow, TabsUnControlled as Tabs, TabsControlled, Tag, Text, TextArea, ToggleControlled, ToggleStandalone, ToggleUncontrolled, TooltipUnControlled as Tooltip, TooltipControlled, UtilsContext, UtilsProvider, VirtualKeyboard, createSpringAnimation, generateSpringKeyframes, generateSpringKeyframesRule, popoverMWArrow, popoverMWAutoPlacement, popoverMWFlip, popoverMWHide, popoverMWOffset, popoverMWShift, popoverMWSize, useGenericComponents, useStylesContext, useUtilsProvider };

package/dist/esm/lib/hooks/useContentVisibility/useContentVisibility.js

@@ -1,7 +1,7 @@
 import { isContentVisibleEnough } from "./utils/contentVisibility.js";
 import { useCallback, useRef } from "react";
 const useContentVisibility = ({ minVisibleHeight: r = 100, onContentInvisible: i, onContentVisible: a }) => {
-	let o = useRef(null), s = useRef(null), c = useRef(), l = useRef(), u = useRef(void 0), d = useCallback(() => {
+	let o = useRef(null), s = useRef(null), c = useRef(void 0), l = useRef(void 0), u = useRef(void 0), d = useCallback(() => {
 		let e = o.current, t = s.current;
 		!e || !t || (a ? a() : (e.style.overflowY = "", t.style.overflowY = ""));
 	}, [a]), f = useCallback(() => {

package/dist/esm/lib/hooks/useScrollDetection/useScrollDetection.js

@@ -1,7 +1,7 @@
 import { hasScroll } from "../../utils/scroll/hasScroll.js";
 import { useCallback, useRef, useState } from "react";
 const useScrollDetection = ({ autoFocus: n = !1 } = {}) => {
-	let [r, i] = useState(!1), a = useRef(), o = useRef(!1);
+	let [r, i] = useState(!1), a = useRef(void 0), o = useRef(!1);
 	return {
 		handleScrollDetection: useCallback((e) => {
 			if (e) {

package/dist/esm/lib/provider/stylesProvider/stylesProvider.js

@@ -22,43 +22,43 @@ var defaultBreakpoints = {
 	onlyMobile: `(max-width: ${e.md - 1}px)`,
 	onlyTablet: `(min-width: ${e.md}px) and (max-width: ${e.lg - 1}px)`
 });
-const StylesProvider = ({ bernovaProvider: r, breakpoints: i = defaultBreakpoints, children: a, icons: o = {}, illustrations: s = {}, jsInCss: c = !0, linkId: l = "kb-styled-provider", themeSelected: u }) => {
-	let d = useMemo(() => buildMediaQueries(i), [i]), f = useMemo(() => new r({
+const StylesProvider = ({ bernovaProvider: r = {}, breakpoints: i = defaultBreakpoints, children: a, icons: o = {}, illustrations: s = {}, jsInCss: c = !0, linkId: l = "kb-styled-provider", themeSelected: u, genericComponents: d, dateHelpers: f }) => {
+	let p = useMemo(() => buildMediaQueries(i), [i]), m = useMemo(() => new r({
 		jsInCss: c,
 		linkId: l
 	}), [
 		r,
 		c,
 		l
-	]), [p, m] = useState(u || f.themeSelected);
-	f.themeSelected = p || "";
-	let h = (e) => {
-		f.themeSelected = e, m(e);
-	}, g = ({ additionalClassNames: e, component: t, variant: n }) => f.getComponentStyles({
+	]), [h, g] = useState(u || m.themeSelected);
+	m.themeSelected = h || "";
+	let _ = (e) => {
+		m.themeSelected = e, g(e);
+	}, v = ({ additionalClassNames: e, component: t, variant: n }) => m.getComponentStyles({
 		additionalClassNames: e,
 		component: t,
 		variant: n || ""
-	}), _ = useMemo(() => ({
+	}), y = useMemo(() => ({
 		breakpoints: i,
-		changeTheme: h,
+		changeTheme: _,
 		classes: [],
-		currentTheme: p,
-		getComponentStyles: g,
+		currentTheme: h,
+		getComponentStyles: v,
 		icons: o,
 		illustrations: s,
-		mediaQueries: d,
-		themeClassNames: f.classNames,
-		themes: f.allThemes,
-		themeVariables: f.variables
+		mediaQueries: p,
+		themeClassNames: m.classNames,
+		themes: m.allThemes,
+		themeVariables: m.variables
 	}), [
 		i,
-		p,
+		h,
 		o,
 		s,
-		d,
-		f.classNames,
-		f.allThemes,
-		f.variables
+		p,
+		m.classNames,
+		m.allThemes,
+		m.variables
 	]);
 	return /* @__PURE__ */ jsx(UtilsProvider, {
 		dateHelpers: {
@@ -72,14 +72,18 @@ const StylesProvider = ({ bernovaProvider: r, breakpoints: i = defaultBreakpoint
 			getSubYears,
 			isAfter,
 			isBefore,
-			isDatesEqual
+			isDatesEqual,
+			...f
 		},
 		formatDate,
 		transformDate,
 		children: /* @__PURE__ */ jsx(GenericComponentsProvider, {
-			value: { ...defaultGenericComponents },
+			value: {
+				...defaultGenericComponents,
+				...d
+			},
 			children: /* @__PURE__ */ jsx(StylesContext.Provider, {
-				value: _,
+				value: y,
 				children: a
 			})
 		})

package/dist/types/index.d.ts

@@ -1986,56 +1986,46 @@ declare interface DateFormatOptions {
     hourCycle?: Intl.DateTimeFormatOptions['hourCycle'];
 }
 
-declare interface DateFormatOptions_2 {
-    weekday?: Intl.DateTimeFormatOptions['weekday'];
-    year?: Intl.DateTimeFormatOptions['year'];
-    month?: Intl.DateTimeFormatOptions['month'];
-    day?: Intl.DateTimeFormatOptions['day'];
-    hour?: Intl.DateTimeFormatOptions['hour'];
-    minute?: Intl.DateTimeFormatOptions['minute'];
-    second?: Intl.DateTimeFormatOptions['second'];
-    timeZoneName?: Intl.DateTimeFormatOptions['timeZoneName'];
-    hour12?: Intl.DateTimeFormatOptions['hour12'];
-    hourCycle?: Intl.DateTimeFormatOptions['hourCycle'];
-}
-
-/**
- * Default implementations for generic components.
- * Provides standard HTML-based Link and Image components.
- * These are used when the application doesn't provide custom implementations.
- *
- * @example
- * ```tsx
- * import { defaultGenericComponents } from './defaultGenericComponents';
- *
- * <GenericComponentsProvider value={defaultGenericComponents}>
- *   <App />
- * </GenericComponentsProvider>
- * ```
- */
-export declare const defaultGenericComponents: {
-    IMAGE: ForwardRefExoticComponent<GenericImageProps & RefAttributes<unknown>>;
-    LINK: ForwardRefExoticComponent<    {
-    url: string;
-    id?: string;
-    children: string | JSX.Element;
-    className?: string;
-    target?: string;
-    onClick?: () => void;
-    onFocus?: () => void;
-    onMouseEnter?: () => void;
-    onMouseLeave?: () => void;
-    rel?: string;
-    role?: AriaRole;
-    dataTestId?: string;
-    draggable?: boolean;
-    } & {
-    "aria-label"?: string | undefined | undefined;
-    "aria-describedby"?: string | undefined | undefined;
-    "aria-labelledby"?: string | undefined | undefined;
-    "aria-disabled"?: (boolean | "false" | "true") | undefined;
-    "aria-current"?: boolean | "false" | "true" | "page" | "step" | "location" | "date" | "time" | undefined | undefined;
-    } & DataAttributes & RefAttributes<unknown>>;
+declare type dateHelpers = {
+    /** Subtracts a specified number of days from a date */
+    getSubDays: (date: Date, amount: number) => Date;
+    /** Subtracts a specified number of months from a date */
+    getSubMonths: (date: Date, amount: number) => Date;
+    /** Subtracts a specified number of years from a date */
+    getSubYears: (date: Date, amount: number) => Date;
+    /** Adds a specified number of months to a date */
+    getAddMonths: (date: Date, amount: number) => Date;
+    /** Adds a specified number of days to a date */
+    getAddDays: (date: Date, amount: number) => Date;
+    /** Adds a specified number of years to a date */
+    getAddYears: (date: Date, years: number) => Date;
+    /**
+     * Gets all month names in the specified format and locale.
+     * @param monthFormat - Format for month names ('long', 'short', 'narrow')
+     * @param locale - Optional locale string
+     * @returns Array of month names
+     */
+    getAllMonthName: (monthFormat: Intl.DateTimeFormatOptions['month'], locale?: string) => Array<string>;
+    /**
+     * Gets all weekday names in the specified format and locale.
+     * @param weekdayFormat - Format for weekday names ('long', 'short', 'narrow')
+     * @param isSundayFirst - Whether Sunday should be the first day of the week
+     * @param locale - Optional locale string
+     * @returns Array of weekday names
+     */
+    getAllWeekdayName: (weekdayFormat: Intl.DateTimeFormatOptions['weekday'], isSundayFirst: boolean, locale?: string) => Array<string>;
+    /** Checks if the first date is before the second date */
+    isBefore: (date1: Date, date2: Date) => boolean;
+    /** Checks if the first date is after the second date */
+    isAfter: (date1: Date, date2: Date) => boolean;
+    /**
+     * Checks if two dates are equal.
+     * @param firstDate - First date to compare
+     * @param secondDate - Second date to compare
+     * @param shouldCompareTime - Whether to include time in comparison
+     * @returns True if dates are equal
+     */
+    isDatesEqual: (firstDate: Date | number | string, secondDate: Date | number | string, shouldCompareTime: boolean) => boolean;
 };
 
 export declare const DEVICE_BREAKPOINTS: {
@@ -2161,88 +2151,6 @@ declare interface ElementOrIconProps extends Omit<IconProps, 'icon'>, DataAttrib
     basic?: boolean;
 }
 
-/**
- * ErrorMessage component for displaying error messages.
- *
- * This component renders a styled error message with optional icons and
- * customizable variants. It uses the ErrorMessageStandAlone component
- * for rendering with CSS classes from the design system.
- *
- * @example
- * ```tsx
- * <ErrorMessage variant="default">
- *   Please enter a valid email address
- * </ErrorMessage>
- * ```
- */
-export declare const ErrorMessage: ForwardRefExoticComponent<Omit<ErrorMessageStandAloneProps, "styles"> & {
-variant?: string | undefined;
-additionalClasses?: Partial<{
-icon: string;
-error_message: string;
-typography: string;
-}>;
-} & RefAttributes<HTMLDivElement>>;
-
-declare type ErrorMessageCssClasses = ComponentSelected<ComponentsTypesComponents['ERROR_MESSAGE']>;
-
-export declare type ErrorMessageProps<Variant = undefined extends string ? unknown : string> = Omit<ErrorMessageStandAloneProps, 'styles'> & {
-    variant?: Variant;
-    additionalClasses?: Partial<ErrorMessageCssClasses>;
-};
-
-export declare interface ErrorMessageStandAloneProps extends Pick<AriaAttributes, 'aria-live'> {
-    cssClasses?: ErrorMessageCssClasses;
-    show?: boolean;
-    message?: CommonTextProps;
-    id?: string;
-    icon?: CommonIconProps;
-}
-
-export declare interface ErrorMessageStyleProps extends CssLibPropsType {
-    _icon?: CssLibPropsType;
-    _typography?: CssLibPropsType;
-}
-
-export declare type ErrorMessageVariantStyles<Variant extends string> = ErrorMessageStyleProps & {
-    [key in Variant]: ErrorMessageStyleProps;
-};
-
-/**
- * Formats a date according to the specified format and locale.
- *
- * @param date - The date to format
- * @param format - The format to apply: can be a string pattern (e.g., 'dd/MM/yyyy'), a DateFormatOptions object, or a FormatDateType
- * @param locale - The locale to use for formatting (default: current locale)
- * @returns The formatted date string
- *
- * @remarks
- * Supports various tokens: d, dd (day), M, MM, MMM, MMMM (month), yy, yyyy (year), H, HH (hour), m, mm (minute), s, ss (second), W, WW (weekday)
- *
- * @example
- * ```typescript
- * const date = new Date('2024-01-15');
- * formatDate(date, 'dd/MM/yyyy'); // '15/01/2024'
- * formatDate(date, 'MMMM dd, yyyy', 'en-US'); // 'January 15, 2024'
- * ```
- */
-export declare const formatDate: (date: Date, format: DateFormatOptions_2 | FormatDateType | string, locale?: string) => string;
-
-/**
- * Converts a date to UTC format, adjusting for timezone differences.
- *
- * @param date - The date to convert (Date object, string, or timestamp)
- * @returns A Date object in UTC timezone
- * @throws Error if the date is invalid
- *
- * @example
- * ```typescript
- * const localDate = new Date('2024-01-15T10:30:00');
- * const utcDate = formatDateToUTC(localDate);
- * ```
- */
-export declare const formatDateToUTC: (date: Date | string | number) => Date;
-
 declare type FormatDateType = 'd' | 'dd' | 'ddd' | 'dddd' | 'f' | 'ff' | 'fff' | 'F' | 'FF' | 'FFF' | 'ffff' | 'FFFF' | 't' | 'tt' | 'T' | 'TT' | 'ttt' | 'TTT' | 'tttt' | 'TTTT';
 
 /**
@@ -2377,127 +2285,6 @@ declare type GenericLinkProps = {
  */
 declare type GenericLinkType = ((props: GenericLinkProps) => JSX.Element) | ForwardRefExoticComponent<GenericLinkProps & RefAttributes<unknown>>;
 
-/**
- * Adds a specified number of days to a date.
- *
- * @param date - The base date
- * @param days - Number of days to add
- * @returns A new Date with the specified days added
- *
- * @example
- * ```typescript
- * const today = new Date();
- * const nextWeek = getAddDays(today, 7);
- * ```
- */
-export declare const getAddDays: (date: Date, days: number) => Date;
-
-/**
- * Adds a specified number of months to a date.
- *
- * @param date - The base date
- * @param months - Number of months to add
- * @returns A new Date with the specified months added
- *
- * @example
- * ```typescript
- * const today = new Date();
- * const nextQuarter = getAddMonths(today, 3);
- * ```
- */
-export declare const getAddMonths: (date: Date, months: number) => Date;
-
-/**
- * Adds a specified number of years to a date.
- *
- * @param date - The base date
- * @param years - Number of years to add
- * @returns A new Date with the specified years added
- *
- * @example
- * ```typescript
- * const today = new Date();
- * const nextYear = getAddYears(today, 1);
- * ```
- */
-export declare const getAddYears: (date: Date, years: number) => Date;
-
-/**
- * Gets an array of all month names in the specified locale and format.
- *
- * @param type - The format type: 'long' (January), 'short' (Jan), or 'narrow' (J)
- * @param locale - The locale to use for month names (default: 'en-US')
- * @returns An array of 12 month names
- *
- * @example
- * ```typescript
- * getAllMonthNames('long', 'en-US'); // ['January', 'February', ...]
- * getAllMonthNames('short', 'es-ES'); // ['ene', 'feb', ...]
- * ```
- */
-export declare const getAllMonthNames: (type?: "long" | "short" | "narrow", locale?: string) => string[];
-
-/**
- * Gets an array of all weekday names in the specified locale and format.
- *
- * @param type - The format type: 'long' (Monday), 'short' (Mon), or 'narrow' (M)
- * @param isSundayFirst - If `true`, starts week with Sunday; if `false`, starts with Monday
- * @param locale - The locale to use for weekday names (default: 'en-US')
- * @returns An array of 7 weekday names
- *
- * @example
- * ```typescript
- * getAllWeekdayNames('long', false, 'en-US'); // ['Monday', 'Tuesday', ...]
- * getAllWeekdayNames('short', true, 'es-ES'); // ['dom', 'lun', ...]
- * ```
- */
-export declare const getAllWeekdayNames: (type: string | undefined, isSundayFirst: boolean, locale?: string) => string[];
-
-/**
- * Subtracts a specified number of days from a date.
- *
- * @param date - The base date
- * @param days - Number of days to subtract
- * @returns A new Date with the specified days subtracted
- *
- * @example
- * ```typescript
- * const today = new Date();
- * const lastWeek = getSubDays(today, 7);
- * ```
- */
-export declare const getSubDays: (date: Date, days: number) => Date;
-
-/**
- * Subtracts a specified number of months from a date.
- *
- * @param date - The base date
- * @param months - Number of months to subtract
- * @returns A new Date with the specified months subtracted
- *
- * @example
- * ```typescript
- * const today = new Date();
- * const lastQuarter = getSubMonths(today, 3);
- * ```
- */
-export declare const getSubMonths: (date: Date, months: number) => Date;
-
-/**
- * Subtracts a specified number of years from a date.
- *
- * @param date - The base date
- * @param years - Number of years to subtract
- * @returns A new Date with the specified years subtracted
- *
- * @example
- * ```typescript
- * const today = new Date();
- * const lastYear = getSubYears(today, 1);
- * ```
- */
-export declare const getSubYears: (date: Date, years: number) => Date;
-
 /**
  * Interface for controlled Accordion component
  */
@@ -2562,8 +2349,8 @@ export declare interface ICarousel extends Omit<ICarouselStandAlone, 'cssClasses
 
 declare interface ICarouselStandAlone extends DataAttributes {
     cssClasses?: CarouselCssClasses;
-    viewerContainerRef: React.RefObject<HTMLDivElement>;
-    contentContainerRef: React.RefObject<HTMLDivElement>;
+    viewerContainerRef: React.RefObject<HTMLDivElement | null>;
+    contentContainerRef: React.RefObject<HTMLDivElement | null>;
     elements: JSX.Element[];
     screenReaderOnly?: CarouselScreenReaderOnlyType;
     allowModifySliceWidth?: boolean;
@@ -2951,7 +2738,7 @@ export declare interface InputSignatureLineStyles {
  */
 export declare interface InputSignatureStandAloneProps extends DataAttributes {
     state: InputSignatureState;
-    canvasRef: React.RefObject<HTMLCanvasElement>;
+    canvasRef: React.RefObject<HTMLCanvasElement | null>;
     placeholder: CommonTextProps;
     errorText?: CommonTextProps;
     onClickContainer: (e: React.MouseEvent<HTMLDivElement>) => void;
@@ -3106,55 +2893,6 @@ declare interface IPopoverStandAlone extends DataAttributes, PopoverAriaAttribut
     popoverContainerRef?: React.ForwardedRef<HTMLElement>;
 }
 
-/**
- * Checks if the first date is after the second date.
- *
- * @param date1 - The first date to compare
- * @param date2 - The second date to compare
- * @returns `true` if date1 is after date2, otherwise `false`
- *
- * @example
- * ```typescript
- * const today = new Date();
- * const tomorrow = new Date(today.getTime() + 86400000);
- * isAfter(tomorrow, today); // true
- * ```
- */
-export declare const isAfter: (date1: Date, date2: Date) => boolean;
-
-/**
- * Checks if the first date is before the second date.
- *
- * @param date1 - The first date to compare
- * @param date2 - The second date to compare
- * @returns `true` if date1 is before date2, otherwise `false`
- *
- * @example
- * ```typescript
- * const yesterday = new Date();
- * const today = new Date();
- * isBefore(yesterday, today); // true
- * ```
- */
-export declare const isBefore: (date1: Date, date2: Date) => boolean;
-
-/**
- * Checks if two dates are equal.
- *
- * @param firstDate - The first date to compare (Date, string, or timestamp)
- * @param secondDate - The second date to compare (Date, string, or timestamp)
- * @param shouldCompareTime - If `true`, compares exact time; if `false`, compares only date (default: `false`)
- * @returns `true` if dates are equal, otherwise `false`
- *
- * @example
- * ```typescript
- * const date1 = new Date('2024-01-15');
- * const date2 = new Date('2024-01-15');
- * isDatesEqual(date1, date2); // true
- * ```
- */
-export declare const isDatesEqual: (firstDate: Date | string | number, secondDate: Date | string | number, shouldCompareTime?: boolean) => boolean;
-
 declare interface ISnackbarStandAlone extends DataAttributes, AriaAttributes {
     cssClasses?: SnackbarV2CssClasses;
     popover?: SnackbarV2Popover;
@@ -3675,31 +3413,6 @@ export declare type OptionVariantStyles<Variant extends string> = OptionStylePro
     [key in Variant]: OptionStyleProps;
 };
 
-declare type OverlayCssClasses = ComponentSelected<ComponentsTypesComponents['OVERLAY']>;
-
-/**
- * Interface for the Overlay component with a variant.
- * Extends the OverlayStandAloneProps interface and adds a variant and additional CSS classes.
- *
- * @template Variant - The type of the variant for the Overlay.
- */
-export declare interface OverlayProps<Variant = undefined extends string ? unknown : string> extends Omit<OverlayStandAloneProps, 'cssClasses'> {
-    variant?: Variant;
-    additionalClasses?: Partial<OverlayCssClasses>;
-}
-
-/**
- * Interface for the standalone Overlay component.
- * Includes optional CSS classes and data attributes.
- */
-export declare interface OverlayStandAloneProps extends DataAttributes {
-    cssClasses?: OverlayCssClasses;
-}
-
-export declare type OverlayVariantStyles<Variant extends string> = CssLibPropsType & {
-    [key in Variant]: CssLibPropsType;
-};
-
 /**
  * PageControl component for pagination/slide navigation indicators.
  *
@@ -4306,13 +4019,13 @@ export declare interface SelectStandAloneProps extends DataAttributes {
     listOptions: SelectListOptionsProps;
     optionSelected?: string;
     onOptionClick: (value: string) => void;
-    listOptionsRef: RefObject<HTMLDivElement>;
+    listOptionsRef: RefObject<HTMLDivElement | null>;
     closePopoverOnScroll?: boolean;
     openAndCloseOnHover?: boolean;
     url?: string;
     urlTarget?: HTMLAttributeAnchorTarget;
     component: 'button' | GenericLinkType;
-    buttonOrLinkRef?: RefObject<HTMLButtonElement>;
+    buttonOrLinkRef?: RefObject<HTMLButtonElement | null>;
     onFocus?: FocusEventHandler<HTMLDivElement>;
     onBlur?: FocusEventHandler<HTMLDivElement>;
     onKeyDown?: KeyboardEventHandler<HTMLDivElement>;
@@ -4513,7 +4226,7 @@ export declare interface SliderStandAloneProps extends DataAttributes {
     hover: boolean;
     pressed: boolean;
     activePointer: React.MutableRefObject<string>;
-    containerRef: React.RefObject<HTMLDivElement>;
+    containerRef: React.RefObject<HTMLDivElement | null>;
     onMouseDown: React.MouseEventHandler<HTMLDivElement>;
     onChange: (event: MouseEvent | React.TouchEvent | React.MouseEvent) => void;
     onTouchStart: React.TouchEventHandler<HTMLDivElement>;
@@ -4827,6 +4540,8 @@ declare interface StylesProviderProps {
     linkId?: string;
     /** Whether to inject CSS directly into JavaScript. Default: true */
     jsInCss?: boolean;
+    genericComponents?: GenericComponentsType;
+    dateHelpers?: dateHelpers;
 }
 
 /**
@@ -5825,25 +5540,6 @@ export declare type TooltipVariantStyles<Variant extends string> = TooltipStyleP
     [key in Variant]?: TooltipStyleProps;
 };
 
-/**
- * Transforms a date string or timestamp into a Date object using a specified format.
- *
- * @param date - The date as a string or timestamp number
- * @param format - The format pattern of the input date string (e.g., 'dd/MM/yyyy')
- * @returns A Date object parsed from the input
- *
- * @remarks
- * If no format is provided or date is a number, it will be converted directly to a Date.
- * Supports tokens like dd, MM, yyyy, HH, mm, ss for parsing.
- *
- * @example
- * ```typescript
- * transformDate('15/01/2024', 'dd/MM/yyyy'); // Date object for Jan 15, 2024
- * transformDate(1705334400000); // Date from timestamp
- * ```
- */
-export declare const transformDate: (date: string | number, format?: string) => Date;
-
 /**
  * Custom hook to access the generic components context.
  * Provides access to the custom Link and Image components configured in the provider.
@@ -5951,47 +5647,7 @@ declare interface UtilsContextType {
     /**
      * Collection of date manipulation and comparison utilities.
      */
-    dateHelpers: {
-        /** Subtracts a specified number of days from a date */
-        getSubDays: (date: Date, amount: number) => Date;
-        /** Subtracts a specified number of months from a date */
-        getSubMonths: (date: Date, amount: number) => Date;
-        /** Subtracts a specified number of years from a date */
-        getSubYears: (date: Date, amount: number) => Date;
-        /** Adds a specified number of months to a date */
-        getAddMonths: (date: Date, amount: number) => Date;
-        /** Adds a specified number of days to a date */
-        getAddDays: (date: Date, amount: number) => Date;
-        /** Adds a specified number of years to a date */
-        getAddYears: (date: Date, years: number) => Date;
-        /**
-         * Gets all month names in the specified format and locale.
-         * @param monthFormat - Format for month names ('long', 'short', 'narrow')
-         * @param locale - Optional locale string
-         * @returns Array of month names
-         */
-        getAllMonthName: (monthFormat: Intl.DateTimeFormatOptions['month'], locale?: string) => Array<string>;
-        /**
-         * Gets all weekday names in the specified format and locale.
-         * @param weekdayFormat - Format for weekday names ('long', 'short', 'narrow')
-         * @param isSundayFirst - Whether Sunday should be the first day of the week
-         * @param locale - Optional locale string
-         * @returns Array of weekday names
-         */
-        getAllWeekdayName: (weekdayFormat: Intl.DateTimeFormatOptions['weekday'], isSundayFirst: boolean, locale?: string) => Array<string>;
-        /** Checks if the first date is before the second date */
-        isBefore: (date1: Date, date2: Date) => boolean;
-        /** Checks if the first date is after the second date */
-        isAfter: (date1: Date, date2: Date) => boolean;
-        /**
-         * Checks if two dates are equal.
-         * @param firstDate - First date to compare
-         * @param secondDate - Second date to compare
-         * @param shouldCompareTime - Whether to include time in comparison
-         * @returns True if dates are equal
-         */
-        isDatesEqual: (firstDate: Date | number | string, secondDate: Date | number | string, shouldCompareTime: boolean) => boolean;
-    };
+    dateHelpers: dateHelpers;
 }
 
 /**

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@kubit-ui-web/react-components",
-  "version": "2.0.0-beta.55",
+  "version": "2.0.0-beta.57",
   "description": "Kubit React Components is a customizable, accessible library of React web components, designed to enhance your application's user experience",
   "author": {
     "name": "Kubit",
@@ -138,8 +138,8 @@
     }
   },
   "peerDependencies": {
-    "react": ">=17.0.0 || >=18.3.1",
-    "react-dom": ">=17.0.0 || >=18.3.1"
+    "react": "^18.3.0 || ^19.0.0",
+    "react-dom": "^18.3.0 || ^19.0.0"
   },
   "dependencies": {
     "@floating-ui/dom": "^1.7.5"
@@ -151,8 +151,8 @@
     "@testing-library/user-event": "^14.6.1",
     "@trivago/prettier-plugin-sort-imports": "^6.0.2",
     "@types/node": "^25.2.3",
-    "@types/react": "^18.3.12",
-    "@types/react-dom": "^18.3.1",
+    "@types/react": "^19.2.14",
+    "@types/react-dom": "^19.2.3",
     "@types/testing-library__jest-dom": "^6.0.0",
     "@vitejs/plugin-react": "^5.1.4",
     "@vitest/coverage-v8": "^4.0.18",
@@ -164,15 +164,15 @@
     "html-validate": "^10.7.0",
     "jsdom": "^28.0.0",
     "prettier": "^3.8.1",
-    "react": "18.3.1",
-    "react-dom": "18.3.1",
+    "react": "^19.2.4",
+    "react-dom": "^19.2.4",
     "typescript": "^5.9.3",
     "typescript-eslint": "^8.55.0",
     "vite": "8.0.0-beta.10",
     "vite-plugin-dts": "^4.5.4",
     "vitest": "^4.0.18",
     "vitest-axe": "^0.1.0",
-    "@kubit-ui-web/design-system": "2.0.0-beta.14"
+    "@kubit-ui-web/design-system": "2.0.0-beta.16"
   },
   "publishConfig": {
     "access": "public",