@kubit-ui-web/react-components 2.0.0-beta.3 → 2.0.0-beta.5

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

@@ -1,8 +1,4 @@
-import{j as e}from"../../_virtual/jsx-runtime.js";import{LabelStandAlone as s}from"../label/labelStandAlone.js";import{RenderIf as r}from"../renderIf/renderIf.js";import{Text as i}from"../text/text.js";import{useId as t}from"../../lib/hooks/useId/useId.js";import{classNames as a}from"../../lib/utils/classNames/classNames.js";import{pickCustomAttributes as o}from"../../lib/utils/pickCustomAttributes/pickCustomAttributes.js";import{processText as l}from"../../lib/utils/process/processText/processText.js";import{ElementOrIcon as n}from"../elementOrIcon/elementOrIcon.js";import{buildAriaLabelledBy as d}from"./utils/aria.utils.js";const c=({altVariant:c=!1,checked:m,cssClasses:b,disabled:u,error:j,errorAriaLiveType:p,errorIcon:x,errorMessage:h,id:f,label:I,lastChild:g,name:v,onBlur:C,onChange:N,screenReaderId:y,state:A,subTitle:k,tabIndex:_,value:B,...T})=>{let $=t("RadioButton");$=f??$;const M=l(k).id&&`${$}__description`,R=h&&`${$}__error`,O={"data-state":A},w=o(O),L=T["data-testid"]??"radio-button";/* @__PURE__ */
-return e.jsxs("div",{className:b?.rowcontainer,"data-testid":L,...w,style:{display:I?"grid":"block",marginBottom:g?0:void 0},children:[
-/* @__PURE__ */e.jsx("div",{...w,className:b?.radiobuttoncontainer,children:/* @__PURE__ */e.jsx("input",{"aria-describedby":d({descriptionId:M,error:j,errorMessage:h,errorMessageId:R,screenReaderId:y}),"aria-hidden":T["aria-hidden"],"aria-label":T["aria-label"],"aria-labelledby":T["aria-labelledby"],checked:m,className:a(b?.radio_button,{"global-focus-visible":!!c}),"data-testid":`${L}-input`,disabled:u,id:$,name:v,tabIndex:_,type:"radio",value:B,onBlur:C,onChange:N,...w})}),
-/* @__PURE__ */e.jsxs("div",{className:b?.infocontainer,children:[
-/* @__PURE__ */e.jsx(r,{condition:!!I?.content,children:/* @__PURE__ */e.jsx("div",{className:b?.labelcontainer,children:/* @__PURE__ */e.jsx(s,{cursor:u?"default":"pointer",customAttributes:O,inputId:$,textCssClasses:a(b?.label,{[`${b?.speciallabel}`]:!!k}),...I,children:I?.content})})}),
-/* @__PURE__ */e.jsx(r,{condition:!!l(k).children,children:"string"==typeof l(k)?/* @__PURE__ */e.jsx(i,{additionalClasses:{text:b?.sublabel},...l(k),id:M}):/* @__PURE__ */e.jsx("div",{id:M,children:l(k).children})}),
-/* @__PURE__ */e.jsx(r,{condition:!(!j||!h),children:/* @__PURE__ */e.jsx("div",{"aria-live":p,className:b?.errormessagecontainer,id:R,...w,children:/* @__PURE__ */e.jsxs(i,{additionalClasses:{text:b?.errormessage},customAttributes:O,children:[
-/* @__PURE__ */e.jsx(r,{condition:!!x,children:/* @__PURE__ */e.jsx("span",{...w,className:b?.errormessageiconcontainer,children:/* @__PURE__ */e.jsx(n,{className:b?.errormessageicon,customAttributes:O,...x})})}),h]})})})]})]})};export{c as RadioButtonStandAlone};
+import{j as e}from"../../_virtual/jsx-runtime.js";import{LabelStandAlone as s}from"../label/labelStandAlone.js";import{Text as r}from"../text/text.js";import{ElementOrIcon as a}from"../../lib/components/elementOrIcon/elementOrIcon.js";import{useId as t}from"../../lib/hooks/useId/useId.js";import{classNames as i}from"../../lib/utils/classNames/classNames.js";import{pickCustomAttributes as o}from"../../lib/utils/pickCustomAttributes/pickCustomAttributes.js";import{processText as l}from"../../lib/utils/process/processText/processText.js";import{buildAriaLabelledBy as n}from"./utils/aria.utils.js";const d=({altVariant:d=!1,checked:c,cssClasses:m,disabled:b,error:u,errorAriaLiveType:p,errorIcon:j,errorMessage:x,id:h,label:f,lastChild:g,name:v,onBlur:I,onChange:C,screenReaderId:N,state:y,subTitle:A,tabIndex:k,value:_,...B})=>{let T=t("RadioButton");T=h??T;const $=l(A).id&&`${T}__description`,M=x&&`${T}__error`,R={"data-state":y},O=o(R),w=B["data-testid"]??"radio-button";/* @__PURE__ */
+return e.jsxs("div",{className:m?.rowcontainer,"data-testid":w,...O,style:{display:f?"grid":"block",marginBottom:g?0:void 0},children:[
+/* @__PURE__ */e.jsx("div",{...O,className:m?.radiobuttoncontainer,children:/* @__PURE__ */e.jsx("input",{"aria-describedby":n({descriptionId:$,error:u,errorMessage:x,errorMessageId:M,screenReaderId:N}),"aria-hidden":B["aria-hidden"],"aria-label":B["aria-label"],"aria-labelledby":B["aria-labelledby"],checked:c,className:i(m?.radio_button,{"global-focus-visible":!!d}),"data-testid":`${w}-input`,disabled:b,id:T,name:v,tabIndex:k,type:"radio",value:_,onBlur:I,onChange:C,...O})}),
+/* @__PURE__ */e.jsxs("div",{className:m?.infocontainer,children:[!!f?.content&&/* @__PURE__ */e.jsx("div",{className:m?.labelcontainer,children:/* @__PURE__ */e.jsx(s,{cursor:b?"default":"pointer",customAttributes:R,inputId:T,textCssClasses:i(m?.label,{[`${m?.speciallabel}`]:!!A}),...f,children:f?.content})}),!!l(A).children&&("string"==typeof l(A)?/* @__PURE__ */e.jsx(r,{additionalClasses:{text:m?.sublabel},...l(A),id:$}):/* @__PURE__ */e.jsx("div",{id:$,children:l(A).children})),!(!u||!x)&&/* @__PURE__ */e.jsx("div",{"aria-live":p,className:m?.errormessagecontainer,id:M,...O,children:/* @__PURE__ */e.jsxs(r,{additionalClasses:{text:m?.errormessage},customAttributes:R,children:[!!j&&/* @__PURE__ */e.jsx("span",{...O,className:m?.errormessageiconcontainer,children:/* @__PURE__ */e.jsx(a,{className:m?.errormessageicon,customAttributes:R,...j})}),x]})})]})]})};export{d as RadioButtonStandAlone};

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

@@ -1,7 +1,3 @@
-import{j as t}from"../../../_virtual/jsx-runtime.js";import{Children as i,isValidElement as e,cloneElement as n}from"react";import{RenderIf as o}from"../../renderIf/renderIf.js";import{pickCustomAttributes as a}from"../../../lib/utils/pickCustomAttributes/pickCustomAttributes.js";import{useBorderAnimation as s}from"../hooks/useBorderAnimation.js";const r=({children:r,cssClasses:c,focus:m,onAnimationCompleted:d,percentage:l,state:f,...j})=>{const{bottomRef:p,leftRef:u,rightRef:x,topRef:h}=s({onAnimationCompleted:d,percentage:l}),v=a({...{"data-focus":m,"data-state":f}}),b=c?.animationcontainer,N=c?.topanimationcontainer,g=c?.rightanimationcontainer,A=c?.bottomanimationcontainer,C=c?.leftanimationcontainer,R=i.map(r,t=>e(t)?n(t,{focus:m}):t);return b?/* @__PURE__ */t.jsxs("div",{className:b,"data-focus":m,"data-testid":`${j["data-testid"]}-animations`,...v,children:[
-/* @__PURE__ */t.jsx(o,{condition:!!N,children:/* @__PURE__ */t.jsx("div",{...v,ref:h,className:N})}),
-/* @__PURE__ */t.jsx(o,{condition:!!g,children:/* @__PURE__ */t.jsx("div",{...v,ref:x,className:g})}),
-/* @__PURE__ */t.jsx(o,{condition:!!A,children:/* @__PURE__ */t.jsx("div",{...v,ref:p,className:A})}),
-/* @__PURE__ */t.jsx(o,{condition:!!C,children:/* @__PURE__ */t.jsx("div",{...v,ref:u,className:C})}),
-/* @__PURE__ */t.jsx("div",{...v,className:c.borderanimationcontainer,children:r})]}):
-/* @__PURE__ */t.jsx(t.Fragment,{children:R})};export{r as SelectorBoxFileAnimation};
+import{j as t}from"../../../_virtual/jsx-runtime.js";import{Children as a,isValidElement as i,cloneElement as e}from"react";import{pickCustomAttributes as s}from"../../../lib/utils/pickCustomAttributes/pickCustomAttributes.js";import{useBorderAnimation as o}from"../hooks/useBorderAnimation.js";const n=({children:n,cssClasses:r,focus:m,onAnimationCompleted:c,percentage:d,state:f,...l})=>{const{bottomRef:p,leftRef:u,rightRef:j,topRef:x}=o({onAnimationCompleted:c,percentage:d}),h=s({...{"data-focus":m,"data-state":f}}),v=r?.animationcontainer,b=r?.topanimationcontainer,N=r?.rightanimationcontainer,g=r?.bottomanimationcontainer,A=r?.leftanimationcontainer,C=a.map(n,t=>i(t)?e(t,{focus:m}):t);return v?/* @__PURE__ */t.jsxs("div",{className:v,"data-focus":m,"data-testid":`${l["data-testid"]}-animations`,...h,children:[!!b&&/* @__PURE__ */t.jsx("div",{...h,ref:x,className:b}),!!N&&/* @__PURE__ */t.jsx("div",{...h,ref:j,className:N}),!!g&&/* @__PURE__ */t.jsx("div",{...h,ref:p,className:g}),!!A&&/* @__PURE__ */t.jsx("div",{...h,ref:u,className:A}),
+/* @__PURE__ */t.jsx("div",{...h,className:r.borderanimationcontainer,children:n})]}):
+/* @__PURE__ */t.jsx(t.Fragment,{children:C})};export{n as SelectorBoxFileAnimation};

package/dist/esm/components/selectorBoxFile/components/selectorBoxFileContainerBox.js

@@ -1,13 +1,9 @@
-import{j as t}from"../../../_virtual/jsx-runtime.js";import{RenderIf as s}from"../../renderIf/renderIf.js";import{Text as n}from"../../text/text.js";import{STATES as e}from"../../../lib/types/states/states.js";import{pickCustomAttributes as i}from"../../../lib/utils/pickCustomAttributes/pickCustomAttributes.js";import{processText as o}from"../../../lib/utils/process/processText/processText.js";import{ElementOrIcon as c}from"../../elementOrIcon/elementOrIcon.js";const a=({containerBoxStateContent:a,cssClasses:r,filename:l,focus:m,htmlFor:x,loader:d,state:p})=>{const u={"data-focus":m,"data-state":p};/* @__PURE__ */
-return t.jsxs("label",{className:r?.containerboxcontainer,"data-focus":m,htmlFor:x,...i(u),children:[
-/* @__PURE__ */t.jsxs("span",{children:[d,
-/* @__PURE__ */t.jsx(c,{className:r?.containerboxicon,customAttributes:u,...a[p]?.icon}),
-/* @__PURE__ */t.jsx(c,{className:r?.containerboxicon,customAttributes:u,...a[p]?.icon})]}),
-/* @__PURE__ */t.jsxs("span",{className:r?.containerboxtextscontainer,...i(u),children:[
-/* @__PURE__ */t.jsx(s,{condition:!!l&&[e.LOADING,e.SUCCESS,e.ERROR].includes(p),children:/* @__PURE__ */t.jsx(n,{additionalClasses:{text:r?.containerboxfilename},component:"span",customAttributes:u,children:l})}),
-/* @__PURE__ */t.jsxs("span",{className:r?.actiondescriptioncontainer,children:[
-/* @__PURE__ */t.jsx(s,{condition:!!o(a[p]?.actionText).children,children:/* @__PURE__ */t.jsxs("span",{className:r?.actioniconandactiontextcontainer,...i(u),children:[
-/* @__PURE__ */t.jsx(c,{className:r?.actionicon,customAttributes:u,...a[p]?.actionIcon}),
-/* @__PURE__ */t.jsx(n,{additionalClasses:{text:r?.containerboxactiontext},component:"span",customAttributes:u,...o(a[p]?.actionText),children:o(a[p]?.actionText).children})]})}),
-/* @__PURE__ */t.jsx(s,{condition:!!a[p]?.description,children:/* @__PURE__ */t.jsx(n,{additionalClasses:{text:r?.containerboxdescription},component:"span",customAttributes:u,...o(a[p]?.description),children:o(a[p]?.description).children})})]})]}),
-/* @__PURE__ */t.jsx(s,{condition:!!a[p]?.iconRight,children:/* @__PURE__ */t.jsx("span",{children:/* @__PURE__ */t.jsx(c,{className:r?.containerboxicon,customAttributes:u,...a[p]?.iconRight})})})]})};export{a as SelectorBoxFileContainerBox};
+import{j as t}from"../../../_virtual/jsx-runtime.js";import{Text as s}from"../../text/text.js";import{ElementOrIcon as n}from"../../../lib/components/elementOrIcon/elementOrIcon.js";import{STATES as e}from"../../../lib/types/states/states.js";import{pickCustomAttributes as o}from"../../../lib/utils/pickCustomAttributes/pickCustomAttributes.js";import{processText as i}from"../../../lib/utils/process/processText/processText.js";const c=({containerBoxStateContent:c,cssClasses:a,filename:r,focus:l,htmlFor:m,loader:x,state:p})=>{const d={"data-focus":l,"data-state":p};/* @__PURE__ */
+return t.jsxs("label",{className:a?.containerboxcontainer,"data-focus":l,htmlFor:m,...o(d),children:[
+/* @__PURE__ */t.jsxs("span",{children:[x,
+/* @__PURE__ */t.jsx(n,{className:a?.containerboxicon,customAttributes:d,...c[p]?.icon}),
+/* @__PURE__ */t.jsx(n,{className:a?.containerboxicon,customAttributes:d,...c[p]?.icon})]}),
+/* @__PURE__ */t.jsxs("span",{className:a?.containerboxtextscontainer,...o(d),children:[!!r&&[e.LOADING,e.SUCCESS,e.ERROR].includes(p)&&/* @__PURE__ */t.jsx(s,{additionalClasses:{text:a?.containerboxfilename},component:"span",customAttributes:d,children:r}),
+/* @__PURE__ */t.jsxs("span",{className:a?.actiondescriptioncontainer,children:[!!i(c[p]?.actionText).children&&/* @__PURE__ */t.jsxs("span",{className:a?.actioniconandactiontextcontainer,...o(d),children:[
+/* @__PURE__ */t.jsx(n,{className:a?.actionicon,customAttributes:d,...c[p]?.actionIcon}),
+/* @__PURE__ */t.jsx(s,{additionalClasses:{text:a?.containerboxactiontext},component:"span",customAttributes:d,...i(c[p]?.actionText),children:i(c[p]?.actionText).children})]}),!!c[p]?.description&&/* @__PURE__ */t.jsx(s,{additionalClasses:{text:a?.containerboxdescription},component:"span",customAttributes:d,...i(c[p]?.description),children:i(c[p]?.description).children})]})]}),!!c[p]?.iconRight&&/* @__PURE__ */t.jsx("span",{children:/* @__PURE__ */t.jsx(n,{className:a?.containerboxicon,customAttributes:d,...c[p]?.iconRight})})]})};export{c as SelectorBoxFileContainerBox};

package/dist/esm/components/selectorBoxFile/components/selectorBoxFileErrorMessage.js

@@ -1,3 +1,3 @@
-import{j as s}from"../../../_virtual/jsx-runtime.js";import{Text as e}from"../../text/text.js";import{STATES as r}from"../../../lib/types/states/states.js";import{processText as t}from"../../../lib/utils/process/processText/processText.js";import{ElementOrIcon as o}from"../../elementOrIcon/elementOrIcon.js";const a=({cssClasses:a,errorMessage:i,errorMessageIcon:m,errorMessageId:l,state:c})=>/* @__PURE__ */s.jsx("div",{"aria-live":"polite",children:t(i)&&c===r.ERROR?/* @__PURE__ */s.jsxs("div",{className:a?.errormessagecontainer,id:l,children:[
-/* @__PURE__ */s.jsx(o,{className:a?.errormessageicon,...m}),
-/* @__PURE__ */s.jsx(e,{additionalClasses:{text:a?.errormessage},...t(i)})]}):null});export{a as SelectorBoxFileErrorMessage};
+import{j as s}from"../../../_virtual/jsx-runtime.js";import{Text as e}from"../../text/text.js";import{ElementOrIcon as r}from"../../../lib/components/elementOrIcon/elementOrIcon.js";import{STATES as t}from"../../../lib/types/states/states.js";import{processText as o}from"../../../lib/utils/process/processText/processText.js";const i=({cssClasses:i,errorMessage:a,errorMessageIcon:m,errorMessageId:l,state:n})=>/* @__PURE__ */s.jsx("div",{"aria-live":"polite",children:o(a)&&n===t.ERROR?/* @__PURE__ */s.jsxs("div",{className:i?.errormessagecontainer,id:l,children:[
+/* @__PURE__ */s.jsx(r,{className:i?.errormessageicon,...m}),
+/* @__PURE__ */s.jsx(e,{additionalClasses:{text:i?.errormessage},...o(a)})]}):null});export{i as SelectorBoxFileErrorMessage};

package/dist/esm/components/selectorBoxFile/components/selectorBoxFileHeader.js

@@ -1,9 +1,5 @@
-import{j as t}from"../../../_virtual/jsx-runtime.js";import{Button as i}from"../../button/button.js";import{RenderIf as s}from"../../renderIf/renderIf.js";import{Text as o}from"../../text/text.js";import{processText as e}from"../../../lib/utils/process/processText/processText.js";import{SelectorBoxFileTooltip as n}from"./selectorBoxFileTooltip.js";const r=({button:r,cssClasses:a,description:l,headerId:d,subtitle:c,title:x,tooltip:j,tooltipIcon:p})=>/* @__PURE__ */t.jsxs(t.Fragment,{children:[
-/* @__PURE__ */t.jsxs("div",{className:a?.titlesubtitlecontainer,id:d,children:[
-/* @__PURE__ */t.jsx(s,{condition:!!x,children:/* @__PURE__ */t.jsx(o,{additionalClasses:{text:a?.title},component:"h5",...e(x)})}),
-/* @__PURE__ */t.jsx(s,{condition:!!c,children:/* @__PURE__ */t.jsxs("div",{className:a?.actiondescriptioncontainer,children:[
-/* @__PURE__ */t.jsx(o,{additionalClasses:{text:a?.subtitle},...e(c)}),
-/* @__PURE__ */t.jsx(n,{cssClasses:a,tooltip:j,tooltipIcon:p})]})})]}),
-/* @__PURE__ */t.jsx(s,{condition:!(!l&&!r),children:/* @__PURE__ */t.jsxs("div",{className:a?.descriptioncontainer,children:[
-/* @__PURE__ */t.jsx(o,{additionalClasses:{text:a?.description},...e(l)}),
-/* @__PURE__ */t.jsx(s,{condition:!(!a?.button_variant&&!r?.size||!a?.button_size&&!r?.variant),children:/* @__PURE__ */t.jsx(i,{additionalSizeClasses:r?.variant?void 0:a?.button_size,additionalVariantClasses:r?.size?void 0:a?.button_variant,size:r?.size,variant:r?.variant,...r,children:r?.content})})]})})]});export{r as SelectorBoxFileHeader};
+import{j as t}from"../../../_virtual/jsx-runtime.js";import{Button as s}from"../../button/button.js";import{Text as i}from"../../text/text.js";import{processText as e}from"../../../lib/utils/process/processText/processText.js";import{SelectorBoxFileTooltip as o}from"./selectorBoxFileTooltip.js";const a=({button:a,cssClasses:n,description:r,headerId:l,subtitle:c,title:d,tooltip:p,tooltipIcon:x})=>/* @__PURE__ */t.jsxs(t.Fragment,{children:[
+/* @__PURE__ */t.jsxs("div",{className:n?.titlesubtitlecontainer,id:l,children:[!!d&&/* @__PURE__ */t.jsx(i,{additionalClasses:{text:n?.title},component:"h5",...e(d)}),!!c&&/* @__PURE__ */t.jsxs("div",{className:n?.actiondescriptioncontainer,children:[
+/* @__PURE__ */t.jsx(i,{additionalClasses:{text:n?.subtitle},...e(c)}),
+/* @__PURE__ */t.jsx(o,{cssClasses:n,tooltip:p,tooltipIcon:x})]})]}),!(!r&&!a)&&/* @__PURE__ */t.jsxs("div",{className:n?.descriptioncontainer,children:[
+/* @__PURE__ */t.jsx(i,{additionalClasses:{text:n?.description},...e(r)}),(!!n?.button_variant||!!a?.size)&&(!!n?.button_size||!!a?.variant)&&/* @__PURE__ */t.jsx(s,{additionalSizeClasses:a?.variant?void 0:n?.button_size,additionalVariantClasses:a?.size?void 0:n?.button_variant,size:a?.size,variant:a?.variant,...a,children:a?.content})]})]});export{a as SelectorBoxFileHeader};

package/dist/esm/components/selectorBoxFile/components/selectorBoxFileTooltip.js

@@ -1 +1 @@
-import{j as o}from"../../../_virtual/jsx-runtime.js";import{TooltipUnControlled as t}from"../../tooltip/tooltipUnControlled.js";import{ElementOrIcon as i}from"../../elementOrIcon/elementOrIcon.js";const n=({cssClasses:n,tooltip:s,tooltipIcon:l})=>{if(!l?.icon)return null;const e=/* @__PURE__ */o.jsx(i,{className:n?.tooltipicon,...l});return s?/* @__PURE__ */o.jsx("div",{className:n?.tooltipiconcontainer,children:/* @__PURE__ */o.jsx(t,{additionalClasses:n?.tooltip,...s,children:e})}):/* @__PURE__ */o.jsx("div",{className:n?.tooltipiconcontainer,children:e})};export{n as SelectorBoxFileTooltip};
+import{j as o}from"../../../_virtual/jsx-runtime.js";import{TooltipUnControlled as t}from"../../tooltip/tooltipUnControlled.js";import{ElementOrIcon as i}from"../../../lib/components/elementOrIcon/elementOrIcon.js";const n=({cssClasses:n,tooltip:s,tooltipIcon:l})=>{if(!l?.icon)return null;const e=/* @__PURE__ */o.jsx(i,{className:n?.tooltipicon,...l});return s?/* @__PURE__ */o.jsx("div",{className:n?.tooltipiconcontainer,children:/* @__PURE__ */o.jsx(t,{additionalClasses:n?.tooltip,...s,children:e})}):/* @__PURE__ */o.jsx("div",{className:n?.tooltipiconcontainer,children:e})};export{n as SelectorBoxFileTooltip};

package/dist/esm/components/selectorBoxFile/selectorBoxFileStandAlone.js

@@ -1,8 +1,7 @@
-import{j as e}from"../../_virtual/jsx-runtime.js";import{forwardRef as s}from"react";import{RenderIf as o}from"../renderIf/renderIf.js";import{useId as t}from"../../lib/hooks/useId/useId.js";import{STATES as r}from"../../lib/types/states/states.js";import{SelectorBoxFileAnimation as i}from"./components/selectorBoxFileAnimation.js";import{SelectorBoxFileContainerBox as n}from"./components/selectorBoxFileContainerBox.js";import{SelectorBoxFileErrorMessage as a}from"./components/selectorBoxFileErrorMessage.js";import{SelectorBoxFileHeader as l}from"./components/selectorBoxFileHeader.js";const c=s(({accept:s,button:c,containerBoxStateContent:d,cssClasses:m,description:p,errorMessage:x,errorMessageIcon:f,filename:u,focus:j,id:C,multiple:I,name:b,onAnimationCompleted:h,onBlur:B,onChange:g,onClick:F,onFocus:M,percentage:v,state:k,subtitle:y,title:A,tooltip:E,tooltipIcon:$,...N},R)=>{const S=t("selectorBoxFile"),_=C??S,D=`${_}HeaderId`,H=`${_}ErrorId`,L=N["data-testid"]??"selector-box-file";/* @__PURE__ */
-return e.jsxs("div",{ref:R,children:[
-/* @__PURE__ */e.jsxs("div",{className:m?.selector_box_file,"data-testid":L,children:[
-/* @__PURE__ */e.jsxs("div",{className:m?.header,children:[
-/* @__PURE__ */e.jsx(o,{condition:!(!A&&!y),children:/* @__PURE__ */e.jsx(l,{button:c,cssClasses:m,description:p,headerId:D,subtitle:y,title:A,tooltip:E,tooltipIcon:$})}),
-/* @__PURE__ */e.jsx(i,{cssClasses:m,"data-testid":L,focus:j,percentage:v,state:k,onAnimationCompleted:h,children:/* @__PURE__ */e.jsx(n,{containerBoxStateContent:d,cssClasses:m,filename:u,focus:!1,htmlFor:_,state:k})})]}),
-/* @__PURE__ */e.jsx(a,{cssClasses:m,errorMessage:x,errorMessageIcon:f,errorMessageId:H,state:k})]}),
-/* @__PURE__ */e.jsx("input",{accept:s,"aria-describedby":(()=>{let e="";return(A||y)&&(e+=` ${D}`),k===r.ERROR&&x&&(e+=` ${H}`),e||void 0})(),className:"kbt-sr-only",disabled:k===r.DISABLED,id:_,multiple:I,name:b,type:"file",onBlur:B,onChange:g,onClick:F,onFocus:M})]})});export{c as SelectorBoxFileStandAlone};
+import{j as e}from"../../_virtual/jsx-runtime.js";import{forwardRef as s}from"react";import{useId as t}from"../../lib/hooks/useId/useId.js";import{STATES as o}from"../../lib/types/states/states.js";import{SelectorBoxFileAnimation as r}from"./components/selectorBoxFileAnimation.js";import{SelectorBoxFileContainerBox as i}from"./components/selectorBoxFileContainerBox.js";import{SelectorBoxFileErrorMessage as n}from"./components/selectorBoxFileErrorMessage.js";import{SelectorBoxFileHeader as a}from"./components/selectorBoxFileHeader.js";const l=s(({accept:s,button:l,containerBoxStateContent:c,cssClasses:m,description:d,errorMessage:p,errorMessageIcon:u,filename:x,focus:f,id:j,multiple:C,name:b,onAnimationCompleted:B,onBlur:I,onChange:g,onClick:h,onFocus:F,percentage:M,state:v,subtitle:k,title:y,tooltip:A,tooltipIcon:E,...$},N)=>{const R=t("selectorBoxFile"),S=j??R,_=`${S}HeaderId`,D=`${S}ErrorId`,H=$["data-testid"]??"selector-box-file";/* @__PURE__ */
+return e.jsxs("div",{ref:N,children:[
+/* @__PURE__ */e.jsxs("div",{className:m?.selector_box_file,"data-testid":H,children:[
+/* @__PURE__ */e.jsxs("div",{className:m?.header,children:[!(!y&&!k)&&/* @__PURE__ */e.jsx(a,{button:l,cssClasses:m,description:d,headerId:_,subtitle:k,title:y,tooltip:A,tooltipIcon:E}),
+/* @__PURE__ */e.jsx(r,{cssClasses:m,"data-testid":H,focus:f,percentage:M,state:v,onAnimationCompleted:B,children:/* @__PURE__ */e.jsx(i,{containerBoxStateContent:c,cssClasses:m,filename:x,focus:!1,htmlFor:S,state:v})})]}),
+/* @__PURE__ */e.jsx(n,{cssClasses:m,errorMessage:p,errorMessageIcon:u,errorMessageId:D,state:v})]}),
+/* @__PURE__ */e.jsx("input",{accept:s,"aria-describedby":(()=>{let e="";return(y||k)&&(e+=` ${_}`),v===o.ERROR&&p&&(e+=` ${D}`),e||void 0})(),className:"kbt-sr-only",disabled:v===o.DISABLED,id:S,multiple:C,name:b,type:"file",onBlur:I,onChange:g,onClick:h,onFocus:F})]})});export{l as SelectorBoxFileStandAlone};

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

@@ -1,3 +1 @@
-import{j as e}from"../../../_virtual/jsx-runtime.js";import{RenderIf as t}from"../../renderIf/renderIf.js";import{Text as s}from"../../text/text.js";const r=({cssClasses:r,customAttributes:i,leftHelperText:l,leftHelperTextId:n,rightHelperText:o,rightHelperTextId:c})=>l||o?/* @__PURE__ */e.jsxs("div",{className:r?.helpertextcontainer,children:[
-/* @__PURE__ */e.jsx(t,{condition:!!l,children:/* @__PURE__ */e.jsx("div",{className:r?.helpertextleftcontainer,children:/* @__PURE__ */e.jsx(s,{additionalClasses:{text:r?.helpertext},component:"span",customAttributes:i,id:n,children:l})})}),
-/* @__PURE__ */e.jsx(t,{condition:!!o,children:/* @__PURE__ */e.jsx("div",{className:r?.helpertextrightcontainer,children:/* @__PURE__ */e.jsx(s,{additionalClasses:{text:r?.helpertext},component:"span",customAttributes:i,id:c,children:o})})})]}):null;export{r as SliderHelperTextStandAlone};
+import{j as e}from"../../../_virtual/jsx-runtime.js";import{Text as t}from"../../text/text.js";const s=({cssClasses:s,customAttributes:r,leftHelperText:l,leftHelperTextId:i,rightHelperText:n,rightHelperTextId:a})=>l||n?/* @__PURE__ */e.jsxs("div",{className:s?.helpertextcontainer,children:[!!l&&/* @__PURE__ */e.jsx("div",{className:s?.helpertextleftcontainer,children:/* @__PURE__ */e.jsx(t,{additionalClasses:{text:s?.helpertext},component:"span",customAttributes:r,id:i,children:l})}),!!n&&/* @__PURE__ */e.jsx("div",{className:s?.helpertextrightcontainer,children:/* @__PURE__ */e.jsx(t,{additionalClasses:{text:s?.helpertext},component:"span",customAttributes:r,id:a,children:n})})]}):null;export{s as SliderHelperTextStandAlone};

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{useMediaDevice as a}from"../../../lib/hooks/useMediaDevice/useMediaDevice.js";import{pickCustomAttributes as t}from"../../../lib/utils/pickCustomAttributes/pickCustomAttributes.js";import{ElementOrIcon as i}from"../../elementOrIcon/elementOrIcon.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=a(),B=t({...g,...c}),N=t(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(i,{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(i,{className:d?.thumbicon,...b})})};export{l as SliderThumbStandAlone};
+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};

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

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

@@ -1,10 +1,10 @@
-import{j as e}from"../../_virtual/jsx-runtime.js";import{forwardRef as t}from"react";import{Text as s}from"../text/text.js";import{STATES as n}from"../../lib/types/states/states.js";import{classNames as a}from"../../lib/utils/classNames/classNames.js";import{pickCustomAttributes as r}from"../../lib/utils/pickCustomAttributes/pickCustomAttributes.js";import{CustomComponent as i}from"../../lib/components/customComponent/customComponent.js";import{ElementOrIcon as o}from"../elementOrIcon/elementOrIcon.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(i,{className:"kbt-sr-only",component:f.component,children:f?.content}),
-/* @__PURE__ */e.jsx("ol",{className:a(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},$=r(y);/* @__PURE__ */
+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:a(m?.stepcontainer,d?.stepcontainer),...$,children:[
+/* @__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:a(m?.stepcircle,d?.stepcircle),...$,children:p.state===n.COMPLETED?/* @__PURE__ */e.jsxs(e.Fragment,{children:[
-/* @__PURE__ */e.jsx(o,{className:a(m?.iconselected,d?.iconselected),customAttributes:y,...t}),
-/* @__PURE__ */e.jsx("screen-reader-only",{children:f+1})]}):/* @__PURE__ */e.jsx(s,{additionalClasses:{text:a(m?.stepindex,d?.stepindex)},component:"span",customAttributes:y,children:f+1})}),!N&&/* @__PURE__ */e.jsx("span",{className:a(m?.stepbar,d?.stepbar),...r({"data-state":v[f+1].state})})]}),O&&/* @__PURE__ */e.jsxs("span",{"aria-hidden":!!T||void 0,className:a(m?.stepnamecontainer,d?.stepnamecontainer),"data-islast":N,"data-testid":`${k}-step-description-${f}`,...$,children:[
-/* @__PURE__ */e.jsx(s,{additionalClasses:{text:a(m?.stepname,d?.stepname)},component:"span",customAttributes:y,maxTruncatedLines:C,children:p.name}),!T&&p.state===n.COMPLETED&&h?.content&&/* @__PURE__ */e.jsxs(i,{className:"kbt-sr-only",component:h.component,"data-testid":h["data-testid"],children:[" ",h.content]})]})]})]},`stepContainer-${f.toString()}`)})})]})});export{m as StepperNumberStandAlone};
+/* @__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};

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

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

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

@@ -1,4 +1,4 @@
-import{j as s}from"../../_virtual/jsx-runtime.js";import{forwardRef as t}from"react";import{ElementOrIcon as o}from"../elementOrIcon/elementOrIcon.js";import{Text as e}from"../text/text.js";import{CustomComponent as r}from"../../lib/components/customComponent/customComponent.js";import{pickCustomAttributes as m}from"../../lib/utils/pickCustomAttributes/pickCustomAttributes.js";import{processIcon as i}from"../../lib/utils/process/processIcon/processIcon.js";import{processText as n}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(r,{ref:j,className:c?.tag,component:t,"data-testid":"tag",...u,children:/* @__PURE__ */s.jsxs(s.Fragment,{children:[
-/* @__PURE__ */s.jsx(o,{className:c?.icon,...i(p)}),
-/* @__PURE__ */s.jsx(e,{additionalClasses:{text:c?.label},component:"span",...n(l)})]})})});export{c as TagStandAlone};
+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};

package/dist/esm/components/textArea/components/errorStandAlone.js

@@ -1,3 +1,3 @@
-import{j as r}from"../../../_virtual/jsx-runtime.js";import{RenderIf as e}from"../../renderIf/renderIf.js";import{Text as s}from"../../text/text.js";import{STATES as t}from"../../../lib/types/states/states.js";import{processText as o}from"../../../lib/utils/process/processText/processText.js";import{ElementOrIcon as i}from"../../elementOrIcon/elementOrIcon.js";const n=({cssClasses:n,customAttributtes:c,errorAriaLiveType:m,errorIcon:a,errorMessage:l,id:d,state:p})=>/* @__PURE__ */r.jsx("div",{"aria-live":m,className:n?.errorcontainer,id:d,...c,children:/* @__PURE__ */r.jsx(e,{condition:!!o(l).children&&p===t.ERROR,children:/* @__PURE__ */r.jsxs(r.Fragment,{children:[
-/* @__PURE__ */r.jsx(i,{className:n?.erroricon,customAttributes:c,...a}),
-/* @__PURE__ */r.jsx(s,{additionalClasses:{text:n?.errormessage},component:"p",customAttributes:c,...o(l),children:o(l).children})]})})});export{n as ErrorStandAlone};
+import{j as e}from"../../../_virtual/jsx-runtime.js";import{Text as s}from"../../text/text.js";import{ElementOrIcon as r}from"../../../lib/components/elementOrIcon/elementOrIcon.js";import{STATES as t}from"../../../lib/types/states/states.js";import{processText as o}from"../../../lib/utils/process/processText/processText.js";const i=({cssClasses:i,customAttributtes:c,errorAriaLiveType:m,errorIcon:n,errorMessage:a,id:l,state:p})=>/* @__PURE__ */e.jsx("div",{"aria-live":m,className:i?.errorcontainer,id:l,...c,children:!!o(a).children&&p===t.ERROR&&/* @__PURE__ */e.jsxs(e.Fragment,{children:[
+/* @__PURE__ */e.jsx(r,{className:i?.erroricon,customAttributes:c,...n}),
+/* @__PURE__ */e.jsx(s,{additionalClasses:{text:i?.errormessage},component:"p",customAttributes:c,...o(a),children:o(a).children})]})});export{i as ErrorStandAlone};