@kubit-ui-web/react-components 2.0.0-beta.4 → 2.0.0-beta.41

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

@@ -1 +1 @@
-import{j as o}from"../../../_virtual/jsx-runtime.js";import{TooltipUnControlled as e}from"../../tooltip/tooltipUnControlled.js";import{ElementOrIcon as a}from"../../../lib/components/elementOrIcon/elementOrIcon.js";import{useMediaDevice as t}from"../../../lib/hooks/useMediaDevice/useMediaDevice.js";import{pickCustomAttributes as i}from"../../../lib/utils/pickCustomAttributes/pickCustomAttributes.js";import{isTooltipVisible as s}from"../utils/ui.utils.js";const l=({ariaDescribedBy:l,ariaLabel:r,ariaLabelBy:n,cssClasses:d,customAttributes:c,disabled:u,hover:m,icon:b,max:p,min:h,onFocus:v,onKeyDown:j,onMouseOut:x,onMouseOver:y,onTouchStart:I,pressed:M,rightThumb:O,style:A,tooltip:f,tooltipAlign:C="top",value:D,...g})=>{const w=t(),B=i({...g,...c}),N=i(c);return s(f,M,w)&&d?.tooltip?/* @__PURE__ */o.jsx("div",{"data-disabled":u,"data-hover":m,"data-pressed":M,role:"presentation",style:A,...B,className:d?.thumb,children:/* @__PURE__ */o.jsx(e,{additionalClasses:d?.tooltip,align:C,childrenAsButton:!1,closeIcon:f?.closeIcon?{"aria-label":f.closeIconAriaLabel,color:f.closeIconColor,icon:f.closeIcon}:void 0,content:{content:f?.content},title:{content:f?.title},tooltipAsModal:!1,children:/* @__PURE__ */o.jsx("div",{"aria-describedby":l,"aria-disabled":u,"aria-label":r,"aria-labelledby":n,"aria-valuemax":p,"aria-valuemin":h,"aria-valuenow":D,className:d.innerthumbtooltip,"data-disabled":u,"data-hover":m,"data-pressed":M,role:"slider",tabIndex:0,onBlur:x,onFocus:v,onKeyDown:j,onMouseOut:x,onMouseOver:y,onTouchStart:I,...N,children:/* @__PURE__ */o.jsx(a,{className:O?d?.rightthumbicon:d?.thumbicon,...b})})})}):/* @__PURE__ */o.jsx("div",{"aria-describedby":l,"aria-disabled":u,"aria-label":r,"aria-labelledby":n,"aria-valuemax":p,"aria-valuemin":h,"aria-valuenow":D,className:d?.thumb,"data-disabled":u,"data-hover":m,"data-position":O?"right":void 0,"data-pressed":M,role:"slider",style:A,tabIndex:0,onBlur:x,onFocus:v,onKeyDown:j,onMouseOut:x,onMouseOver:y,onTouchStart:I,...B,children:/* @__PURE__ */o.jsx(a,{className:d?.thumbicon,...b})})};export{l as SliderThumbStandAlone};
+import{pickCustomAttributes as e}from"../../../lib/utils/pickCustomAttributes/pickCustomAttributes.js";import{ElementOrIcon as a}from"../../../lib/components/elementOrIcon/elementOrIcon.js";import{useMediaDevice as o}from"../../../lib/hooks/useMediaDevice/useMediaDevice.js";import{TooltipUnControlled as t}from"../../tooltip/tooltipUnControlled.js";import{isTooltipVisible as i}from"../utils/ui.utils.js";import{jsx as r}from"react/jsx-runtime";const s=({ariaDescribedBy:s,ariaLabel:l,ariaLabelBy:n,cssClasses:d,customAttributes:u,disabled:c,hover:m,icon:b,max:p,min:h,onFocus:v,onKeyDown:y,onMouseOut:M,onMouseOver:O,onTouchStart:x,pressed:f,rightThumb:j,style:A,tooltip:D,tooltipAlign:g="top",value:w,...B})=>{const C=o(),N=e({...B,...u}),I=e(u);return i(D,f,C)&&d?.tooltip?/* @__PURE__ */r("div",{"data-disabled":c,"data-hover":m,"data-pressed":f,role:"presentation",style:A,...N,className:d?.thumb,children:/* @__PURE__ */r(t,{additionalClasses:d?.tooltip,align:g,childrenAsButton:!1,content:{content:D?.content},tooltipAsModal:!1,children:/* @__PURE__ */r("div",{"aria-describedby":s,"aria-disabled":c,"aria-label":l,"aria-labelledby":n,"aria-valuemax":p,"aria-valuemin":h,"aria-valuenow":w,className:d.innerthumbtooltip,"data-disabled":c,"data-hover":m,"data-pressed":f,role:"slider",tabIndex:0,onBlur:M,onFocus:v,onKeyDown:y,onMouseOut:M,onMouseOver:O,onTouchStart:x,...I,children:/* @__PURE__ */r(a,{className:j?d?.rightthumbicon:d?.thumbicon,...b})})})}):/* @__PURE__ */r("div",{"aria-describedby":s,"aria-disabled":c,"aria-label":l,"aria-labelledby":n,"aria-valuemax":p,"aria-valuemin":h,"aria-valuenow":w,className:d?.thumb,"data-disabled":c,"data-hover":m,"data-position":j?"right":void 0,"data-pressed":f,role:"slider",style:A,tabIndex:0,onBlur:M,onFocus:v,onKeyDown:y,onMouseOut:M,onMouseOver:O,onTouchStart:x,...N,children:/* @__PURE__ */r(a,{className:d?.thumbicon,...b})})};export{s as SliderThumbStandAlone};

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

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

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

@@ -1,19 +1,17 @@
-import{j as e}from"../../_virtual/jsx-runtime.js";import{forwardRef as t}from"react";import{RenderIf as s}from"../../lib/components/renderIf/renderIf.js";import{useId as a}from"../../lib/hooks/useId/useId.js";import{classNames as r}from"../../lib/utils/classNames/classNames.js";import{pickCustomAttributes as i}from"../../lib/utils/pickCustomAttributes/pickCustomAttributes.js";import{processText as o}from"../../lib/utils/process/processText/processText.js";import{Text as l}from"../text/text.js";import{SliderButtonStandAlone as c}from"./components/sliderButtonStandAlone.js";import{SliderHelperTextStandAlone as d}from"./components/sliderHelperTextStandAlone.js";import{SliderScaleStandAlone as n}from"./components/sliderScaleStandAlone.js";import{SliderThumbStandAlone as u}from"./components/sliderThumbStandAlone.js";import{buildAriaDescribedBy as m}from"./utils/accessibility.utils.js";import{getState as h}from"./utils/state.utils.js";import{isActive as p}from"./utils/ui.utils.js";const b=t(({activePointer:t,ariaLabel:b,ariaLabelBy:x,containerRef:v,cssClasses:f,decrementButton:j,disabled:T,hover:$,incrementButton:g,label:k,leftHelperText:y,max:A,min:I,offset:L,offsetLeft:C,offsetRight:N,onChange:w,onKeyPress:B,onMouseDown:S,onTouchStart:H,pressed:M,range:D,rightAriaLabel:O,rightAriaLabelBy:F,rightHelperText:K,rightThumbIcon:R,rightTooltip:P,scaleOffsets:_,setHover:q,showScale:z,step:E,thumbIcon:G,tooltip:J,value:Q,...U},V)=>{const W=a("slider"),X=h({disabled:T,hover:$,pressed:M}),Y={"data-state":X},Z=U["data-testid"]??"slider",ee=i(Y),te=o(k).children&&!D?`${W}Label`:void 0,se=`${W}LeftHelperText`,ae=`${W}RightHelperText`,re=x??te;/* @__PURE__ */
-return e.jsxs("div",{ref:V,className:f?.slider,"data-disabled":T,"data-hover":$,"data-pressed":M,...ee,children:[
-/* @__PURE__ */e.jsx("div",{className:f?.labelcontainer,...ee,children:/* @__PURE__ */e.jsx(l,{additionalClasses:{text:f?.label},component:"label",customAttributes:Y,id:te,...o(k)})}),
-/* @__PURE__ */e.jsx(n,{cssClasses:f,customAttributes:Y,scaleOffsets:_,showScale:z}),
-/* @__PURE__ */e.jsxs("div",{className:f?.buttonstrackscontainer,children:[
-/* @__PURE__ */e.jsx(c,{...j,cssClasses:f,customAttributes:Y}),
-/* @__PURE__ */e.jsx("div",{className:f?.tracksthumbscontainer,children:/* @__PURE__ */e.jsxs("div",{ref:v,className:f?.tracksthumbsinnercontainer,"data-testid":`${Z}-container`,role:"button",tabIndex:0,onMouseDown:S,onTouchMove:w,onTouchStart:H,children:[
-/* @__PURE__ */e.jsx(s,{condition:D,children:/* @__PURE__ */e.jsxs(e.Fragment,{children:[
-/* @__PURE__ */e.jsx("div",{className:r({[`${f?.activetrack}`]:!1,[`${f?.inactivetrack}`]:!0}),...ee,"data-disabled":T,"data-hover":$,"data-pressed":M,"data-testid":`${Z}-inactive-left-track`,style:{left:0,width:`${C}%`}}),
-/* @__PURE__ */e.jsx("div",{className:r({[`${f?.activetrack}`]:!0,[`${f?.inactivetrack}`]:!1}),"data-disabled":T,"data-hover":$,"data-pressed":M,"data-testid":`${Z}-active-track`,style:{left:`${C}%`,right:`${N}%`},...ee}),
-/* @__PURE__ */e.jsx("div",{className:r({[`${f?.activetrack}`]:!1,[`${f?.inactivetrack}`]:!0}),"data-disabled":T,"data-hover":$,"data-pressed":M,"data-testid":`${Z}-inactive-right-track`,style:{right:0,width:`${N}%`},...ee}),
-/* @__PURE__ */e.jsx(u,{ariaDescribedBy:m([{helperText:y,helperTextId:se},{helperText:K,helperTextId:ae}]),ariaLabel:b,ariaLabelBy:re,cssClasses:f,customAttributes:Y,"data-testid":`${Z}-left-thumb`,disabled:T,hover:p($,t.current,"left"),icon:G,max:Q[1]-E,min:I,pressed:p(M,t.current,"left"),state:X,style:{left:`${C}%`},tooltip:J,value:Q[0],onFocus:()=>t.current="left",onKeyDown:B,onMouseOut:()=>q(!1),onMouseOver:()=>{q(!0),t.current="left"},onTouchStart:()=>{t.current="left"}}),
-/* @__PURE__ */e.jsx(u,{ariaDescribedBy:m([{helperText:y,helperTextId:se},{helperText:K,helperTextId:ae}]),ariaLabel:O,ariaLabelBy:F,cssClasses:f,customAttributes:Y,"data-testid":`${Z}-right-thumb`,disabled:T,hover:p($,t.current,"right"),icon:R,max:A,min:Q[0]+E,pressed:p(M,t.current,"right"),rightThumb:!0,state:X,style:{right:`${N}%`},tooltip:P,value:Q[1],onFocus:()=>t.current="right",onKeyDown:B,onMouseOut:()=>q(!1),onMouseOver:()=>{q(!0),t.current="right"},onTouchStart:()=>{t.current="right"}})]})}),
-/* @__PURE__ */e.jsx(s,{condition:!D,children:/* @__PURE__ */e.jsxs(e.Fragment,{children:[
-/* @__PURE__ */e.jsx("div",{className:r({[`${f?.activetrack}`]:!0,[`${f?.inactivetrack}`]:!1}),"data-disabled":T,"data-hover":$,"data-pressed":M,"data-testid":`${Z}-active-track`,style:{width:`${L}%`},...ee}),
-/* @__PURE__ */e.jsx("div",{className:r({[`${f?.activetrack}`]:!1,[`${f?.inactivetrack}`]:!0}),"data-disabled":T,"data-hover":$,"data-pressed":M,"data-testid":`${Z}-inactive-track`,style:{right:0,width:`calc(${100-L}%)`},...ee}),
-/* @__PURE__ */e.jsx(u,{ariaDescribedBy:m([{helperText:y,helperTextId:se},{helperText:K,helperTextId:ae}]),ariaLabel:b,ariaLabelBy:re,cssClasses:f,customAttributes:Y,"data-testid":`${Z}-thumb`,disabled:T,hover:$,icon:G,max:A,min:I,pressed:M,state:X,style:{left:`${L}%`},tooltip:J,value:Q,onKeyDown:B,onMouseOut:()=>q(!1),onMouseOver:()=>q(!0)})]})})]})}),
-/* @__PURE__ */e.jsx(c,{...g,cssClasses:f,customAttributes:Y})]}),
-/* @__PURE__ */e.jsx(d,{cssClasses:f,customAttributes:Y,leftHelperText:y,leftHelperTextId:se,rightHelperText:K,rightHelperTextId:ae})]})});export{b as SliderStandAlone};
+import{pickCustomAttributes as e}from"../../lib/utils/pickCustomAttributes/pickCustomAttributes.js";import{classNames as t}from"../../lib/utils/classNames/classNames.js";import{Text as s}from"../text/text2.js";import{processTextProp as a}from"../../lib/utils/process/processCommonProp.js";import{SliderButtonStandAlone as r}from"./components/sliderButtonStandAlone.js";import{SliderHelperTextStandAlone as i}from"./components/sliderHelperTextStandAlone.js";import{SliderScaleStandAlone as o}from"./components/sliderScaleStandAlone.js";import{isActive as l}from"./utils/ui.utils.js";import{SliderThumbStandAlone as c}from"./components/sliderThumbStandAlone.js";import{buildAriaDescribedBy as d}from"./utils/accessibility.utils.js";import{getState as n}from"./utils/state.utils.js";import{forwardRef as u,useId as m}from"react";import{Fragment as h,jsx as p,jsxs as b}from"react/jsx-runtime";const v=u(({activePointer:u,ariaLabel:v,ariaLabelBy:f,containerRef:$,cssClasses:x,decrementButton:T,disabled:g,hover:y,incrementButton:k,label:A,leftHelperText:C,max:L,min:j,offset:N,offsetLeft:w,offsetRight:B,onChange:I,onKeyPress:S,onMouseDown:H,onTouchStart:M,pressed:D,range:O,rightAriaLabel:K,rightAriaLabelBy:F,rightHelperText:P,rightThumbIcon:R,rightTooltip:q,scaleOffsets:z,setHover:E,showScale:G,step:J,thumbIcon:Q,tooltip:U,value:V,...W},X)=>{const Y=`slider-${m().replace(/:/g,"")}`,Z=n({disabled:g,hover:y,pressed:D}),_={"data-state":Z},ee=W["data-testid"]??"slider",te=e(_),se=a(A).children&&!O?`${Y}Label`:void 0,ae=`${Y}LeftHelperText`,re=`${Y}RightHelperText`,ie=f??se;/* @__PURE__ */
+return b("div",{ref:X,className:x?.slider,"data-disabled":g,"data-hover":y,"data-pressed":D,...te,children:[
+/* @__PURE__ */p("div",{className:x?.labelcontainer,...te,children:/* @__PURE__ */p(s,{additionalClasses:{text:x?.label},component:"label",customAttributes:_,id:se,...a(A)})}),
+/* @__PURE__ */p(o,{cssClasses:x,customAttributes:_,scaleOffsets:z,showScale:G}),
+/* @__PURE__ */b("div",{className:x?.buttonstrackscontainer,children:[
+/* @__PURE__ */p(r,{...T,cssClasses:x,customAttributes:_}),
+/* @__PURE__ */p("div",{className:x?.tracksthumbscontainer,children:/* @__PURE__ */b("div",{ref:$,className:x?.tracksthumbsinnercontainer,"data-testid":`${ee}-container`,role:"button",tabIndex:0,onMouseDown:H,onTouchMove:I,onTouchStart:M,children:[O&&/* @__PURE__ */b(h,{children:[
+/* @__PURE__ */p("div",{className:t({[`${x?.activetrack}`]:!1,[`${x?.inactivetrack}`]:!0}),...te,"data-disabled":g,"data-hover":y,"data-pressed":D,"data-testid":`${ee}-inactive-left-track`,style:{left:0,width:`${w}%`}}),
+/* @__PURE__ */p("div",{className:t({[`${x?.activetrack}`]:!0,[`${x?.inactivetrack}`]:!1}),"data-disabled":g,"data-hover":y,"data-pressed":D,"data-testid":`${ee}-active-track`,style:{left:`${w}%`,right:`${B}%`},...te}),
+/* @__PURE__ */p("div",{className:t({[`${x?.activetrack}`]:!1,[`${x?.inactivetrack}`]:!0}),"data-disabled":g,"data-hover":y,"data-pressed":D,"data-testid":`${ee}-inactive-right-track`,style:{right:0,width:`${B}%`},...te}),
+/* @__PURE__ */p(c,{ariaDescribedBy:d([{helperText:C,helperTextId:ae},{helperText:P,helperTextId:re}]),ariaLabel:v,ariaLabelBy:ie,cssClasses:x,customAttributes:_,"data-testid":`${ee}-left-thumb`,disabled:g,hover:l(y,u.current,"left"),icon:Q,max:V[1]-J,min:j,pressed:l(D,u.current,"left"),state:Z,style:{left:`${w}%`},tooltip:U,value:V[0],onFocus:()=>u.current="left",onKeyDown:S,onMouseOut:()=>E(!1),onMouseOver:()=>{E(!0),u.current="left"},onTouchStart:()=>{u.current="left"}}),
+/* @__PURE__ */p(c,{ariaDescribedBy:d([{helperText:C,helperTextId:ae},{helperText:P,helperTextId:re}]),ariaLabel:K,ariaLabelBy:F,cssClasses:x,customAttributes:_,"data-testid":`${ee}-right-thumb`,disabled:g,hover:l(y,u.current,"right"),icon:R,max:L,min:V[0]+J,pressed:l(D,u.current,"right"),rightThumb:!0,state:Z,style:{right:`${B}%`},tooltip:q,value:V[1],onFocus:()=>u.current="right",onKeyDown:S,onMouseOut:()=>E(!1),onMouseOver:()=>{E(!0),u.current="right"},onTouchStart:()=>{u.current="right"}})]}),!O&&/* @__PURE__ */b(h,{children:[
+/* @__PURE__ */p("div",{className:t({[`${x?.activetrack}`]:!0,[`${x?.inactivetrack}`]:!1}),"data-disabled":g,"data-hover":y,"data-pressed":D,"data-testid":`${ee}-active-track`,style:{width:`${N}%`},...te}),
+/* @__PURE__ */p("div",{className:t({[`${x?.activetrack}`]:!1,[`${x?.inactivetrack}`]:!0}),"data-disabled":g,"data-hover":y,"data-pressed":D,"data-testid":`${ee}-inactive-track`,style:{right:0,width:`calc(${100-N}%)`},...te}),
+/* @__PURE__ */p(c,{ariaDescribedBy:d([{helperText:C,helperTextId:ae},{helperText:P,helperTextId:re}]),ariaLabel:v,ariaLabelBy:ie,cssClasses:x,customAttributes:_,"data-testid":`${ee}-thumb`,disabled:g,hover:y,icon:Q,max:L,min:j,pressed:D,state:Z,style:{left:`${N}%`},tooltip:U,value:V,onKeyDown:S,onMouseOut:()=>E(!1),onMouseOver:()=>E(!0)})]})]})}),
+/* @__PURE__ */p(r,{...k,cssClasses:x,customAttributes:_})]}),
+/* @__PURE__ */p(i,{cssClasses:x,customAttributes:_,leftHelperText:C,leftHelperTextId:ae,rightHelperText:P,rightHelperTextId:re})]})});export{v as SliderStandAlone};

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

@@ -1 +1 @@
-import{ARROW_DOWN as e,ARROW_LEFT as t,ARROW_UP as a,ARROW_RIGHT as i,HOME as n,END as v}from"../../../lib/constants/keyboardKeys/keyboardKeys.js";const r=({activePointer:e,max:t,range:a,step:i,value:n})=>a?(({activePointer:e,max:t,step:a,value:i})=>{if("left"===e){if(i[0]+a>=i[1])return;return[i[0]+a,i[1]]}return i[1]+a>t?[i[0],t]:[i[0],i[1]+a]})({activePointer:e,max:t,step:i,value:n}):(({max:e,step:t,value:a})=>a+t>e?e:a+t)({max:t,step:i,value:n}),l=({activePointer:e,min:t,range:a,step:i,value:n})=>a?(({activePointer:e,min:t,step:a,value:i})=>"left"===e?i[0]-a<t?[t,i[1]]:[i[0]-a,i[1]]:i[1]-a<=i[0]?void 0:[i[0],i[1]-a])({activePointer:e,min:t,step:i,value:n}):(({min:e,step:t,value:a})=>a-t<e?e:a-t)({min:t,step:i,value:n}),u=({activePointer:u,event:s,max:p,min:m,range:o,step:c,value:P})=>[e.key,t.key].includes(s.key)?(s.preventDefault(),l({activePointer:u,min:m,range:o,step:c,value:P})):[a.key,i.key].includes(s.key)?(s.preventDefault(),r({activePointer:u,max:p,range:o,step:c,value:P})):[n.key].includes(s.key)?(s.preventDefault(),(({activePointer:e,min:t,range:a,step:i,value:n})=>a?(({activePointer:e,min:t,step:a,value:i})=>"left"===e?[t,i[1]]:[i[0],i[0]+a])({activePointer:e,min:t,step:i,value:n}):(({min:e})=>e)({min:t}))({activePointer:u,min:m,range:o,step:c,value:P})):[v.key].includes(s.key)?(s.preventDefault(),(({activePointer:e,max:t,range:a,step:i,value:n})=>a?(({activePointer:e,max:t,step:a,value:i})=>"left"===e?[i[1]-a,i[1]]:[i[0],t])({activePointer:e,max:t,step:i,value:n}):(({max:e})=>e)({max:t}))({activePointer:u,max:p,range:o,step:c,value:P})):void 0,s=e=>e.filter(e=>e.helperText).map(e=>e.helperTextId).join(" ")||void 0;export{s as buildAriaDescribedBy,u as calcNewValueAfterKeyPress,l as decrementValue,r as incrementValue};
+import{ARROW_DOWN as e,ARROW_LEFT as t,ARROW_RIGHT as a,ARROW_UP as i,END as n,HOME as v}from"../../../lib/constants/keyboardKeys/keyboardKeys.js";const r=({activePointer:e,max:t,range:a,step:i,value:n})=>a?(({activePointer:e,max:t,step:a,value:i})=>{if("left"===e){if(i[0]+a>=i[1])return;return[i[0]+a,i[1]]}return i[1]+a>t?[i[0],t]:[i[0],i[1]+a]})({activePointer:e,max:t,step:i,value:n}):(({max:e,step:t,value:a})=>a+t>e?e:a+t)({max:t,step:i,value:n}),l=({activePointer:e,min:t,range:a,step:i,value:n})=>a?(({activePointer:e,min:t,step:a,value:i})=>"left"===e?i[0]-a<t?[t,i[1]]:[i[0]-a,i[1]]:i[1]-a<=i[0]?void 0:[i[0],i[1]-a])({activePointer:e,min:t,step:i,value:n}):(({min:e,step:t,value:a})=>a-t<e?e:a-t)({min:t,step:i,value:n}),u=({activePointer:u,event:s,max:p,min:m,range:o,step:c,value:P})=>[e.key,t.key].includes(s.key)?(s.preventDefault(),l({activePointer:u,min:m,range:o,step:c,value:P})):[i.key,a.key].includes(s.key)?(s.preventDefault(),r({activePointer:u,max:p,range:o,step:c,value:P})):[v.key].includes(s.key)?(s.preventDefault(),(({activePointer:e,min:t,range:a,step:i,value:n})=>a?(({activePointer:e,min:t,step:a,value:i})=>"left"===e?[t,i[1]]:[i[0],i[0]+a])({activePointer:e,min:t,step:i,value:n}):(({min:e})=>e)({min:t}))({activePointer:u,min:m,range:o,step:c,value:P})):[n.key].includes(s.key)?(s.preventDefault(),(({activePointer:e,max:t,range:a,step:i,value:n})=>a?(({activePointer:e,max:t,step:a,value:i})=>"left"===e?[i[1]-a,i[1]]:[i[0],t])({activePointer:e,max:t,step:i,value:n}):(({max:e})=>e)({max:t}))({activePointer:u,max:p,range:o,step:c,value:P})):void 0,s=e=>e.filter(e=>e.helperText).map(e=>e.helperTextId).join(" ")||void 0;export{s as buildAriaDescribedBy,u as calcNewValueAfterKeyPress,l as decrementValue,r as incrementValue};

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

@@ -1 +1 @@
-import{translateValue as t}from"../../selectorBoxFile/utils/translateValue/translateValue.js";const e=({container:t,event:e,offsetBoundaries:a})=>{e.preventDefault();const n=t.clientWidth;let i=100*(("number"==typeof e?.pageX?e.pageX:e.touches[0].pageX)-(t.getBoundingClientRect().left+window.scrollX))/n;return i=Math.min(a.max,Math.max(a.min,i)),i},a=({max:e,min:a,offset:n,offsetBoundaries:i,step:u})=>{let l=t({inputMax:i.max,inputMin:i.min,outputMax:e,outputMin:a,value:n});const r=String(u).indexOf(".")>0?String(u).split(".")[1].length:0;if(r>0){const t=Math.pow(10,r);l=Math.round(l*t)/t}else l=Math.round(l);return l},n=({initialStepOffset:t,max:e,min:a,step:n,value:i})=>{const u=t+Math.ceil((a-t)/n)*n;if(u>e)return i;let l=u+Math.round((i-u)/n)*n;return l=Math.max(a,l),l=Math.min(e,l),Math.abs(a-i)<Math.abs(l-i)&&(l=a),Math.abs(e-i)<Math.abs(l-i)&&(l=e),l},i=({max:t,min:e,step:a,value:n})=>{const i=n-e;let u=a/2;if((t-e)%a>0&&i/a>Math.floor((t-e)/a)&&(u=(t-e)%a/2),i%a>u){const n=e+Math.ceil(i/a)*a;return n>t?t:n}return e+Math.floor(i/a)*a},u=({initialStepOffset:t,max:e,min:a,step:u,value:l})=>u<=0?l:void 0!==t?n({initialStepOffset:t,max:e,min:a,step:u,value:l}):i({max:e,min:a,step:u,value:l}),l=({activePointer:t,newValue:e,prevValue:a})=>"left"===t&&e<a[1]||e<=a[0],r=({activePointer:t,newValue:e,prevValue:a})=>"right"===t&&e>a[0]||e>=a[1],s=({activePointer:t,newValue:e,prevValue:a})=>l({activePointer:t.current,newValue:e,prevValue:a})?("right"===t.current&&(t.current="left"),[e,a[1]]):r({activePointer:t.current,newValue:e,prevValue:a})?("left"===t.current&&(t.current="right"),[a[0],e]):a,o=({initialStepOffset:e,max:a,min:n,step:i,type:u})=>{const l="discrete"===u&&i>0&&i<a-n;let r=[];if(l){const u=[n];for(let t=e??n;t<a;t+=i)t>n&&u.push(t);u.push(a),r=u.map(e=>t({inputMax:a,inputMin:n,outputMax:100,outputMin:0,value:e}))}return{scaleOffsets:r,showScale:l}},f=({max:e,min:a,offsetBoundaries:n,range:i,value:u})=>{if(a===e)return{offset:100,offsetLeft:0,offsetRight:0};let l,r,s;return i?(r=t({inputMax:e,inputMin:a,outputMax:n.max,outputMin:n.min,value:u[0]}),s=100-t({inputMax:e,inputMin:a,outputMax:n.max,outputMin:n.min,value:u[1]})):l=t({inputMax:e,inputMin:a,outputMax:n.max,outputMin:n.min,value:u}),{offset:l,offsetLeft:r,offsetRight:s}},p=({values1:t,values2:e})=>!(!Array.isArray(t)||!Array.isArray(e)||2!==t.length||2!==e.length)&&(t[0]===e[0]&&t[1]===e[1]),m=({defaultValue:t,max:e,min:a,value:n})=>(({max:t,min:e,value:a})=>void 0!==a&&a>=e&&a<=t)({max:e,min:a,value:n})?n:t,v=({initialStepOffset:t,max:e,min:a,range:n,step:i,value:l})=>{if(n){let n=[a,e];if((({value:t})=>Boolean(t&&Array.isArray(t)&&2===t.length))({value:l})){const r=l[0],s=l[1],o=m({defaultValue:a,max:e,min:a,value:r}),f=m({defaultValue:e,max:e,min:a,value:s});n=[u({initialStepOffset:t,max:e,min:a,step:i,value:o}),u({initialStepOffset:t,max:e,min:a,step:i,value:f})]}return n}const r=m({defaultValue:a,max:e,min:a,value:l});return u({initialStepOffset:t,max:e,min:a,step:i,value:r})};export{v as calcDefaultValue,s as calcNewRangeValue,u as calcScaleValue,n as calcScaleValueWithStepOffset,i as calcScaleValueWithoutStepOffset,a as calcValueByOffset,e as calculateChange,p as equalsRangeValues,f as getOffset,o as getScale,l as shouldUpdateLeftThumb,r as shouldUpdateRightThumb};
+import{translateValue as t}from"../../selectorBoxFile/utils/translateValue/translateValue.js";const e=({container:t,event:e,offsetBoundaries:a})=>{e.preventDefault();const n=t.clientWidth;let i=100*(("number"==typeof e?.pageX?e.pageX:e.touches[0].pageX)-(t.getBoundingClientRect().left+window.scrollX))/n;return i=Math.min(a.max,Math.max(a.min,i)),i},a=({max:e,min:a,offset:n,offsetBoundaries:i,step:u})=>{let l=t({inputMax:i.max,inputMin:i.min,outputMax:e,outputMin:a,value:n});const r=String(u).indexOf(".")>0?String(u).split(".")[1].length:0;if(r>0){const t=Math.pow(10,r);l=Math.round(l*t)/t}else l=Math.round(l);return l},n=({initialStepOffset:t,max:e,min:a,step:n,value:i})=>n<=0?i:void 0!==t?(({initialStepOffset:t,max:e,min:a,step:n,value:i})=>{const u=t+Math.ceil((a-t)/n)*n;if(u>e)return i;let l=u+Math.round((i-u)/n)*n;return l=Math.max(a,l),l=Math.min(e,l),Math.abs(a-i)<Math.abs(l-i)&&(l=a),Math.abs(e-i)<Math.abs(l-i)&&(l=e),l})({initialStepOffset:t,max:e,min:a,step:n,value:i}):(({max:t,min:e,step:a,value:n})=>{const i=n-e;let u=a/2;if((t-e)%a>0&&i/a>Math.floor((t-e)/a)&&(u=(t-e)%a/2),i%a>u){const n=e+Math.ceil(i/a)*a;return n>t?t:n}return e+Math.floor(i/a)*a})({max:e,min:a,step:n,value:i}),i=({activePointer:t,newValue:e,prevValue:a})=>(({activePointer:t,newValue:e,prevValue:a})=>"left"===t&&e<a[1]||e<=a[0])({activePointer:t.current,newValue:e,prevValue:a})?("right"===t.current&&(t.current="left"),[e,a[1]]):(({activePointer:t,newValue:e,prevValue:a})=>"right"===t&&e>a[0]||e>=a[1])({activePointer:t.current,newValue:e,prevValue:a})?("left"===t.current&&(t.current="right"),[a[0],e]):a,u=({initialStepOffset:e,max:a,min:n,step:i,type:u})=>{const l="discrete"===u&&i>0&&i<a-n;let r=[];if(l){const u=[n];for(let t=e??n;t<a;t+=i)t>n&&u.push(t);u.push(a),r=u.map(e=>t({inputMax:a,inputMin:n,outputMax:100,outputMin:0,value:e}))}return{scaleOffsets:r,showScale:l}},l=({max:e,min:a,offsetBoundaries:n,range:i,value:u})=>{if(a===e)return{offset:100,offsetLeft:0,offsetRight:0};let l,r,s;return i?(r=t({inputMax:e,inputMin:a,outputMax:n.max,outputMin:n.min,value:u[0]}),s=100-t({inputMax:e,inputMin:a,outputMax:n.max,outputMin:n.min,value:u[1]})):l=t({inputMax:e,inputMin:a,outputMax:n.max,outputMin:n.min,value:u}),{offset:l,offsetLeft:r,offsetRight:s}},r=({values1:t,values2:e})=>!(!Array.isArray(t)||!Array.isArray(e)||2!==t.length||2!==e.length)&&t[0]===e[0]&&t[1]===e[1];var s=({defaultValue:t,max:e,min:a,value:n})=>(({max:t,min:e,value:a})=>void 0!==a&&a>=e&&a<=t)({max:e,min:a,value:n})?n:t;const o=({initialStepOffset:t,max:e,min:a,range:i,step:u,value:l})=>{if(i){let i=[a,e];if((({value:t})=>Boolean(t&&Array.isArray(t)&&2===t.length))({value:l})){const r=l[0],o=l[1],f=s({defaultValue:a,max:e,min:a,value:r}),p=s({defaultValue:e,max:e,min:a,value:o});i=[n({initialStepOffset:t,max:e,min:a,step:u,value:f}),n({initialStepOffset:t,max:e,min:a,step:u,value:p})]}return i}return n({initialStepOffset:t,max:e,min:a,step:u,value:s({defaultValue:a,max:e,min:a,value:l})})};export{o as calcDefaultValue,i as calcNewRangeValue,n as calcScaleValue,a as calcValueByOffset,e as calculateChange,r as equalsRangeValues,l as getOffset,u as getScale};

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

@@ -1 +1 @@
-import{STATES as s}from"../../../lib/types/states/states.js";const e=({disabled:e,hover:t,pressed:o})=>e?s.DISABLED:o?s.PRESSED:t?s.HOVER:s.DEFAULT;export{e as getState};
+import{STATES as s}from"../../../lib/types/states/states.js";const e=({disabled:e,hover:t,pressed:o})=>e?s.DISABLED:o?s.PRESSED:t?s.HOVER:s.DEFAULT;export{e as getState};

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

@@ -1 +1 @@
-import{DeviceBreakpointsTypeUtils as o}from"../../../lib/types/breakpoints/breakpoints.js";const s=(o,s,t)=>o&&s===t,t=(s,t,p)=>!(!s||o.isDesktop(p)&&t);export{s as isActive,t as isTooltipVisible};
+import{DeviceBreakpointsTypeUtils as o}from"../../../lib/types/breakpoints/breakpoints.js";const s=(o,s,t)=>o&&s===t,t=(s,t,p)=>!(!s||o.isDesktop(p)&&t);export{s as isActive,t as isTooltipVisible};

package/dist/esm/components/snackbar/hooks/useSnackbarAutoClose.js

@@ -1 +1 @@
-import{useRef as e,useCallback as r,useEffect as t}from"react";const n=({closeTimeout:n,onClose:u,open:c})=>{const o=e(null),l=e(!1),a=e(!1),s=e(null),m=r(()=>{!n||l.current||a.current||(o.current=setTimeout(()=>{u?.()},n))},[n,u]),d=r(()=>{o.current&&clearTimeout(o.current)},[]);t(()=>(c?(s.current=document.activeElement,m()):d(),()=>{d()}),[c,m]);const i=r(e=>{l.current=!0,d()},[d]),T=r(e=>{l.current=!1,m()},[m]),h=r(e=>{a.current||(a.current=!0,d())},[d]);return{handleBlur:r(e=>{a.current&&e.currentTarget.contains(e.relatedTarget)||(a.current=!1,m())},[m]),handleFocus:h,handleMouseEnter:i,handleMouseLeave:T,lastFocusedElement:s}};export{n as useSnackbarAutoClose};
+import{useCallback as e,useEffect as r,useRef as t}from"react";const n=({closeTimeout:n,onClose:u,open:c})=>{const o=t(null),l=t(!1),a=t(!1),s=t(null),m=e(()=>{!n||l.current||a.current||(o.current=setTimeout(()=>{u?.()},n))},[n,u]),d=e(()=>{o.current&&clearTimeout(o.current)},[]);r(()=>(c?(s.current=document.activeElement,m()):d(),()=>{d()}),[c,m]);const i=e(e=>{l.current=!0,d()},[d]),T=e(e=>{l.current=!1,m()},[m]),h=e(e=>{a.current||(a.current=!0,d())},[d]);return{handleBlur:e(e=>{a.current&&e.currentTarget.contains(e.relatedTarget)||(a.current=!1,m())},[m]),handleFocus:h,handleMouseEnter:i,handleMouseLeave:T,lastFocusedElement:s}};export{n as useSnackbarAutoClose};

package/dist/esm/components/snackbar/snackbar.js

@@ -1,2 +1,2 @@
-import{j as o}from"../../_virtual/jsx-runtime.js";import{forwardRef as s,useRef as e,useImperativeHandle as n}from"react";import{useClassName as a}from"../../lib/hooks/useClassName/useClassName.js";import{useSnackbarAutoClose as r}from"./hooks/useSnackbarAutoClose.js";import{SnackbarStandAlone as l}from"./snackbarStandAlone.js";const t=s(({additionalClasses:s,closeTimeout:t,open:u=!1,...m},i)=>{const c=a({additionalClassNames:s,component:"SNACKBAR"}),p=e(null);n(i,()=>p?.current,[]);const{handleBlur:d,handleFocus:C,handleMouseEnter:j,handleMouseLeave:f}=r({closeTimeout:t,onClose:m.onClose,open:u});/* @__PURE__ */
-return o.jsx(l,{...m,ref:p,cssClasses:c,open:u,onBlur:d,onFocus:C,onMouseEnter:j,onMouseLeave:f})});export{t as Snackbar};
+import{useClassName as o}from"../../lib/hooks/useClassName/useClassName.js";import{useSnackbarAutoClose as e}from"./hooks/useSnackbarAutoClose.js";import{SnackbarStandAlone as s}from"./snackbarStandAlone.js";import{forwardRef as n,useImperativeHandle as a,useRef as r}from"react";import{jsx as t}from"react/jsx-runtime";const l=n(({additionalClasses:n,closeTimeout:l,open:u=!1,...m},c)=>{const i=o({additionalClassNames:n,component:"SNACKBAR"}),p=r(null);a(c,()=>p?.current,[]);const{handleBlur:d,handleFocus:C,handleMouseEnter:f,handleMouseLeave:h}=e({closeTimeout:l,onClose:m.onClose,open:u});/* @__PURE__ */
+return t(s,{...m,ref:p,cssClasses:i,open:u,onBlur:d,onFocus:C,onMouseEnter:f,onMouseLeave:h})});export{l as Snackbar};

package/dist/esm/components/snackbar/snackbarStandAlone.js

@@ -1 +1 @@
-import{j as s}from"../../_virtual/jsx-runtime.js";import{forwardRef as e}from"react";import{classNames as o}from"../../lib/utils/classNames/classNames.js";import{Popover as r}from"../popover/popover.js";const a=e(({children:e,cssClasses:a,onClose:i,open:l,popover:p,...t},c)=>/* @__PURE__ */s.jsx(r,{disableClickOverlayClose:!0,disableEscapeClose:!0,component:"div",open:l,onClose:i,...p,children:/* @__PURE__ */s.jsx("div",{ref:c,className:o(a?.container),"data-testid":"snackbar",...t,children:e})}));export{a as SnackbarStandAlone};
+import{classNames as e}from"../../lib/utils/classNames/classNames.js";import{Popover as o}from"../popover/popover.js";import{forwardRef as s}from"react";import{jsx as r}from"react/jsx-runtime";const a=s(({children:s,cssClasses:a,onClose:i,open:l,popover:c,...p},t)=>/* @__PURE__ */r(o,{disableClickOverlayClose:!0,disableEscapeClose:!0,component:"div",open:l,onClose:i,...c,children:/* @__PURE__ */r("div",{ref:t,className:e(a?.container),"data-testid":"snackbar",...p,children:s})}));export{a as SnackbarStandAlone};

package/dist/esm/components/stepperNumber/helpers/aria.js

@@ -1 +1 @@
-const t=(t,e,o)=>t===e&&"vertical"===o?"step":void 0;export{t as buildAriaCurrent};
+const t=(t,e,o)=>t===e&&"vertical"===o?"step":void 0;export{t as buildAriaCurrent};

package/dist/esm/components/stepperNumber/helpers/screnReader.js

@@ -1 +1 @@
-const e=(e,f,r,t,c,i)=>{if(i)return((e,f,r,t,c)=>{let i;i=c?.prefix?`${c.prefix?.step} ${e+1} ${c.prefix?.of} ${f} ${t}`:t;return e<r&&c?.suffix?.completed?i=i.concat(" ",c.suffix?.completed):e===r&&c?.suffix?.current&&(i=i.concat(" ",c.suffix?.current)),i})(e,r,f,c,t)};export{e as buildScreenReaderText};
+const e=(e,f,r,t,c,i)=>{if(i)return((e,f,r,t,c)=>{let i;return i=c?.prefix?`${c.prefix?.step} ${e+1} ${c.prefix?.of} ${f} ${t}`:t,e<r&&c?.suffix?.completed?i=i.concat(" ",c.suffix?.completed):e===r&&c?.suffix?.current&&(i=i.concat(" ",c.suffix?.current)),i})(e,r,f,c,t)};export{e as buildScreenReaderText};

package/dist/esm/components/stepperNumber/helpers/stepState.js

@@ -1 +1 @@
-import{STATES as t}from"../../../lib/types/states/states.js";const e=(e,a)=>{if(!e?.length)return[];const r=Math.max(0,Math.min(a,e.length)),n=e?.reduce((e,a,n)=>{const s=n<r?t.COMPLETED:t.INACTIVE,l=n===r?t.ACTIVE:s;return[...e,{"aria-label":a["aria-label"],name:a.name,state:l}]},[]);return n};export{e as mapToStepState};
+import{STATES as t}from"../../../lib/types/states/states.js";const e=(e,a)=>{if(!e?.length)return[];const r=Math.max(0,Math.min(a,e.length));return e?.reduce((e,a,n)=>{const s=n===r?t.ACTIVE:n<r?t.COMPLETED:t.INACTIVE;return[...e,{"aria-label":a["aria-label"],name:a.name,state:s}]},[])};export{e as mapToStepState};

package/dist/esm/components/stepperNumber/stepperNumber.js

@@ -1,2 +1,2 @@
-import{j as a}from"../../_virtual/jsx-runtime.js";import{forwardRef as s}from"react";import{useClassName as t}from"../../lib/hooks/useClassName/useClassName.js";import{StepperNumberStandAlone as o}from"./stepperNumberStandAlone.js";const i="STEPPER_NUMBER",n=s(({additionalOrientationClasses:s,additionalVariantClasses:n,orientation:r="horizontal",variant:e,...l},m)=>{const d=t({additionalClassNames:n,component:i,variant:e}),p=t({additionalClassNames:s,component:i,variant:r});/* @__PURE__ */
-return a.jsx(o,{...l,ref:m,cssOrientationClasses:p,cssVariantClasses:d,orientation:r})});export{n as StepperNumber};
+import{useClassName as a}from"../../lib/hooks/useClassName/useClassName.js";import{StepperNumberStandAlone as s}from"./stepperNumberStandAlone.js";import{forwardRef as t}from"react";import{jsx as o}from"react/jsx-runtime";var i="STEPPER_NUMBER";const n=t(({additionalOrientationClasses:t,additionalVariantClasses:n,orientation:r="horizontal",variant:e,...m},l)=>{const d=a({additionalClassNames:n,component:i,variant:e}),p=a({additionalClassNames:t,component:i,variant:r});/* @__PURE__ */
+return o(s,{...m,ref:l,cssOrientationClasses:p,cssVariantClasses:d,orientation:r})});export{n as StepperNumber};

package/dist/esm/components/stepperNumber/stepperNumberStandAlone.js

@@ -1,10 +1,3 @@
-import{j as e}from"../../_virtual/jsx-runtime.js";import{forwardRef as t}from"react";import{Text as s}from"../text/text.js";import{ElementOrIcon as n}from"../../lib/components/elementOrIcon/elementOrIcon.js";import{STATES as a}from"../../lib/types/states/states.js";import{classNames as r}from"../../lib/utils/classNames/classNames.js";import{pickCustomAttributes as i}from"../../lib/utils/pickCustomAttributes/pickCustomAttributes.js";import{CustomComponent as o}from"../../lib/components/customComponent/customComponent.js";import{buildAriaCurrent as c}from"./helpers/aria.js";import{buildScreenReaderText as l}from"./helpers/screnReader.js";import{mapToStepState as p}from"./helpers/stepState.js";const m=t(({completedStepIcon:t,cssOrientationClasses:m,cssVariantClasses:d,currentStep:x=0,horizontalOrientationWidth:j,orientation:u,screenReaderCompletedStep:h,screenReaderTextBuilder:b,screenReaderTitle:f,stepMaxTruncatedLines:C,steps:N,...y},$)=>{const v=p(N,x),O="vertical"===u,T=Boolean(f),k=y["data-testid"]||"stepper-number";/* @__PURE__ */
-return e.jsxs("div",{ref:$,"aria-hidden":!O,"data-testid":k,children:[f?.content&&/* @__PURE__ */e.jsx(o,{className:"kbt-sr-only",component:f.component,children:f?.content}),
-/* @__PURE__ */e.jsx("ol",{className:r(m?.stepper_number,d?.stepper_number),"data-testid":`${k}-steps-container`,children:v.map((p,f)=>{const N=f===v.length-1,y={"data-state":p.state},$=i(y);/* @__PURE__ */
-return e.jsxs("li",{"aria-current":c(x,f,u),"data-testid":`${k}-li-${f}`,style:{display:O?"flex":"block",width:!O&&N?"auto":j},children:[T&&/* @__PURE__ */e.jsx("screen-reader-only",{children:l(f,x,v.length,b,p.name,O)}),
-/* @__PURE__ */e.jsxs("span",{"aria-hidden":!(O&&!T)||void 0,className:r(m?.stepcontainer,d?.stepcontainer),...$,children:[
-/* @__PURE__ */e.jsxs("span",{className:d?.stepcirclecontainer,"data-testid":`${k}-step-${f}`,style:{flexDirection:"vertical"===u?"column":"row"},children:[
-/* @__PURE__ */e.jsx("span",{className:r(m?.stepcircle,d?.stepcircle),...$,children:p.state===a.COMPLETED?/* @__PURE__ */e.jsxs(e.Fragment,{children:[
-/* @__PURE__ */e.jsx(n,{className:r(m?.iconselected,d?.iconselected),customAttributes:y,...t}),
-/* @__PURE__ */e.jsx("screen-reader-only",{children:f+1})]}):/* @__PURE__ */e.jsx(s,{additionalClasses:{text:r(m?.stepindex,d?.stepindex)},component:"span",customAttributes:y,children:f+1})}),!N&&/* @__PURE__ */e.jsx("span",{className:r(m?.stepbar,d?.stepbar),...i({"data-state":v[f+1].state})})]}),O&&/* @__PURE__ */e.jsxs("span",{"aria-hidden":!!T||void 0,className:r(m?.stepnamecontainer,d?.stepnamecontainer),"data-islast":N,"data-testid":`${k}-step-description-${f}`,...$,children:[
-/* @__PURE__ */e.jsx(s,{additionalClasses:{text:r(m?.stepname,d?.stepname)},component:"span",customAttributes:y,maxTruncatedLines:C,children:p.name}),!T&&p.state===a.COMPLETED&&h?.content&&/* @__PURE__ */e.jsxs(o,{className:"kbt-sr-only",component:h.component,"data-testid":h["data-testid"],children:[" ",h.content]})]})]})]},`stepContainer-${f.toString()}`)})})]})});export{m as StepperNumberStandAlone};
+import{CustomComponent as e}from"../../lib/components/customComponent/customComponent.js";import{pickCustomAttributes as t}from"../../lib/utils/pickCustomAttributes/pickCustomAttributes.js";import{classNames as s}from"../../lib/utils/classNames/classNames.js";import{Text as n}from"../text/text2.js";import{ScreenReaderOnly as a}from"../../lib/components/screen-reader-only/screenReaderOnly.js";import{ElementOrIcon as r}from"../../lib/components/elementOrIcon/elementOrIcon.js";import{STATES as i}from"../../lib/types/states/states.js";import{buildAriaCurrent as o}from"./helpers/aria.js";import{buildScreenReaderText as c}from"./helpers/screnReader.js";import{mapToStepState as l}from"./helpers/stepState.js";import{forwardRef as m}from"react";import{Fragment as p,jsx as d,jsxs as u}from"react/jsx-runtime";const h=m(({completedStepIcon:m,cssOrientationClasses:h,cssVariantClasses:b,currentStep:f=0,horizontalOrientationWidth:x,orientation:C,screenReaderCompletedStep:j,screenReaderTextBuilder:N,screenReaderTitle:y,stepMaxTruncatedLines:$,steps:O,...T},k)=>{const v=l(O,f),A="vertical"===C,R=Boolean(y),S=T["data-testid"]||"stepper-number";/* @__PURE__ */
+return u("div",{ref:k,"aria-hidden":!A,"data-testid":S,children:[y?.content&&/* @__PURE__ */d(e,{className:"kbt-sr-only",component:y.component,children:y?.content}),/* @__PURE__ */d("ol",{className:s(h?.stepper_number,b?.stepper_number),"data-testid":`${S}-steps-container`,children:v.map((l,y)=>{const O=y===v.length-1,T={"data-state":l.state},k=t(T);/* @__PURE__ */
+return u("li",{"aria-current":o(f,y,C),"data-testid":`${S}-li-${y}`,style:{display:A?"flex":"block",width:!A&&O?"auto":x},children:[R&&/* @__PURE__ */d(a,{children:c(y,f,v.length,N,l.name,A)}),/* @__PURE__ */u("span",{"aria-hidden":!(A&&!R)||void 0,className:s(h?.stepcontainer,b?.stepcontainer),...k,children:[/* @__PURE__ */u("span",{className:b?.stepcirclecontainer,"data-testid":`${S}-step-${y}`,style:{flexDirection:"vertical"===C?"column":"row"},children:[/* @__PURE__ */d("span",{className:s(h?.stepcircle,b?.stepcircle),...k,children:l.state===i.COMPLETED?/* @__PURE__ */u(p,{children:[/* @__PURE__ */d(r,{className:s(h?.iconselected,b?.iconselected),customAttributes:T,...m}),/* @__PURE__ */d(a,{children:y+1})]}):/* @__PURE__ */d(n,{additionalClasses:{text:s(h?.stepindex,b?.stepindex)},component:"span",customAttributes:T,children:y+1})}),!O&&/* @__PURE__ */d("span",{className:s(h?.stepbar,b?.stepbar),...t({"data-state":v[y+1].state})})]}),A&&/* @__PURE__ */u("span",{"aria-hidden":!!R||void 0,className:s(h?.stepnamecontainer,b?.stepnamecontainer),"data-islast":O,"data-testid":`${S}-step-description-${y}`,...k,children:[/* @__PURE__ */d(n,{additionalClasses:{text:s(h?.stepname,b?.stepname)},component:"span",customAttributes:T,maxTruncatedLines:$,children:l.name}),!R&&l.state===i.COMPLETED&&j?.content&&/* @__PURE__ */u(e,{className:"kbt-sr-only",component:j.component,"data-testid":j["data-testid"],children:[" ",j.content]})]})]})]},`stepContainer-${y.toString()}`)})})]})});export{h as StepperNumberStandAlone};

package/dist/esm/components/table/hooks/useTableHasScroll.js

@@ -1 +1 @@
-import{useState as e,useEffect as r}from"react";import{ResizeObserver as t}from"../../../lib/utils/resizeObserver/resizeObserver.js";import{hasScroll as o}from"../../../lib/utils/scroll/hasScroll.js";const s=({disabled:s=!1,ref:l})=>{const[c,n]=e(!1);return r(()=>{const e=l.current?.querySelector?.("[data-table-scrollable-container]");let r;if(e instanceof HTMLElement&&!s){const s=e=>{n(o(e))};s(e),r=new t(()=>{s(e)}),r.observe(e)}return s&&n(!1),()=>{r?.disconnect()}},[s]),{hasScroll:c}};export{s as useTableHasScroll};
+import{hasScroll as e}from"../../../lib/utils/scroll/hasScroll.js";import{useEffect as r,useState as t}from"react";const o=({disabled:o=!1,ref:l})=>{const[s,c]=t(!1);return r(()=>{const r=l.current?.querySelector?.("[data-table-scrollable-container]");let t;if(r instanceof HTMLElement&&!o){const o=r=>{c(e(r))};o(r),t=new ResizeObserver(()=>{o(r)}),t.observe(r)}return o&&c(!1),()=>{t?.disconnect()}},[o]),{hasScroll:s}};export{o as useTableHasScroll};

package/dist/esm/components/table/hooks/useTableShadow.js

@@ -1 +1 @@
-import{useEffect as e}from"react";import{ResizeObserver as t}from"../../../lib/utils/resizeObserver/resizeObserver.js";const s=({disabled:s=!1,headBoxShadow:r,leftBoxShadow:o,ref:a,rightBoxShadow:l})=>(e(()=>{const e=a.current,c=e?.querySelector("[data-table-scrollable-container]");let i;const n=()=>{if(!c)return;const t=c.querySelector("[data-table-head]");if(t instanceof HTMLElement&&t.hasAttribute("data-sticky")&&r&&(c.scrollTop?t.classList.add(r):t.classList.remove(r)),o){const t=e?.querySelector("[data-table-left-shadow]");t instanceof HTMLElement&&(c.scrollLeft?t.classList.add(o):t.classList.remove(o))}if(l){const t=e?.querySelector("[data-table-right-shadow]");t instanceof HTMLElement&&(c.scrollLeft+c.clientWidth<c.scrollWidth?t.classList.add(l):t.classList.remove(l))}};return c instanceof HTMLElement&&!s&&(n(),c?.addEventListener("scroll",n),i=new t(()=>{n()}),i.observe(c)),()=>{c?.removeEventListener("scroll",n),i?.disconnect()}},[s]),{});export{s as useTableShadow};
+import{useEffect as e}from"react";const t=({disabled:t=!1,headBoxShadow:s,leftBoxShadow:a,ref:o,rightBoxShadow:r})=>(e(()=>{const e=o.current,l=e?.querySelector("[data-table-scrollable-container]");let c;const n=()=>{if(!l)return;const t=l.querySelector("[data-table-head]");if(t instanceof HTMLElement&&t.hasAttribute("data-sticky")&&s&&(l.scrollTop?t.classList.add(s):t.classList.remove(s)),a){const t=e?.querySelector("[data-table-left-shadow]");t instanceof HTMLElement&&(l.scrollLeft?t.classList.add(a):t.classList.remove(a))}if(r){const t=e?.querySelector("[data-table-right-shadow]");t instanceof HTMLElement&&(l.scrollLeft+l.clientWidth<l.scrollWidth?t.classList.add(r):t.classList.remove(r))}};return l instanceof HTMLElement&&!t&&(n(),l?.addEventListener("scroll",n),c=new ResizeObserver(()=>{n()}),c.observe(l)),()=>{l?.removeEventListener("scroll",n),c?.disconnect()}},[t]),{});export{t as useTableShadow};

package/dist/esm/components/table/hooks/useTableStickyLeftColumns.js

@@ -1 +1 @@
-import{useEffect as e}from"react";import{ResizeObserver as t}from"../../../lib/utils/resizeObserver/resizeObserver.js";import{hasHorizontalScroll as r}from"../../../lib/utils/scroll/hasScroll.js";const l=({disabled:l=!1,ref:o})=>(e(()=>{const e=o.current?.querySelector("[data-table-scrollable-container]"),s=o.current?.querySelector("[data-table-left-shadow]");let a;if(e instanceof HTMLElement&&!l){const l=e=>{const t=r(e),l=e.querySelectorAll("[data-table-row]");let o=0;l.forEach(e=>{const r=Array.from(e.querySelectorAll('[data-sticky="left"]'));let l=0;r.forEach(e=>{e instanceof HTMLElement&&(e.style.left=t?`${l}px`:"auto",l+=e.offsetWidth)}),o=Math.max(o,l)}),s instanceof HTMLElement&&(s.style.left=`${o}px`)};l(e),a=new t(()=>{l(e)}),a.observe(e)}return()=>{a?.disconnect()}},[l]),{});export{l as useTableStickyLeftColumns};
+import{hasHorizontalScroll as e}from"../../../lib/utils/scroll/hasScroll.js";import{useEffect as t}from"react";const r=({disabled:r=!1,ref:l})=>(t(()=>{const t=l.current?.querySelector("[data-table-scrollable-container]"),o=l.current?.querySelector("[data-table-left-shadow]");let a;if(t instanceof HTMLElement&&!r){const r=t=>{const r=e(t),l=t.querySelectorAll("[data-table-row]");let a=0;l.forEach(e=>{const t=Array.from(e.querySelectorAll('[data-sticky="left"]'));let l=0;t.forEach(e=>{e instanceof HTMLElement&&(e.style.left=r?`${l}px`:"auto",l+=e.offsetWidth)}),a=Math.max(a,l)}),o instanceof HTMLElement&&(o.style.left=`${a}px`)};r(t),a=new ResizeObserver(()=>{r(t)}),a.observe(t)}return()=>{a?.disconnect()}},[r]),{});export{r as useTableStickyLeftColumns};

package/dist/esm/components/table/hooks/useTableStickyRightColumns.js

@@ -1 +1 @@
-import{useEffect as e}from"react";import{ResizeObserver as t}from"../../../lib/utils/resizeObserver/resizeObserver.js";import{hasHorizontalScroll as r,hasVerticalScroll as o}from"../../../lib/utils/scroll/hasScroll.js";const l=({disabled:l=!1,ref:s})=>(e(()=>{const e=s.current?.querySelector("[data-table-scrollable-container]"),a=s.current?.querySelector("[data-table-right-shadow]");let i;if(e instanceof HTMLElement&&!l){const l=e=>{const t=r(e),l=e.querySelectorAll("[data-table-row]");let s=0;if(l.forEach(e=>{const r=Array.from(e.querySelectorAll('[data-sticky="true"], [data-sticky="right"]')).reverse();let o=0;r.forEach(e=>{e instanceof HTMLElement&&(e.style.right=t?`${o}px`:"auto",o+=e.offsetWidth)}),s=Math.max(s,o)}),a instanceof HTMLElement){if(o(e)){const t=e.offsetWidth-e.clientWidth;s+=t}a.style.right=`${s}px`}};l(e),i=new t(()=>{l(e)}),i.observe(e)}return()=>{i?.disconnect()}},[l]),{});export{l as useTableStickyRightColumns};
+import{hasHorizontalScroll as t,hasVerticalScroll as e}from"../../../lib/utils/scroll/hasScroll.js";import{useEffect as r}from"react";const o=({disabled:o=!1,ref:l})=>(r(()=>{const r=l.current?.querySelector("[data-table-scrollable-container]"),a=l.current?.querySelector("[data-table-right-shadow]");let c;if(r instanceof HTMLElement&&!o){const o=r=>{const o=t(r),l=r.querySelectorAll("[data-table-row]");let c=0;if(l.forEach(t=>{const e=Array.from(t.querySelectorAll('[data-sticky="true"], [data-sticky="right"]')).reverse();let r=0;e.forEach(t=>{t instanceof HTMLElement&&(t.style.right=o?`${r}px`:"auto",r+=t.offsetWidth)}),c=Math.max(c,r)}),a instanceof HTMLElement){if(e(r)){const t=r.offsetWidth-r.clientWidth;c+=t}a.style.right=`${c}px`}};o(r),c=new ResizeObserver(()=>{o(r)}),c.observe(r)}return()=>{c?.disconnect()}},[o]),{});export{o as useTableStickyRightColumns};

package/dist/esm/components/table/table.js

@@ -1 +1 @@
-import{j as o}from"../../_virtual/jsx-runtime.js";import{forwardRef as s,useRef as a,useImperativeHandle as e}from"react";import{useClassName as t}from"../../lib/hooks/useClassName/useClassName.js";import{useTableHasScroll as l}from"./hooks/useTableHasScroll.js";import{useTableShadow as r}from"./hooks/useTableShadow.js";import{useTableStickyLeftColumns as i}from"./hooks/useTableStickyLeftColumns.js";import{useTableStickyRightColumns as d}from"./hooks/useTableStickyRightColumns.js";import{TableStandAlone as m}from"./tableStandAlone.js";const h=s(({additionalClasses:s,autoLeftStickyCalc:h=!0,autoRightStickyCalc:f=!0,disableShadowEffects:c,hasScrollDisabled:n,variant:b,...u},S)=>{const j=t({additionalClassNames:s,component:"TABLE",variant:b}),p=a(null);e(S,()=>p.current);const{hasScroll:k}=l({disabled:n,ref:p});return d({disabled:!f,ref:p}),i({disabled:!h,ref:p}),r({disabled:c,headBoxShadow:j?.headboxshadow,leftBoxShadow:j?.leftboxshadow,ref:p,rightBoxShadow:j?.rightboxshadow}),/* @__PURE__ */o.jsx(m,{ref:p,cssClasses:j,hasScroll:k,...u})});export{h as Table};
+import{useClassName as o}from"../../lib/hooks/useClassName/useClassName.js";import{useTableHasScroll as s}from"./hooks/useTableHasScroll.js";import{useTableShadow as a}from"./hooks/useTableShadow.js";import{useTableStickyLeftColumns as e}from"./hooks/useTableStickyLeftColumns.js";import{useTableStickyRightColumns as t}from"./hooks/useTableStickyRightColumns.js";import{TableStandAlone as r}from"./tableStandAlone.js";import{forwardRef as l,useImperativeHandle as i,useRef as d}from"react";import{jsx as m}from"react/jsx-runtime";const h=l(({additionalClasses:l,autoLeftStickyCalc:h=!0,autoRightStickyCalc:c=!0,disableShadowEffects:f,hasScrollDisabled:n,variant:b,...u},S)=>{const p=o({additionalClassNames:l,component:"TABLE",variant:b}),k=d(null);i(S,()=>k.current);const{hasScroll:C}=s({disabled:n,ref:k});return t({disabled:!c,ref:k}),e({disabled:!h,ref:k}),a({disabled:f,headBoxShadow:p?.headboxshadow,leftBoxShadow:p?.leftboxshadow,ref:k,rightBoxShadow:p?.rightboxshadow}),/* @__PURE__ */m(r,{ref:k,cssClasses:p,hasScroll:C,...u})});export{h as Table};

package/dist/esm/components/table/tableStandAlone.js

@@ -1,5 +1,5 @@
-import{j as a}from"../../_virtual/jsx-runtime.js";import{forwardRef as t}from"react";import{pickCustomAttributes as e}from"../../lib/utils/pickCustomAttributes/pickCustomAttributes.js";import{CustomComponent as s}from"../../lib/components/customComponent/customComponent.js";const l=t(({children:t,component:l="table",cssClasses:o,hasScroll:i,hasScrollDisabled:r,sticky:d,...n},c)=>{const b=e(n),m=n["data-testid"]||"table-standalone";/* @__PURE__ */
-return a.jsxs("div",{ref:c,className:o?.table,"data-sticky":d,"data-testid":`${m}-wrapper`,children:[
-/* @__PURE__ */a.jsx("div",{"aria-hidden":n["aria-hidden"],"aria-label":i?n["aria-label"]:void 0,"aria-labelledby":i?n["aria-labelledby"]:void 0,className:o?.scrollablecontainer,"data-table-scrollable-container":!0,"data-testid":`${m}-scrollable-container`,role:i?"region":void 0,style:{overflow:r?"visible":"auto"},...i?{tabIndex:0}:{},children:/* @__PURE__ */a.jsx(s,{className:o?.container,component:l,"data-testid":m,...b,children:t})}),
-/* @__PURE__ */a.jsx("div",{className:o?.leftboxshadowcontainer,"data-table-left-shadow":!0}),
-/* @__PURE__ */a.jsx("div",{className:o?.rightboxshadowcontainer,"data-table-right-shadow":!0})]})});export{l as TableStandAlone};
+import{CustomComponent as a}from"../../lib/components/customComponent/customComponent.js";import{pickCustomAttributes as t}from"../../lib/utils/pickCustomAttributes/pickCustomAttributes.js";import{forwardRef as e}from"react";import{jsx as o,jsxs as l}from"react/jsx-runtime";const i=e(({children:e,component:i="table",cssClasses:s,hasScroll:r,hasScrollDisabled:d,sticky:n,...c},b)=>{const m=t(c),h=c["data-testid"]||"table-standalone";/* @__PURE__ */
+return l("div",{ref:b,className:s?.table,"data-sticky":n,"data-testid":`${h}-wrapper`,children:[
+/* @__PURE__ */o("div",{"aria-hidden":c["aria-hidden"],"aria-label":r?c["aria-label"]:void 0,"aria-labelledby":r?c["aria-labelledby"]:void 0,className:s?.scrollablecontainer,"data-table-scrollable-container":!0,"data-testid":`${h}-scrollable-container`,role:r?"region":void 0,style:{overflow:d?"visible":"auto"},...r?{tabIndex:0}:{},children:/* @__PURE__ */o(a,{className:s?.container,component:i,"data-testid":h,...m,children:e})}),
+/* @__PURE__ */o("div",{className:s?.leftboxshadowcontainer,"data-table-left-shadow":!0}),
+/* @__PURE__ */o("div",{className:s?.rightboxshadowcontainer,"data-table-right-shadow":!0})]})});export{i as TableStandAlone};

package/dist/esm/components/tableBody/tableBody.js

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

package/dist/esm/components/tableBody/tableBodyStandAlone.js

@@ -1,2 +1,2 @@
-import{j as t}from"../../_virtual/jsx-runtime.js";import{forwardRef as o}from"react";import{pickCustomAttributes as s}from"../../lib/utils/pickCustomAttributes/pickCustomAttributes.js";import{CustomComponent as e}from"../../lib/components/customComponent/customComponent.js";const m=o(({children:o,component:m="tbody",cssClasses:r,id:i,...n},c)=>{const p=s(n);/* @__PURE__ */
-return t.jsx(e,{ref:c,className:r?.table_body,component:m,"data-testid":"table-body",...p,id:i,children:o})});export{m as TableBodyStandAlone};
+import{CustomComponent as t}from"../../lib/components/customComponent/customComponent.js";import{pickCustomAttributes as o}from"../../lib/utils/pickCustomAttributes/pickCustomAttributes.js";import{forwardRef as s}from"react";import{jsx as e}from"react/jsx-runtime";const m=s(({children:s,component:m="tbody",cssClasses:r,id:i,...n},c)=>{const p=o(n);/* @__PURE__ */
+return e(t,{ref:c,className:r?.table_body,component:m,"data-testid":"table-body",...p,id:i,children:s})});export{m as TableBodyStandAlone};

package/dist/esm/components/tableCaption/tableCaption.js

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

package/dist/esm/components/tableCaption/tableCaptionStandAlone.js

@@ -1,2 +1,2 @@
-import{j as t}from"../../_virtual/jsx-runtime.js";import{forwardRef as o}from"react";import{pickCustomAttributes as s}from"../../lib/utils/pickCustomAttributes/pickCustomAttributes.js";import{CustomComponent as i}from"../../lib/components/customComponent/customComponent.js";const n=o(({children:o,component:n="caption",cssClasses:e,hidden:m,id:r,...c},p)=>{const a=s(c);/* @__PURE__ */
-return t.jsx(i,{ref:p,className:e?.table_caption,component:n,"data-hidden":m,id:r,...a,children:o})});export{n as TableCaptionStandAlone};
+import{CustomComponent as t}from"../../lib/components/customComponent/customComponent.js";import{pickCustomAttributes as o}from"../../lib/utils/pickCustomAttributes/pickCustomAttributes.js";import{forwardRef as e}from"react";import{jsx as i}from"react/jsx-runtime";const n=e(({children:e,component:n="caption",cssClasses:s,hidden:m,id:r,...c},p)=>{const a=o(c);/* @__PURE__ */
+return i(t,{ref:p,className:s?.table_caption,component:n,"data-hidden":m,id:r,...a,children:e})});export{n as TableCaptionStandAlone};

package/dist/esm/components/tableCell/tableCell.js

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

package/dist/esm/components/tableCell/tableCellStandAlone.js

@@ -1,2 +1,2 @@
-import{j as t}from"../../_virtual/jsx-runtime.js";import{forwardRef as e}from"react";import{pickCustomAttributes as i}from"../../lib/utils/pickCustomAttributes/pickCustomAttributes.js";import{CustomComponent as o}from"../../lib/components/customComponent/customComponent.js";const n=e(({alignItems:e,bottom:n,children:l,colSpan:a,component:s,cssClasses:d,height:r,hidden:c,id:m,justifyContent:p,left:h,maxWidth:u,minWidth:b,onClick:$,onMouseEnter:g,onMouseLeave:f,right:j,role:C,rowSpan:x,scope:y,sticky:A,textAlign:k,th:M,top:v,verticalAlign:W,width:S,...w},L)=>{const _=i(w),E=d?.dynamic_values({$tdAlignItems:e||"",$tdBottom:n||"",$tdHeight:r||"",$tdJustifyContent:p||"",$tdLeft:h||"",$tdMaxWidth:u||"",$tdMinWidth:b||"",$tdRight:j||"",$tdTextAlign:k||"",$tdTop:v||"",$tdVerticalAlign:W||"",$tdWidth:S||""}).object;/* @__PURE__ */
-return t.jsx(o,{ref:L,"aria-label":w["aria-label"],"aria-labelledby":w["aria-labelledby"],className:d?.table_cell,colSpan:a,component:s||(M?"th":"td"),"data-hidden":c,"data-sticky":A,"data-testid":"table-cell",id:m,role:C,rowSpan:x,scope:y,style:E,onClick:$,onMouseEnter:g,onMouseLeave:f,..._,children:c?/* @__PURE__ */t.jsx("span",{children:l}):l})});export{n as TableCellStandAlone};
+import{CustomComponent as t}from"../../lib/components/customComponent/customComponent.js";import{pickCustomAttributes as e}from"../../lib/utils/pickCustomAttributes/pickCustomAttributes.js";import{forwardRef as o}from"react";import{jsx as i}from"react/jsx-runtime";const n=o(({alignItems:o,bottom:n,children:l,colSpan:a,component:s,cssClasses:d,height:r,hidden:c,id:m,justifyContent:p,left:h,maxWidth:u,minWidth:b,onClick:$,onMouseEnter:g,onMouseLeave:f,right:C,role:y,rowSpan:A,scope:k,sticky:x,textAlign:M,th:j,top:W,verticalAlign:v,width:S,...w},L)=>{const E=e(w),I=d?.dynamic_values({$tdAlignItems:o||"",$tdBottom:n||"",$tdHeight:r||"",$tdJustifyContent:p||"",$tdLeft:h||"",$tdMaxWidth:u||"",$tdMinWidth:b||"",$tdRight:C||"",$tdTextAlign:M||"",$tdTop:W||"",$tdVerticalAlign:v||"",$tdWidth:S||""}).object;/* @__PURE__ */
+return i(t,{ref:L,"aria-label":w["aria-label"],"aria-labelledby":w["aria-labelledby"],className:d?.table_cell,colSpan:a,component:s||(j?"th":"td"),"data-hidden":c,"data-sticky":x,"data-testid":"table-cell",id:m,role:y,rowSpan:A,scope:k,style:I,onClick:$,onMouseEnter:g,onMouseLeave:f,...E,children:c?/* @__PURE__ */i("span",{children:l}):l})});export{n as TableCellStandAlone};

package/dist/esm/components/tableDivider/tableDivider.js

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

package/dist/esm/components/tableDivider/tableDividerStandAlone.js

@@ -1,2 +1,2 @@
-import{j as t}from"../../_virtual/jsx-runtime.js";import{forwardRef as i}from"react";import{pickCustomAttributes as o}from"../../lib/utils/pickCustomAttributes/pickCustomAttributes.js";import{CustomComponent as s}from"../../lib/components/customComponent/customComponent.js";const e=i(({children:i,component:e="div",cssClasses:r,id:m,...n},c)=>{const d=o(n);/* @__PURE__ */
-return t.jsx(s,{ref:c,className:r?.table_divider,component:e,"data-table-divider":!0,"data-testid":"table-divider",id:m,...d,children:i})});export{e as TableDividerStandAlone};
+import{CustomComponent as t}from"../../lib/components/customComponent/customComponent.js";import{pickCustomAttributes as o}from"../../lib/utils/pickCustomAttributes/pickCustomAttributes.js";import{forwardRef as e}from"react";import{jsx as i}from"react/jsx-runtime";const r=e(({children:e,component:r="div",cssClasses:s,id:m,...n},c)=>{const d=o(n);/* @__PURE__ */
+return i(t,{ref:c,className:s?.table_divider,component:r,"data-table-divider":!0,"data-testid":"table-divider",id:m,...d,children:e})});export{r as TableDividerStandAlone};

package/dist/esm/components/tableFoot/tableFoot.js

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

package/dist/esm/components/tableFoot/tableFootStandAlone.js

@@ -1,2 +1,2 @@
-import{j as t}from"../../_virtual/jsx-runtime.js";import{forwardRef as o}from"react";import{pickCustomAttributes as s}from"../../lib/utils/pickCustomAttributes/pickCustomAttributes.js";import{CustomComponent as e}from"../../lib/components/customComponent/customComponent.js";const m=o(({children:o,component:m="tfoot",cssClasses:r,id:i,...n},c)=>{const p=s(n);/* @__PURE__ */
-return t.jsx(e,{ref:c,className:r?.table_foot,component:m,"data-testid":"table-foot",id:i,...p,children:o})});export{m as TableFootStandAlone};
+import{CustomComponent as t}from"../../lib/components/customComponent/customComponent.js";import{pickCustomAttributes as o}from"../../lib/utils/pickCustomAttributes/pickCustomAttributes.js";import{forwardRef as s}from"react";import{jsx as e}from"react/jsx-runtime";const m=s(({children:s,component:m="tfoot",cssClasses:r,id:i,...n},c)=>{const p=o(n);/* @__PURE__ */
+return e(t,{ref:c,className:r?.table_foot,component:m,"data-testid":"table-foot",id:i,...p,children:s})});export{m as TableFootStandAlone};

package/dist/esm/components/tableHead/tableHead.js

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

package/dist/esm/components/tableHead/tableHeadStandAlone.js

@@ -1,2 +1,2 @@
-import{j as t}from"../../_virtual/jsx-runtime.js";import{forwardRef as e}from"react";import{pickCustomAttributes as s}from"../../lib/utils/pickCustomAttributes/pickCustomAttributes.js";import{CustomComponent as o}from"../../lib/components/customComponent/customComponent.js";const i=e(({children:e,component:i="thead",cssClasses:a,hidden:m,id:r,sticky:n,...d},c)=>{const p=s(d);/* @__PURE__ */
-return t.jsx(o,{ref:c,className:a?.table_head,component:i,"data-hidden":m,"data-sticky":n,"data-table-head":!0,"data-testid":"table-head",id:r,...p,children:e})});export{i as TableHeadStandAlone};
+import{CustomComponent as t}from"../../lib/components/customComponent/customComponent.js";import{pickCustomAttributes as e}from"../../lib/utils/pickCustomAttributes/pickCustomAttributes.js";import{forwardRef as o}from"react";import{jsx as s}from"react/jsx-runtime";const i=o(({children:o,component:i="thead",cssClasses:a,hidden:m,id:r,sticky:n,...c},d)=>{const p=e(c);/* @__PURE__ */
+return s(t,{ref:d,className:a?.table_head,component:i,"data-hidden":m,"data-sticky":n,"data-table-head":!0,"data-testid":"table-head",id:r,...p,children:o})});export{i as TableHeadStandAlone};

package/dist/esm/components/tableRow/tableRow.js

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

package/dist/esm/components/tableRow/tableRowStandAlone.js

@@ -1,2 +1,2 @@
-import{j as o}from"../../_virtual/jsx-runtime.js";import{forwardRef as t}from"react";import{pickCustomAttributes as e}from"../../lib/utils/pickCustomAttributes/pickCustomAttributes.js";import{CustomComponent as n}from"../../lib/components/customComponent/customComponent.js";const s=t(({active:t,children:s,component:r="tr",cssClasses:a,hoverable:i=!0,id:m,onClick:c,onKeyDown:l,onMouseEnter:u,onMouseLeave:p,...b},d)=>{const v=e(b);/* @__PURE__ */
-return o.jsx(n,{ref:d,className:a?.table_row,component:r,"data-active":t,"data-hoverable":i,"data-table-row":!0,"data-testid":"table-row",id:m,onClick:c,onKeyDown:l,onMouseEnter:u,onMouseLeave:p,...v,children:s})});export{s as TableRowStandAlone};
+import{CustomComponent as o}from"../../lib/components/customComponent/customComponent.js";import{pickCustomAttributes as t}from"../../lib/utils/pickCustomAttributes/pickCustomAttributes.js";import{forwardRef as e}from"react";import{jsx as n}from"react/jsx-runtime";const r=e(({active:e,children:r,component:s="tr",cssClasses:a,hoverable:i=!0,id:c,onClick:m,onKeyDown:l,onMouseEnter:u,onMouseLeave:p,...b},d)=>{const C=t(b);/* @__PURE__ */
+return n(o,{ref:d,className:a?.table_row,component:s,"data-active":e,"data-hoverable":i,"data-table-row":!0,"data-testid":"table-row",id:c,onClick:m,onKeyDown:l,onMouseEnter:u,onMouseLeave:p,...C,children:r})});export{r as TableRowStandAlone};

package/dist/esm/components/tabs/hooks/useTabs/useTabs.js

@@ -1 +1 @@
-import{useState as e,useMemo as o,useEffect as t}from"react";import{useActiveBreakpoints as s}from"../../../../lib/hooks/useMediaDevice/useActiveBreakpoints.js";import{useRoveFocus as i}from"../../../../lib/hooks/useRoveFocus/useRoveFocus.js";import{keyLeftMove as r}from"../../utils/keyMove/keLeftMove.js";import{keyRightMove as n}from"../../utils/keyMove/keyRightMove.js";const c=({numTabsInView:c,selectedTab:l,tabsLength:u})=>{const{device:k,isMobile:v}=s(),[a,m]=e(0),M=o(()=>({keyDownMove:0,keyLeftMove:v?r(a,c):-1,keyRightMove:v?n(u,a,c):1,keyTabMove:null,keyUpMove:0,size:u}),[k,a,c]),[f,p,y]=i(M);t(()=>{if(y.current&&v){const e=y?.current?.clientWidth/c*a;y.current.style.transform=`translate(-${e}px)`}p(a)},[a,k]);t(()=>{(e=>{m(o=>{let t=o;return e>=o&&e<o+c||(t=e-c+1,t=t<0?0:t),t})})(l??0)},[l]);return{focus:f,handleClickIcon:e=>{m(e?a+1:a-1)},handleClickTab:e=>{p(e)},listEl:y,position:a}};export{c as useTabs};
+import{useRoveFocus as e}from"../../../../lib/hooks/useRoveFocus/useRoveFocus.js";import{useActiveBreakpoints as o}from"../../../../lib/hooks/useMediaDevice/useActiveBreakpoints.js";import{keyLeftMove as t}from"../../utils/keyMove/keLeftMove.js";import{keyRightMove as s}from"../../utils/keyMove/keyRightMove.js";import{useEffect as i,useMemo as r,useState as n}from"react";const c=({numTabsInView:c,selectedTab:l,tabsLength:u})=>{const{device:v,isMobile:a}=o(),[k,m]=n(0),[M,f,p]=e(r(()=>({keyDownMove:0,keyLeftMove:a?t(k,c):-1,keyRightMove:a?s(u,k,c):1,keyTabMove:null,keyUpMove:0,size:u}),[v,k,c]));return i(()=>{if(p.current&&a){const e=p?.current?.clientWidth/c*k;p.current.style.transform=`translate(-${e}px)`}f(k)},[k,v]),i(()=>{var e;e=l??0,m(o=>{let t=o;return e>=o&&e<o+c||(t=e-c+1,t=t<0?0:t),t})},[l]),{focus:M,handleClickIcon:e=>{m(e?k+1:k-1)},handleClickTab:e=>{f(e)},listEl:p,position:k}};export{c as useTabs};

package/dist/esm/components/tabs/tabsControlled.js

@@ -1,2 +1,2 @@
-import{j as s}from"../../_virtual/jsx-runtime.js";import{forwardRef as e}from"react";import{useClassName as a}from"../../lib/hooks/useClassName/useClassName.js";import{useMediaDevice as o}from"../../lib/hooks/useMediaDevice/useMediaDevice.js";import{TabsStandAlone as t}from"./tabsStandAlone.js";const i=e(({additionalClasses:e,variant:i,...r},m)=>{const l=a({additionalClassNames:e,component:"TABS",variant:i}),n=o();/* @__PURE__ */
-return s.jsx(t,{...r,ref:m,cssClasses:l,device:n,selectedTab:r.defaultSelectedTab})});export{i as TabsControlled};
+import{useClassName as e}from"../../lib/hooks/useClassName/useClassName.js";import{useMediaDevice as s}from"../../lib/hooks/useMediaDevice/useMediaDevice.js";import{TabsStandAlone as a}from"./tabsStandAlone.js";import{forwardRef as o}from"react";import{jsx as t}from"react/jsx-runtime";const i=o(({additionalClasses:o,variant:i,...r},m)=>{const l=e({additionalClassNames:o,component:"TABS",variant:i}),n=s();/* @__PURE__ */
+return t(a,{...r,ref:m,cssClasses:l,device:n,selectedTab:r.defaultSelectedTab})});export{i as TabsControlled};

package/dist/esm/components/tabs/tabsStandAlone.js

@@ -1,6 +1,4 @@
-import{j as t}from"../../_virtual/jsx-runtime.js";import{forwardRef as e}from"react";import{Text as s}from"../text/text.js";import{ElementOrIcon as a}from"../../lib/components/elementOrIcon/elementOrIcon.js";import{ItemRove as i}from"../../lib/components/itemRove/itemRove.js";import{RenderIf as o}from"../../lib/components/renderIf/renderIf.js";import{useId as n}from"../../lib/hooks/useId/useId.js";import{useActiveBreakpoints as l}from"../../lib/hooks/useMediaDevice/useActiveBreakpoints.js";import{STATES as r}from"../../lib/types/states/states.js";import{classNames as c}from"../../lib/utils/classNames/classNames.js";import{pickCustomAttributes as b}from"../../lib/utils/pickCustomAttributes/pickCustomAttributes.js";import{processText as d}from"../../lib/utils/process/processText/processText.js";import{useTabs as m}from"./hooks/useTabs/useTabs.js";const u=e(({allowFocusTabPanel:e=!0,autoWidth:u=!1,content:p,cssClasses:h,device:j,hideLabelForSingleTab:f,leftControlAriaLabel:x,leftIcon:$,maxTabsInView:T=3,onSelectTab:I,rightControlAriaLabel:v,rightIcon:C,selectedTab:N,tabs:k,unMountContent:g=!0,...S},y)=>{const{isMobile:A}=l(),E=n("Tabs"),L=`${E}-tab-list`,w=`${E}-tab-panel`,D=k?.length??0,F=Math.min(D,T),{focus:M,handleClickIcon:O,handleClickTab:R,listEl:V,position:W}=m({numTabsInView:F,selectedTab:N,tabsLength:D}),B=0===W,P=W>=D-F,U=S["data-testid"]||"tabs",_=b(S),q=e=>{const s="left"===e,i=s?B:P;/* @__PURE__ */
-return t.jsx(o,{condition:D>F,children:/* @__PURE__ */t.jsx("button",{"aria-label":s?x:v,className:h?.arrowiconcontainer,"data-position":s?"left":"right","data-testid":`${U}-icon-${e}`,disabled:i,tabIndex:0,type:"button",onClick:()=>{i||O(!s)},children:/* @__PURE__ */t.jsx(a,{className:h?.icon,customAttributes:{"data-disabled":i},"data-position":s?"left":"right",...s?$:C})})})};/* @__PURE__ */
-return t.jsxs("div",{ref:y,className:h?.tabs,"data-testid":U,..._,children:[
-/* @__PURE__ */t.jsxs("div",{className:h?.container,children:[q("left"),
-/* @__PURE__ */t.jsx("div",{ref:V,className:h?.tabbuttonscontainer,id:L,role:"tablist",children:k?.map((e,a)=>{const o=N===a,n=o?r.SELECTED:r.UNSELECTED,l=a>=W&&a<W+F,m={"data-state":n};/* @__PURE__ */
-return t.jsx("div",{className:h?.tabcontainer,"data-testid":`${U}-tab-${a}`,...b(m),style:{minWidth:A?`calc(100% / ${F})`:"auto",width:u?"auto":`calc(100% / ${D})`},children:D>1?/* @__PURE__ */t.jsx(i,{ariaDisabled:A&&!l||e.disabled,ariaSelected:o,asElement:"button",checkIsFirstTime:!0,classNames:c(h?.tabbutton,{[`${h?.firsttabbutton}`]:0===a,[`${h?.lasttabbutton}`]:a===D-1}),customAttributes:m,disabled:A&&!l||e.disabled,focus:M===a,id:`${E}-tab-${a}`,index:a,preventScrollOnFocus:!0,role:"tab",type:"button",onSelectItem:()=>{I?.(a),R(a)},children:/* @__PURE__ */t.jsx(s,{additionalClasses:{text:h?.label},component:"span",customAttributes:m,"data-hidden":!!f,...d(e)})}):/* @__PURE__ */t.jsx("div",{className:c(h?.onetabcontainer,{[`${h?.tabbutton}`]:!!f}),id:`${E}-tab-${a}`,role:"tab",children:/* @__PURE__ */t.jsx(s,{additionalClasses:{text:h?.label},"data-hidden":!!f,...d(e),children:d(e).children})})},`${U}-tab-${a.toString()}`)})}),q("right")]}),(()=>{const s={role:"tabpanel",tabIndex:e?0:-1};return g?null!=N&&/* @__PURE__ */t.jsx("div",{"aria-labelledby":`${E}-tab-${N}`,className:h?.contentcontainer,...s,children:p?.[N]}):p?.map((e,a)=>/* @__PURE__ */t.jsx("div",{"aria-labelledby":`${E}-tab-${a}`,className:h?.contentcontainer,id:`${w}-${a}`,style:{display:N===a?"block":"none"},...s,children:e},`${E}-${a.toString()}-tab`))})()]})});export{u as TabsStandAlone};
+import{pickCustomAttributes as t}from"../../lib/utils/pickCustomAttributes/pickCustomAttributes.js";import{classNames as e}from"../../lib/utils/classNames/classNames.js";import{Text as a}from"../text/text2.js";import{processTextProp as s}from"../../lib/utils/process/processCommonProp.js";import{ElementOrIcon as i}from"../../lib/components/elementOrIcon/elementOrIcon.js";import{STATES as o}from"../../lib/types/states/states.js";import{useActiveBreakpoints as n}from"../../lib/hooks/useMediaDevice/useActiveBreakpoints.js";import{ItemRove as l}from"../../lib/components/itemRove/itemRove.js";import{useTabs as r}from"./hooks/useTabs/useTabs.js";import{forwardRef as c,useId as b}from"react";import{jsx as d,jsxs as m}from"react/jsx-runtime";const u=c(({allowFocusTabPanel:c=!0,autoWidth:u=!1,content:p,cssClasses:h,device:$,hideLabelForSingleTab:f,leftControlAriaLabel:C,leftIcon:v,maxTabsInView:N=3,onSelectTab:T,rightControlAriaLabel:g,rightIcon:I,selectedTab:j,tabs:k,unMountContent:x=!0,...S},y)=>{const{isMobile:A}=n(),E=`tabs-${b().replace(/:/g,"")}`,L=`${E}-tab-list`,w=`${E}-tab-panel`,D=k?.length??0,F=Math.min(D,N),{focus:M,handleClickIcon:O,handleClickTab:P,listEl:R,position:V}=r({numTabsInView:F,selectedTab:j,tabsLength:D}),W=0===V,B=V>=D-F,U=S["data-testid"]||"tabs",q=t(S),z=t=>{const e="left"===t,a=e?W:B;return D>F?/* @__PURE__ */d("button",{"aria-label":e?C:g,className:h?.arrowiconcontainer,"data-position":e?"left":"right","data-testid":`${U}-icon-${t}`,disabled:a,tabIndex:0,type:"button",onClick:()=>{a||O(!e)},children:/* @__PURE__ */d(i,{className:h?.icon,customAttributes:{"data-disabled":a},"data-position":e?"left":"right",...e?v:I})}):null};/* @__PURE__ */
+return m("div",{ref:y,className:h?.tabs,"data-testid":U,...q,children:[/* @__PURE__ */m("div",{className:h?.container,children:[z("left"),
+/* @__PURE__ */d("div",{ref:R,className:h?.tabbuttonscontainer,id:L,role:"tablist",children:k?.map((i,n)=>{const r=j===n,c=r?o.SELECTED:o.UNSELECTED,b=n>=V&&n<V+F,m={"data-state":c};/* @__PURE__ */
+return d("div",{className:h?.tabcontainer,"data-testid":`${U}-tab-${n}`,...t(m),style:{minWidth:A?`calc(100% / ${F})`:"auto",width:u?"auto":`calc(100% / ${D})`},children:D>1?/* @__PURE__ */d(l,{ariaDisabled:A&&!b||i.disabled,ariaSelected:r,asElement:"button",checkIsFirstTime:!0,classNames:e(h?.tabbutton,{[`${h?.firsttabbutton}`]:0===n,[`${h?.lasttabbutton}`]:n===D-1}),customAttributes:m,disabled:A&&!b||i.disabled,focus:M===n,id:`${E}-tab-${n}`,index:n,preventScrollOnFocus:!0,role:"tab",type:"button",onSelectItem:()=>{T?.(n),P(n)},children:/* @__PURE__ */d(a,{additionalClasses:{text:h?.label},component:"span",customAttributes:m,"data-hidden":!!f,...s(i)})}):/* @__PURE__ */d("div",{className:e(h?.onetabcontainer,{[`${h?.tabbutton}`]:!!f}),id:`${E}-tab-${n}`,role:"tab",children:/* @__PURE__ */d(a,{additionalClasses:{text:h?.label},"data-hidden":!!f,...s(i),children:s(i).children})})},`${U}-tab-${n.toString()}`)})}),z("right")]}),(()=>{const t={role:"tabpanel",tabIndex:c?0:-1};return x?null!=j&&/* @__PURE__ */d("div",{"aria-labelledby":`${E}-tab-${j}`,className:h?.contentcontainer,...t,children:p?.[j]}):p?.map((e,a)=>/* @__PURE__ */d("div",{"aria-labelledby":`${E}-tab-${a}`,className:h?.contentcontainer,id:`${w}-${a}`,style:{display:j===a?"block":"none"},...t,children:e},`${E}-${a.toString()}-tab`))})()]})});export{u as TabsStandAlone};

package/dist/esm/components/tabs/tabsUnControlled.js

@@ -1,2 +1,2 @@
-import{j as t}from"../../_virtual/jsx-runtime.js";import{forwardRef as e,useState as o}from"react";import{TabsControlled as r}from"./tabsControlled.js";const a=e(function({defaultSelectedTab:e=0,onSelectTab:a,...s},l){const[n,c]=o(e);/* @__PURE__ */
-return t.jsx(r,{...s,ref:l,defaultSelectedTab:n,onSelectTab:t=>{c(t),a?.(t)}})});export{a as Tabs,a as TabsUnControlled};
+import{TabsControlled as e}from"./tabsControlled.js";import{forwardRef as t,useState as o}from"react";import{jsx as r}from"react/jsx-runtime";const a=t(function({defaultSelectedTab:t=0,onSelectTab:a,...c},n){const[l,f]=o(t);/* @__PURE__ */
+return r(e,{...c,ref:n,defaultSelectedTab:l,onSelectTab:e=>{f(e),a?.(e)}})});export{a as TabsUnControlled};

package/dist/esm/components/tabs/utils/keyMove/keLeftMove.js

@@ -1 +1 @@
-const o=(o,t)=>c=>c-1<0||c-1<o?o-1+t:c-1;export{o as keyLeftMove};
+const o=(o,t)=>c=>c-1<0||c-1<o?o-1+t:c-1;export{o as keyLeftMove};

package/dist/esm/components/tabs/utils/keyMove/keyRightMove.js

@@ -1 +1 @@
-const o=(o,t,c)=>e=>e+1>=o||e+1===t+c?t:e+1;export{o as keyRightMove};
+const o=(o,t,c)=>e=>e+1>=o||e+1===t+c?t:e+1;export{o as keyRightMove};

package/dist/esm/components/tag/tag.js

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

package/dist/esm/components/tag/tagStandAlone.js

@@ -1,4 +1,2 @@
-import{j as s}from"../../_virtual/jsx-runtime.js";import{forwardRef as t}from"react";import{Text as o}from"../text/text.js";import{CustomComponent as e}from"../../lib/components/customComponent/customComponent.js";import{ElementOrIcon as r}from"../../lib/components/elementOrIcon/elementOrIcon.js";import{pickCustomAttributes as m}from"../../lib/utils/pickCustomAttributes/pickCustomAttributes.js";import{processIcon as n}from"../../lib/utils/process/processIcon/processIcon.js";import{processText as i}from"../../lib/utils/process/processText/processText.js";const c=t(({component:t="div",cssClasses:c,icon:p,label:l,...a},j)=>{const u=m(a);/* @__PURE__ */
-return s.jsx(e,{ref:j,className:c?.tag,component:t,"data-testid":"tag",...u,children:/* @__PURE__ */s.jsxs(s.Fragment,{children:[
-/* @__PURE__ */s.jsx(r,{className:c?.icon,...n(p)}),
-/* @__PURE__ */s.jsx(o,{additionalClasses:{text:c?.label},component:"span",...i(l)})]})})});export{c as TagStandAlone};
+import{CustomComponent as t}from"../../lib/components/customComponent/customComponent.js";import{pickCustomAttributes as o}from"../../lib/utils/pickCustomAttributes/pickCustomAttributes.js";import{Text as s}from"../text/text2.js";import{processIconProp as e,processTextProp as m}from"../../lib/utils/process/processCommonProp.js";import{ElementOrIcon as r}from"../../lib/components/elementOrIcon/elementOrIcon.js";import{forwardRef as n}from"react";import{Fragment as i,jsx as c,jsxs as p}from"react/jsx-runtime";const a=n(({component:n="div",cssClasses:a,icon:l,label:u,...b},f)=>{const d=o(b);/* @__PURE__ */
+return c(t,{ref:f,className:a?.tag,component:n,"data-testid":"tag",...d,children:/* @__PURE__ */p(i,{children:[/* @__PURE__ */c(r,{className:a?.icon,...e(l)}),/* @__PURE__ */c(s,{additionalClasses:{text:a?.label},component:"span",...m(u)})]})})});export{a as TagStandAlone};

package/dist/esm/components/text/text2.js

@@ -0,0 +1 @@
+import{useClassName as s}from"../../lib/hooks/useClassName/useClassName.js";import{TextStandAlone as a}from"./textStandAlone.js";import{forwardRef as r}from"react";import{jsx as t}from"react/jsx-runtime";const e=r(({additionalClasses:r,children:e,variant:o,...n},i)=>{const l=s({additionalClassNames:r,component:"TEXT",variant:o});return e?/* @__PURE__ */t(a,{...n,ref:i,cssClasses:l,children:e}):null});export{e as Text};

package/dist/esm/components/text/textStandAlone.js

@@ -1,2 +1,2 @@
-import{j as t}from"../../_virtual/jsx-runtime.js";/* empty css        */import{forwardRef as r}from"react";import{classNames as e}from"../../lib/utils/classNames/classNames.js";import{pickCustomAttributes as o}from"../../lib/utils/pickCustomAttributes/pickCustomAttributes.js";import{CustomComponent as s}from"../../lib/components/customComponent/customComponent.js";const i=r(({align:r,children:i,color:a,component:l,cssClasses:m,cursor:c,customAttributes:n,decoration:d,disabled:p,display:u,draggable:x,filter:b,htmlFor:f,id:g,maxTruncatedLines:j,onClick:k,role:C,target:h,textSizeAdjust:A,textWrap:w,transform:W,truncate:y,weight:N,wordBreak:z,wordWrap:B,...F},S)=>{const T=o({...F,...n}),v=e("kbt-text",m?.text,{"kbt-text--disabled":p??!1},{"kbt-text--truncate":y||!!j}),D={color:a,cursor:c,display:u,filter:b,fontWeight:N,textAlign:r,textDecoration:d,textSizeAdjust:A,textTransform:W,textWrap:w,wordBreak:z,wordWrap:B};/* @__PURE__ */
-return t.jsx(s,{ref:S,className:v,component:l,"data-testid":"text",draggable:x,htmlFor:f,id:g,role:C,style:D,target:h,onClick:k,...T,children:i})});export{i as TextStandAlone};
+import{CustomComponent as t}from"../../lib/components/customComponent/customComponent.js";import{pickCustomAttributes as r}from"../../lib/utils/pickCustomAttributes/pickCustomAttributes.js";/* empty css    */import{classNames as e}from"../../lib/utils/classNames/classNames.js";import{forwardRef as o}from"react";import{jsx as s}from"react/jsx-runtime";const i=o(({align:o,children:i,color:a,component:l,cssClasses:m,cursor:c,customAttributes:n,decoration:d,disabled:p,display:u,draggable:x,filter:b,htmlFor:f,id:g,maxTruncatedLines:k,onClick:j,role:C,target:h,textSizeAdjust:A,textWrap:w,transform:W,truncate:y,weight:N,wordBreak:z,wordWrap:B,...F},S)=>{const T=r({...F,...n}),D=e("kbt-text",m?.text,{"kbt-text--disabled":p??!1},{"kbt-text--truncate":y||!!k});/* @__PURE__ */
+return s(t,{ref:S,className:D,component:l,"data-testid":"text",draggable:x,htmlFor:f,id:g,role:C,style:{color:a,cursor:c,display:u,filter:b,fontWeight:N,textAlign:o,textDecoration:d,textSizeAdjust:A,textTransform:W,textWrap:w,wordBreak:z,wordWrap:B},target:h,onClick:j,...T,children:i})});export{i as TextStandAlone};