@kubit-ui-web/react-components 2.0.0-beta.23 → 2.0.0-beta.25

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

@@ -1,3 +1,3 @@
-import{j as t}from"../../_virtual/jsx-runtime.js";import{forwardRef as s}from"react";import{Text as e}from"../text/text.js";import{STATES as a}from"../../lib/types/states/states.js";import{pickCustomAttributes as r}from"../../lib/utils/pickCustomAttributes/pickCustomAttributes.js";import{processTextProp as o}from"../../lib/utils/process/processCommonProp.js";const i=s(({canvasRef:s,cssClasses:i,errorText:n,onBlurContainer:l,onClickContainer:c,placeholder:m,state:p,...u},d)=>{const x=p===a.DEFAULT||p===a.ERROR||p===a.DISABLED,j=p===a.ERROR&&n?n:m,f={"data-state":p},C=u["data-testid"]||"input-signature",b=r(u),v=r(f);/* @__PURE__ */
-return t.jsxs("div",{ref:d,className:i?.input_signature,"data-testid":C,role:"button",tabIndex:-1,onBlur:l,onClick:c,onKeyDown:c,...v,...b,children:[
-/* @__PURE__ */t.jsx("canvas",{ref:s,className:i?.canvas,"data-testid":`${C}-canvas`,...v}),x&&/* @__PURE__ */t.jsx("div",{className:i?.placeholdercontainer,...v,children:/* @__PURE__ */t.jsx(e,{additionalClasses:{text:i?.placeholdertext},customAttributes:f,...o(j)})})]})});export{i as InputSignatureStandAlone};
+import{jsxs as t,jsx as s}from"react/jsx-runtime";import{forwardRef as e}from"react";import{Text as r}from"../text/text.js";import{STATES as a}from"../../lib/types/states/states.js";import{pickCustomAttributes as o}from"../../lib/utils/pickCustomAttributes/pickCustomAttributes.js";import{processTextProp as i}from"../../lib/utils/process/processCommonProp.js";const n=e(({canvasRef:e,cssClasses:n,errorText:c,onBlurContainer:l,onClickContainer:m,placeholder:p,state:d,...u},f)=>{const C=d===a.DEFAULT||d===a.ERROR||d===a.DISABLED,b=d===a.ERROR&&c?c:p,x={"data-state":d},R=u["data-testid"]||"input-signature",v=o(u),h=o(x);/* @__PURE__ */
+return t("div",{ref:f,className:n?.input_signature,"data-testid":R,role:"button",tabIndex:-1,onBlur:l,onClick:m,onKeyDown:m,...h,...v,children:[
+/* @__PURE__ */s("canvas",{ref:e,className:n?.canvas,"data-testid":`${R}-canvas`,...h}),C&&/* @__PURE__ */s("div",{className:n?.placeholdercontainer,...h,children:/* @__PURE__ */s(r,{additionalClasses:{text:n?.placeholdertext},customAttributes:x,...i(b)})})]})});export{n as InputSignatureStandAlone};

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

@@ -1,2 +1,2 @@
-import{j as t}from"../../_virtual/jsx-runtime.js";import{forwardRef as r,useRef as e,useState as n,useImperativeHandle as a}from"react";import{useDraw as o}from"./hook/useDraw.js";import{InputSignatureControlled as s}from"./inputSignatureControlled.js";import{getInputSignatureState as i}from"./utils/getInputSignatureState.js";const u=r(({disabled:r,error:u,onChange:l,...g},p)=>{const f=e(null),{canvasRef:m,filled:c,resetCanvas:S,setSignatureStyles:d}=o(l),[j,C]=n(!1),v=i({active:j,disabled:r,error:u,filled:c});a(p,()=>({get InputSignature(){return f.current},get reset(){return S}}));/* @__PURE__ */
-return t.jsx(s,{ref:f,canvasRef:m,setSignatureStyles:d,onBlurContainer:()=>{C(!1)},onClickContainer:t=>{r||(t.stopPropagation(),C(!0),t.currentTarget.focus())},...g,state:v})});export{u as InputSignature,u as InputSignatureUnControlled};
+import{jsx as t}from"react/jsx-runtime";import{forwardRef as r,useRef as e,useState as n,useImperativeHandle as o}from"react";import{useDraw as a}from"./hook/useDraw.js";import{InputSignatureControlled as i}from"./inputSignatureControlled.js";import{getInputSignatureState as s}from"./utils/getInputSignatureState.js";const u=r(({disabled:r,error:u,onChange:l,...g},p)=>{const c=e(null),{canvasRef:f,filled:m,resetCanvas:S,setSignatureStyles:d}=a(l),[C,j]=n(!1),v=s({active:C,disabled:r,error:u,filled:m});o(p,()=>({get InputSignature(){return c.current},get reset(){return S}}));/* @__PURE__ */
+return t(i,{ref:c,canvasRef:f,setSignatureStyles:d,onBlurContainer:()=>{j(!1)},onClickContainer:t=>{r||(t.stopPropagation(),j(!0),t.currentTarget.focus())},...g,state:v})});export{u as InputSignature,u as InputSignatureUnControlled};

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

@@ -1,2 +1,2 @@
-import{j as t}from"../../_virtual/jsx-runtime.js";import{forwardRef as e,useId as s}from"react";import{Text as r}from"../text/text.js";const i=e(({asteriskColor:e,asteriskCssClasses:i,asteriskWeight:a,children:o,color:l,cursor:d,customAttributes:c,id:n,inputId:m,required:u,requiredSymbol:h,textCssClasses:p,weight:x,...b},C)=>{const j=`label-${s().replace(/:/g,"")}`,g=n??j,f=b["data-testid"]||"label";/* @__PURE__ */
-return t.jsxs(r,{ref:C,additionalClasses:{text:p},color:l,component:"label",cursor:d,customAttributes:c,"data-testid":f,htmlFor:m,id:g,weight:x,children:[o,u&&/* @__PURE__ */t.jsx(r,{additionalClasses:{text:i},"aria-hidden":!0,color:e,component:"span","data-testid":`${f}Required`,weight:a,children:h})]})});export{i as Label,i as LabelStandAlone};
+import{jsxs as t,jsx as e}from"react/jsx-runtime";import{forwardRef as r,useId as s}from"react";import{Text as i}from"../text/text.js";const o=r(({asteriskColor:r,asteriskCssClasses:o,asteriskWeight:a,children:l,color:d,cursor:c,customAttributes:n,id:m,inputId:u,required:h,requiredSymbol:p,textCssClasses:b,weight:x,...C},g)=>{const f=`label-${s().replace(/:/g,"")}`,k=m??f,q=C["data-testid"]||"label";/* @__PURE__ */
+return t(i,{ref:g,additionalClasses:{text:b},color:d,component:"label",cursor:c,customAttributes:n,"data-testid":q,htmlFor:u,id:k,weight:x,children:[l,h&&/* @__PURE__ */e(i,{additionalClasses:{text:o},"aria-hidden":!0,color:r,component:"span","data-testid":`${q}Required`,weight:a,children:p})]})});export{o as Label,o as LabelStandAlone};

package/dist/esm/components/link/link.js

@@ -1,2 +1,2 @@
-import{j as o}from"../../_virtual/jsx-runtime.js";import{forwardRef as e}from"react";import{useClassName as i}from"../../lib/hooks/useClassName/useClassName.js";import{useGenericComponents as a}from"../../lib/provider/genericComponentsProvider/genericComponentsProvider.js";import{disabledLink as s}from"./helpers/disabled.js";import{LinkStandAlone as n}from"./linkStandAlone.js";const r=e(({action:e="navigation",additionalClasses:r,additionalTextClasses:t,alignCenter:l=!1,color:d,decoration:m="auto",disabled:c=!1,icon:p,role:C,textVariant:v,variant:j,weight:f,...g},u)=>{const{LINK:b}=a(),{role:x}=s(c,C),N=c||void 0,h=i({additionalClassNames:r,component:"LINK",variant:`${e}_${j}`}),T=i({additionalClassNames:t,component:"TEXT",variant:v});/* @__PURE__ */
-return o.jsx(n,{...g,ref:u,action:e,alignCenter:l,"aria-disabled":N,color:d,component:b,cssClasses:h,cssTextClasses:T,decoration:"inline"===e?"underline":m,disabled:c,icon:p,role:x,weight:f})});export{r as Link};
+import{jsx as o}from"react/jsx-runtime";import{forwardRef as e}from"react";import{useClassName as i}from"../../lib/hooks/useClassName/useClassName.js";import{useGenericComponents as a}from"../../lib/provider/genericComponentsProvider/genericComponentsProvider.js";import{disabledLink as n}from"./helpers/disabled.js";import{LinkStandAlone as r}from"./linkStandAlone.js";const s=e(({action:e="navigation",additionalClasses:s,additionalTextClasses:t,alignCenter:l=!1,color:d,decoration:m="auto",disabled:c=!1,icon:p,role:C,textVariant:v,variant:f,weight:g,...b},u)=>{const{LINK:N}=a(),{role:j}=n(c,C),x=c||void 0,h=i({additionalClassNames:s,component:"LINK",variant:`${e}_${f}`}),T=i({additionalClassNames:t,component:"TEXT",variant:v});/* @__PURE__ */
+return o(r,{...b,ref:u,action:e,alignCenter:l,"aria-disabled":x,color:d,component:N,cssClasses:h,cssTextClasses:T,decoration:"inline"===e?"underline":m,disabled:c,icon:p,role:j,weight:g})});export{s as Link};

package/dist/esm/components/link/linkAsButton/linkAsButton.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{useManageState as t}from"../../../lib/hooks/useManageState/useManageState.js";import{useGenericComponents as o}from"../../../lib/provider/genericComponentsProvider/genericComponentsProvider.js";import{STATES as i}from"../../../lib/types/states/states.js";import{LinkAsButtonStandAlone as n}from"./linkAsButtonStandAlone.js";const r=e(({additionalSizeClasses:e,additionalVariantClasses:r,disabled:m,size:l,variant:d,...p},c)=>{const C=a({component:"LINK_AS_BUTTON"}),f=a({additionalClassNames:r,component:"BUTTON",variant:d}),j=a({additionalClassNames:e,component:"BUTTON",variant:l}),{LINK:u}=o(),{setRef:N}=t({disabled:m,ref:c,states:Object.values(i)});/* @__PURE__ */
-return s.jsx(n,{...p,ref:N,component:u,cssLinkAsButtonClasses:C,cssSizeClasses:j,cssVariantClasses:f,disabled:m})});export{r as LinkAsButton};
+import{jsx as s}from"react/jsx-runtime";import{forwardRef as e}from"react";import{useClassName as a}from"../../../lib/hooks/useClassName/useClassName.js";import{useManageState as t}from"../../../lib/hooks/useManageState/useManageState.js";import{useGenericComponents as o}from"../../../lib/provider/genericComponentsProvider/genericComponentsProvider.js";import{STATES as i}from"../../../lib/types/states/states.js";import{LinkAsButtonStandAlone as n}from"./linkAsButtonStandAlone.js";const r=e(({additionalSizeClasses:e,additionalVariantClasses:r,disabled:m,size:l,variant:d,...p},c)=>{const C=a({component:"LINK_AS_BUTTON"}),f=a({additionalClassNames:r,component:"BUTTON",variant:d}),u=a({additionalClassNames:e,component:"BUTTON",variant:l}),{LINK:N}=o(),{setRef:b}=t({disabled:m,ref:c,states:Object.values(i)});/* @__PURE__ */
+return s(n,{...p,ref:b,component:N,cssLinkAsButtonClasses:C,cssSizeClasses:u,cssVariantClasses:f,disabled:m})});export{r as LinkAsButton};

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

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

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

@@ -1,3 +1,3 @@
-import{j as t}from"../../_virtual/jsx-runtime.js";import{forwardRef as e}from"react";import{Text as o}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{pickCustomAttributes as i}from"../../lib/utils/pickCustomAttributes/pickCustomAttributes.js";import{CustomComponent as l}from"../../lib/components/customComponent/customComponent.js";const n=e(({children:e,color:n,component:c=o,cssClasses:a,cssTextClasses:m,decoration:d,disabled:p,draggable:u,icon:j,iconPosition:x,id:b,onClick:f,rel:g,role:C,target:h,url:k,weight:N,...v},w)=>{const y=p?void 0:f,A=p?void 0:k,D=r(a?.link,m?.text),I={flexDirection:"left"===x?"row":"row-reverse"},O={color:n,fontWeight:N,textDecoration:d},P=i(v);/* @__PURE__ */
-return t.jsx(l,{ref:w,className:D,component:c,"data-testid":"link",disabled:p,draggable:u,id:b,rel:g,role:C,style:O,target:h,url:A,onClick:y,...P,children:j?/* @__PURE__ */t.jsxs("span",{className:a?.labelandiconcontainer,style:I,children:[
-/* @__PURE__ */t.jsx(s,{className:a?.icon,...j},"icon"),e]}):/* @__PURE__ */t.jsx("span",{style:I,children:e})})});export{n as LinkStandAlone};
+import{jsx as t,jsxs as o}from"react/jsx-runtime";import{forwardRef as e}from"react";import{Text as r}from"../text/text.js";import{ElementOrIcon as s}from"../../lib/components/elementOrIcon/elementOrIcon.js";import{classNames as i}from"../../lib/utils/classNames/classNames.js";import{pickCustomAttributes as n}from"../../lib/utils/pickCustomAttributes/pickCustomAttributes.js";import{CustomComponent as l}from"../../lib/components/customComponent/customComponent.js";const c=e(({children:e,color:c,component:a=r,cssClasses:m,cssTextClasses:d,decoration:p,disabled:f,draggable:u,icon:b,iconPosition:g,id:x,onClick:C,rel:h,role:j,target:k,url:N,weight:v,...w},y)=>{const D=f?void 0:C,A=f?void 0:N,I=i(m?.link,d?.text),O={color:c,flexDirection:"left"===g?"row":"row-reverse",fontWeight:v,textDecoration:p},W={color:c,fontWeight:v,textDecoration:p},P=n(w);/* @__PURE__ */
+return t(l,{ref:y,className:I,component:a,"data-testid":"link",disabled:f,draggable:u,id:x,rel:h,role:j,style:W,target:k,url:A,onClick:D,...P,children:b?/* @__PURE__ */o("span",{className:m?.labelandiconcontainer,style:O,children:[
+/* @__PURE__ */t(s,{className:m?.icon,...b},"icon"),e]}):/* @__PURE__ */t("span",{style:O,children:e})})});export{c as LinkStandAlone};

package/dist/esm/components/listOptions/listOptions.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{ListOptionsStandAlone as t}from"./listOptionsStandAlone.js";const r=a(({additionalClasses:a,variant:r,...i},e)=>{const m=o({additionalClassNames:a,component:"LIST_OPTIONS",variant:r});/* @__PURE__ */
-return s.jsx(t,{...i,ref:e,cssClasses:m})});export{r as ListOptions};
+import{jsx as s}from"react/jsx-runtime";import{forwardRef as a}from"react";import{useClassName as o}from"../../lib/hooks/useClassName/useClassName.js";import{ListOptionsStandAlone as t}from"./listOptionsStandAlone.js";const r=a(({additionalClasses:a,variant:r,...e},i)=>{const m=o({additionalClassNames:a,component:"LIST_OPTIONS",variant:r});/* @__PURE__ */
+return s(t,{...e,ref:i,cssClasses:m})});export{r as ListOptions};

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

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

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

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

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

@@ -1 +1 @@
-import{j as o}from"../../_virtual/jsx-runtime.js";import{forwardRef as e,useRef as r,useCallback as s}from"react";import{useClassName as t}from"../../lib/hooks/useClassName/useClassName.js";import{useContentVisibility as l}from"../../lib/hooks/useContentVisibility/useContentVisibility.js";import{useMediaDevice as n}from"../../lib/hooks/useMediaDevice/useMediaDevice.js";import{useScrollDetection as i}from"../../lib/hooks/useScrollDetection/useScrollDetection.js";import{useScrollEffect as a}from"../../lib/hooks/useScrollEffect/useScrollEffect.js";import{useSwipeDown as c}from"../../lib/hooks/useSwipeDown/useSwipeDown.js";import{syncInnerAndForwardedRef as m}from"../../lib/utils/refs/syncRefs.js";import{Portal as u}from"../portal/portal.js";import{ModalStandAlone as d}from"./modalStandAlone.js";const p=e(({additionalClasses:e,disableFocusableContent:p=!1,onClose:f,popover:b,portalId:j,variant:S,...h},C)=>{const v=t({additionalClassNames:e,component:"MODAL",variant:S}),y=n(),D=r(null),{scrollableRef:w,shadowRef:k}=a({shadowStyles:"none"}),{handleContentVisibility:R}=l({}),{setDragIconRef:x}=c({onClose:f}),{handleScrollDetection:I,hasScroll:g}=i({autoFocus:!p}),q=s(o=>{D.current=o,m({forwardedRef:C,innerRef:D});const e=D.current?.querySelector("[data-modal-header]"),r=D.current?.querySelector("[data-modal-content]"),s=D.current?.querySelector("[data-modal-draggable-icon]");k(e),R({container:D.current,content:r}),w(r),I(r),s&&x(s)},[]),M=/* @__PURE__ */o.jsx(d,{...h,ref:q,contentHasScroll:g,cssClasses:v,device:y,popover:{...b},onPopoverCloseInternally:()=>{f?.()}});return j?/* @__PURE__ */o.jsx(u,{wrapperId:j,children:M}):M});export{p as ModalControlled};
+import{jsx as o}from"react/jsx-runtime";import{forwardRef as e,useRef as r,useCallback as t}from"react";import{useClassName as s}from"../../lib/hooks/useClassName/useClassName.js";import{useContentVisibility as l}from"../../lib/hooks/useContentVisibility/useContentVisibility.js";import{useMediaDevice as n}from"../../lib/hooks/useMediaDevice/useMediaDevice.js";import{useScrollDetection as i}from"../../lib/hooks/useScrollDetection/useScrollDetection.js";import{useScrollEffect as a}from"../../lib/hooks/useScrollEffect/useScrollEffect.js";import{useSwipeDown as c}from"../../lib/hooks/useSwipeDown/useSwipeDown.js";import{syncInnerAndForwardedRef as m}from"../../lib/utils/refs/syncRefs.js";import{Portal as d}from"../portal/portal.js";import{ModalStandAlone as u}from"./modalStandAlone.js";const p=e(({additionalClasses:e,disableFocusableContent:p=!1,onClose:f,popover:b,portalId:S,variant:h,...C},j)=>{const y=s({additionalClassNames:e,component:"MODAL",variant:h}),D=n(),v=r(null),{scrollableRef:w,shadowRef:k}=a({shadowStyles:"none"}),{handleContentVisibility:R}=l({}),{setDragIconRef:I}=c({onClose:f}),{handleScrollDetection:g,hasScroll:q}=i({autoFocus:!p}),M=t(o=>{v.current=o,m({forwardedRef:j,innerRef:v});const e=v.current?.querySelector("[data-modal-header]"),r=v.current?.querySelector("[data-modal-content]"),t=v.current?.querySelector("[data-modal-draggable-icon]");k(e),R({container:v.current,content:r}),w(r),g(r),t&&I(t)},[]),N=/* @__PURE__ */o(u,{...C,ref:M,contentHasScroll:q,cssClasses:y,device:D,popover:{...b},onPopoverCloseInternally:()=>{f?.()}});return S?/* @__PURE__ */o(d,{wrapperId:S,children:N}):N});export{p as ModalControlled};

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

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

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

@@ -1,2 +1,2 @@
-import{j as o}from"../../_virtual/jsx-runtime.js";import{forwardRef as r,useState as s,useEffect as e}from"react";import{processIconProp as n}from"../../lib/utils/process/processCommonProp.js";import{ESCAPE as t}from"../../lib/constants/keyboardKeys/keyboardKeys.js";import{isKeyPressed as l}from"../../lib/utils/keyboard/keyboard.js";import{ModalControlled as i}from"./modalControlled.js";const c=r(({closeButton:r,closeIcon:c,onClose:p,open:a,popover:m,variant:k,...y},b)=>{const[d,j]=s(a);e(()=>{j(a)},[a]);const u=()=>{j(!1),p?.()};/* @__PURE__ */
-return o.jsx(i,{...y,ref:b,closeButton:r&&{...r,onClick:o=>{u(),r?.onClick?.(o)}},closeIcon:{...n(c),onClick:o=>{u(),n(c)?.onClick?.(o)}},open:d,popover:{...m},variant:k,onClose:p,onKeyDown:o=>y?.blocked&&l(o.key,...t.key)?o.stopPropagation():null})});export{c as Modal,c as ModalUnControlled};
+import{jsx as o}from"react/jsx-runtime";import{forwardRef as r,useState as e,useEffect as n}from"react";import{processIconProp as t}from"../../lib/utils/process/processCommonProp.js";import{ESCAPE as s}from"../../lib/constants/keyboardKeys/keyboardKeys.js";import{isKeyPressed as l}from"../../lib/utils/keyboard/keyboard.js";import{ModalControlled as c}from"./modalControlled.js";const i=r(({closeButton:r,closeIcon:i,onClose:p,open:a,popover:m,variant:k,...y},b)=>{const[d,C]=e(a);n(()=>{C(a)},[a]);const f=()=>{C(!1),p?.()};/* @__PURE__ */
+return o(c,{...y,ref:b,closeButton:r&&{...r,onClick:o=>{f(),r?.onClick?.(o)}},closeIcon:{...t(i),onClick:o=>{f(),t(i)?.onClick?.(o)}},open:d,popover:{...m},variant:k,onClose:p,onKeyDown:o=>y?.blocked&&l(o.key,...s.key)?o.stopPropagation():null})});export{i as Modal,i as ModalUnControlled};

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

@@ -1,2 +1,2 @@
-import{j as t}from"../../../_virtual/jsx-runtime.js";import{Text as s}from"../../text/text.js";import{pickCustomAttributes as r}from"../../../lib/utils/pickCustomAttributes/pickCustomAttributes.js";const i=({children:i,component:o,cssClasses:e,customAttributes:u,...m})=>{if(!i)return null;const n=r(m);/* @__PURE__ */
-return t.jsx(s,{additionalClasses:{text:e},component:o,customAttributes:u,...n,children:i})};export{i as OptionLabelSlice};
+import{jsx as t}from"react/jsx-runtime";import{Text as s}from"../../text/text.js";import{pickCustomAttributes as r}from"../../../lib/utils/pickCustomAttributes/pickCustomAttributes.js";const e=({children:e,component:o,cssClasses:i,customAttributes:m,...n})=>{if(!e)return null;const u=r(n);/* @__PURE__ */
+return t(s,{additionalClasses:{text:i},component:o,customAttributes:m,...u,children:e})};export{e as OptionLabelSlice};

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

@@ -1,2 +1,2 @@
-import{j as o}from"../../_virtual/jsx-runtime.js";import{forwardRef as s,useRef as r,useState as e,useImperativeHandle as n,useEffect as t}from"react";import{useClassName as i}from"../../lib/hooks/useClassName/useClassName.js";import{useGenericComponents as a}from"../../lib/provider/genericComponentsProvider/genericComponentsProvider.js";import{OptionStandAlone as m}from"./optionStandAlone.js";const u=s(({additionalClasses:s,focus:u,onBlur:c,onFocus:l,variant:p,...f},d)=>{const v=i({additionalClassNames:s,component:"OPTION",variant:p}),{LINK:j}=a(),C=r(),[N,x]=e(!1),[L,P]=e(!1);n(d,()=>C.current,[]),t(()=>{u&&C.current?.focus()},[u]);/* @__PURE__ */
-return o.jsx(m,{...f,ref:C,componentLink:j,cssClasses:v,focus:L,hover:N,onBlur:o=>{c?.(o),P(!1)},onFocus:o=>{l?.(o),P(!0)},onMouseEnter:()=>x(!0),onMouseLeave:()=>x(!1)})});export{u as Option};
+import{jsx as o}from"react/jsx-runtime";import{forwardRef as r,useRef as e,useState as s,useImperativeHandle as n,useEffect as t}from"react";import{useClassName as i}from"../../lib/hooks/useClassName/useClassName.js";import{useGenericComponents as a}from"../../lib/provider/genericComponentsProvider/genericComponentsProvider.js";import{OptionStandAlone as m}from"./optionStandAlone.js";const c=r(({additionalClasses:r,focus:c,onBlur:u,onFocus:l,variant:p,...f},d)=>{const v=i({additionalClassNames:r,component:"OPTION",variant:p}),{LINK:C}=a(),N=e(),[j,L]=s(!1),[P,b]=s(!1);n(d,()=>N.current,[]),t(()=>{c&&N.current?.focus()},[c]);/* @__PURE__ */
+return o(m,{...f,ref:N,componentLink:C,cssClasses:v,focus:P,hover:j,onBlur:o=>{u?.(o),b(!1)},onFocus:o=>{l?.(o),b(!0)},onMouseEnter:()=>L(!0),onMouseLeave:()=>L(!1)})});export{c as Option};

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

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

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

@@ -1,2 +1,2 @@
-import{j as t}from"../../../_virtual/jsx-runtime.js";import{pickCustomAttributes as s}from"../../../lib/utils/pickCustomAttributes/pickCustomAttributes.js";const o=({cssPageControlClasses:o,disabled:i=!1,position:r,...e})=>{const u=s(e);/* @__PURE__ */
-return t.jsx("button",{className:o,disabled:i,type:"button",...e,...u})};export{o as ButtonControlStandAlone};
+import{jsx as t}from"react/jsx-runtime";import{pickCustomAttributes as s}from"../../../lib/utils/pickCustomAttributes/pickCustomAttributes.js";const o=({cssPageControlClasses:o,disabled:i=!1,position:e,...r})=>{const u=s(r);/* @__PURE__ */
+return t("button",{className:o,disabled:i,type:"button",...r,...u})};export{o as ButtonControlStandAlone};

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

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

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

@@ -1,2 +1,2 @@
-import{j as s}from"../../_virtual/jsx-runtime.js";import{forwardRef as o,useRef as t,useMemo as i}from"react";import{useClassName as r}from"../../lib/hooks/useClassName/useClassName.js";import{calcFirstLastVisiblePosition as a,getPositionWithIn as e}from"./helper/positions.js";import{PageControlStandAlone as n}from"./pageControlStandAlone.js";const l=o(({additionalArrowControlClasses:o,additionalPageControlClasses:l,arrowsControlVariant:m,currentPosition:C,isBullet:c=!1,maxDots:p=5,pages:u,variant:d,...P},f)=>{const j=r({additionalClassNames:o,component:"PAGE_CONTROL",variant:m}),b=r({additionalClassNames:l,component:"PAGE_CONTROL",variant:d}),g=t(0),N=i(()=>{let s="forth";return C<g.current&&(s="back"),g.current=C,s},[C]),A=u>p?p:u,V=e(C,u),{firstVisiblePosition:v,lastVisiblePosition:x}=a({currentPosition:V,direction:N,dots:A,isBullet:c,pages:u});/* @__PURE__ */
-return s.jsx(n,{ref:f,cssArrowControlClasses:j,cssPageControlClasses:b,currentPosition:V,dots:A,firstVisiblePosition:v,isBullet:c,lastVisiblePosition:x,pages:0,...P})});export{l as PageControl};
+import{jsx as s}from"react/jsx-runtime";import{forwardRef as o,useRef as t,useMemo as i}from"react";import{useClassName as r}from"../../lib/hooks/useClassName/useClassName.js";import{calcFirstLastVisiblePosition as a,getPositionWithIn as e}from"./helper/positions.js";import{PageControlStandAlone as n}from"./pageControlStandAlone.js";const l=o(({additionalArrowControlClasses:o,additionalPageControlClasses:l,arrowsControlVariant:m,currentPosition:C,isBullet:c=!1,maxDots:p=5,pages:u,variant:d,...P},f)=>{const b=r({additionalClassNames:o,component:"PAGE_CONTROL",variant:m}),g=r({additionalClassNames:l,component:"PAGE_CONTROL",variant:d}),N=t(0),A=i(()=>{let s="forth";return C<N.current&&(s="back"),N.current=C,s},[C]),V=u>p?p:u,j=e(C,u),{firstVisiblePosition:O,lastVisiblePosition:h}=a({currentPosition:j,direction:A,dots:V,isBullet:c,pages:u});/* @__PURE__ */
+return s(n,{ref:f,cssArrowControlClasses:b,cssPageControlClasses:g,currentPosition:j,dots:V,firstVisiblePosition:O,isBullet:c,lastVisiblePosition:h,pages:0,...P})});export{l as PageControl};

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

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

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

@@ -1,2 +1,2 @@
-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};
+import{jsx as a}from"react/jsx-runtime";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:e="left"})=>{const n={"data-state":s?"disabled":""};/* @__PURE__ */
+return a(t,{altText:r?.ariaLabel,"aria-controls":r?.ariaControls,"aria-label":r?.ariaLabel,className:o({[`${i?.paginationleftarrowicon}`]:"left"===e},{[`${i?.paginationrightarrowicon}`]:"right"===e}),customAttributes:n,disabled:s,icon:r?.icon,onClick:a=>{s||r?.onClick?.(a)}})};export{i as PaginationButtonControl};

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

@@ -1,2 +1,2 @@
-import{j as s}from"../../_virtual/jsx-runtime.js";import{forwardRef as e}from"react";import{useClassName as r}from"../../lib/hooks/useClassName/useClassName.js";import{adjustMaxCountersNumber as t}from"./helpers/adjustMaxCountersNumber.js";import{buildstepsNumber as a}from"./helpers/getMaxCountersNumber.js";import{PaginationStandAlone as m}from"./paginationStandAlone.js";const o=e(({additionalClasses:e,currentStep:o,maxCountersNumber:i,maxStepsNumber:n,variant:p,...u},l)=>{const N=r({additionalClassNames:e,component:"PAGINATION",variant:p}),x=Math.max(0,Math.min(o,n-1)),b=t({maxStepsNumber:n,propMaxCountersNumber:i}),d=a(x,n,b),f=d.indexOf(x+1),j=0===x,C=x===n-1;/* @__PURE__ */
-return s.jsx(m,{ref:l,cssClasses:N,leftDisabled:j,rightDisabled:C,stepActive:f,stepsNumber:d,...u})});export{o as Pagination};
+import{jsx as e}from"react/jsx-runtime";import{forwardRef as s}from"react";import{useClassName as r}from"../../lib/hooks/useClassName/useClassName.js";import{adjustMaxCountersNumber as t}from"./helpers/adjustMaxCountersNumber.js";import{buildstepsNumber as a}from"./helpers/getMaxCountersNumber.js";import{PaginationStandAlone as m}from"./paginationStandAlone.js";const o=s(({additionalClasses:s,currentStep:o,maxCountersNumber:i,maxStepsNumber:n,variant:p,...u},l)=>{const N=r({additionalClassNames:s,component:"PAGINATION",variant:p}),b=Math.max(0,Math.min(o,n-1)),x=t({maxStepsNumber:n,propMaxCountersNumber:i}),d=a(b,n,x),f=d.indexOf(b+1);/* @__PURE__ */
+return e(m,{ref:l,cssClasses:N,leftDisabled:0===b,rightDisabled:b===n-1,stepActive:f,stepsNumber:d,...u})});export{o as Pagination};

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

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

package/dist/esm/components/popover/popover.js

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

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

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

package/dist/esm/components/progressBar/progressBar.js

@@ -1,2 +1,2 @@
-import{j as s}from"../../_virtual/jsx-runtime.js";import{forwardRef as a}from"react";import{useClassName as e}from"../../lib/hooks/useClassName/useClassName.js";import{ProgressBarStandalone as r}from"./progressBarStandAlone.js";const t=a(({additionalSizeClasses:a,additionalVariantClasses:t,percentProgressCompleted:o,size:i,variant:n,...m},l)=>{const p=e({additionalClassNames:t,component:"PROGRESS_BAR",variant:n}),d=e({additionalClassNames:a,component:"PROGRESS_BAR",variant:i}),C=o?Math.min(Math.max(o,0),100):0;/* @__PURE__ */
-return s.jsx(r,{...m,ref:l,cssSizeClasses:d,cssVariantClasses:p,progressCompleted:C})});export{t as ProgressBar};
+import{jsx as s}from"react/jsx-runtime";import{forwardRef as a}from"react";import{useClassName as e}from"../../lib/hooks/useClassName/useClassName.js";import{ProgressBarStandalone as r}from"./progressBarStandAlone.js";const t=a(({additionalSizeClasses:a,additionalVariantClasses:t,percentProgressCompleted:o,size:i,variant:n,...m},l)=>{const p=e({additionalClassNames:t,component:"PROGRESS_BAR",variant:n}),d=e({additionalClassNames:a,component:"PROGRESS_BAR",variant:i}),C=o?Math.min(Math.max(o,0),100):0;/* @__PURE__ */
+return s(r,{...m,ref:l,cssSizeClasses:d,cssVariantClasses:p,progressCompleted:C})});export{t as ProgressBar};

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

@@ -1,4 +1,4 @@
-import{j as r}from"../../_virtual/jsx-runtime.js";import{forwardRef as s}from"react";import{classNames as a}from"../../lib/utils/classNames/classNames.js";const e=s(({barAriaLabel:s,color:e,cssSizeClasses:i,cssVariantClasses:o,progressAnimation:t,progressCompleted:l,...n},c)=>{const d=n["data-testid"]||"progress-bar",m={backgroundColor:e?.bar},b={backgroundColor:e?.progressBar,transition:`width ${t?.duration} ${t?.timingFunction}`,width:`${l}%`};/* @__PURE__ */
-return r.jsx("div",{ref:c,className:o?.progress_bar,"data-testid":`${d}-progressbar`,children:/* @__PURE__ */r.jsxs("div",{className:o?.barcontainer,children:[
-/* @__PURE__ */r.jsx("div",{"aria-label":s,"aria-valuemax":100,"aria-valuemin":0,"aria-valuenow":l,className:a(i?.bar,o?.bar),"data-testid":d,role:"progressbar",style:m}),
-/* @__PURE__ */r.jsx("div",{className:a(i?.progressbar,o?.progressbar),style:b})]})})});export{e as ProgressBarStandalone};
+import{jsx as r,jsxs as a}from"react/jsx-runtime";import{forwardRef as s}from"react";import{classNames as e}from"../../lib/utils/classNames/classNames.js";const i=s(({barAriaLabel:s,color:i,cssSizeClasses:o,cssVariantClasses:t,progressAnimation:l,progressCompleted:n,...c},d)=>{const m=c["data-testid"]||"progress-bar",b={backgroundColor:i?.bar},p={backgroundColor:i?.progressBar,transition:`width ${l?.duration} ${l?.timingFunction}`,width:`${n}%`};/* @__PURE__ */
+return r("div",{ref:d,className:t?.progress_bar,"data-testid":`${m}-progressbar`,children:/* @__PURE__ */a("div",{className:t?.barcontainer,children:[
+/* @__PURE__ */r("div",{"aria-label":s,"aria-valuemax":100,"aria-valuemin":0,"aria-valuenow":n,className:e(o?.bar,t?.bar),"data-testid":m,role:"progressbar",style:b}),
+/* @__PURE__ */r("div",{className:e(o?.progressbar,t?.progressbar),style:p})]})})});export{i as ProgressBarStandalone};

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

@@ -1,2 +1,2 @@
-import{j as s}from"../../_virtual/jsx-runtime.js";import{useClassName as a}from"../../lib/hooks/useClassName/useClassName.js";import{RadioButtonStandAlone as t}from"./radioButtonStandAlone.js";import{getState as e}from"./utils/state.utils.js";const o=({additionalClasses:o,checked:r=!1,cssClasses:i,disabled:l=!1,error:m=!1,variant:n,...d})=>{const c=a({additionalClassNames:o,component:"RADIO_BUTTON",variant:n}),u=e(r,l,m);/* @__PURE__ */
-return s.jsx(t,{cssClasses:i??c,state:u,...d,checked:r,disabled:l,error:m})};export{o as RadioButton};
+import{jsx as s}from"react/jsx-runtime";import{useClassName as a}from"../../lib/hooks/useClassName/useClassName.js";import{RadioButtonStandAlone as e}from"./radioButtonStandAlone.js";import{getState as t}from"./utils/state.utils.js";const o=({additionalClasses:o,checked:r=!1,cssClasses:i,disabled:l=!1,error:m=!1,variant:n,...d})=>{const c=a({additionalClassNames:o,component:"RADIO_BUTTON",variant:n}),u=t(r,l,m);/* @__PURE__ */
+return s(e,{cssClasses:i??c,state:u,...d,checked:r,disabled:l,error:m})};export{o as RadioButton};

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

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

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

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

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

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

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

@@ -1,2 +1,2 @@
-import{j as e}from"../../_virtual/jsx-runtime.js";import{forwardRef as o,useState as n,useRef as t,useEffect as r}from"react";import{ESCAPE as i}from"../../lib/constants/keyboardKeys/keyboardKeys.js";import{SelectControlled as s}from"./selectControlled.js";const c=o(({defaultOpen:o=!1,defaultOptionSelected:c,onBlur:l,onButtonClick:u,onClosePopover:d,onFocus:a,onOptionClick:p,openAndCloseOnHover:m=!1,...f},k)=>{const[v,y]=n(o),[C,b]=n(c),j=t(null);r(()=>{const e=()=>{document.hidden&&y(!1)};return document.addEventListener("visibilitychange",e),()=>document.removeEventListener("visibilitychange",e)},[]);/* @__PURE__ */
-return e.jsx(s,{...f,ref:k,buttonOrLinkRef:j,open:v,optionSelected:C,onBlur:e=>{e.currentTarget.contains(e.relatedTarget)||(y(!1),l?.(!1)),m&&(y(!1),l?.(!1))},onButtonClick:()=>{u?.(!v),y(!v)},onClosePopover:()=>{y(!1),d?.(!1)},onFocus:()=>{m&&(y(!0),a?.(!0))},onKeyDown:e=>{i.key.includes(e.key)&&v&&(j.current?.focus(),y(!1))},onOptionClick:e=>{b(e),p?.(e)}})});export{c as Select,c as SelectUnControlled};
+import{jsx as e}from"react/jsx-runtime";import{forwardRef as o,useState as n,useRef as t,useEffect as r}from"react";import{ESCAPE as i}from"../../lib/constants/keyboardKeys/keyboardKeys.js";import{SelectControlled as c}from"./selectControlled.js";const l=o(({defaultOpen:o=!1,defaultOptionSelected:l,onBlur:s,onButtonClick:u,onClosePopover:d,onFocus:a,onOptionClick:p,openAndCloseOnHover:m=!1,...f},k)=>{const[y,v]=n(o),[C,b]=n(l),O=t(null);r(()=>{const e=()=>{document.hidden&&v(!1)};return document.addEventListener("visibilitychange",e),()=>document.removeEventListener("visibilitychange",e)},[]);/* @__PURE__ */
+return e(c,{...f,ref:k,buttonOrLinkRef:O,open:y,optionSelected:C,onBlur:e=>{e.currentTarget.contains(e.relatedTarget)||(v(!1),s?.(!1)),m&&(v(!1),s?.(!1))},onButtonClick:()=>{u?.(!y),v(!y)},onClosePopover:()=>{v(!1),d?.(!1)},onFocus:()=>{m&&(v(!0),a?.(!0))},onKeyDown:e=>{i.key.includes(e.key)&&y&&(O.current?.focus(),v(!1))},onOptionClick:e=>{b(e),p?.(e)}})});export{l as Select,l as SelectUnControlled};

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

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

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

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