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

package/dist/esm/components/avatar/fragments/drawContent.js

@@ -1,4 +1 @@
-import{j as s}from"../../../_virtual/jsx-runtime.js";import{Dot as t}from"../../dot/dot.js";import{Text as o}from"../../text/text.js";import{ElementOrIcon as i}from"../../../lib/components/elementOrIcon/elementOrIcon.js";import{RenderIf as e}from"../../../lib/components/renderIf/renderIf.js";import{processIcon as n}from"../../../lib/utils/process/processIcon/processIcon.js";import{processText as r}from"../../../lib/utils/process/processText/processText.js";const c=({contentType:c,cssClasses:m,customAttributes:l,dot:p,icon:a,initials:d,maxLengthInitials:j})=>/* @__PURE__ */s.jsxs(s.Fragment,{children:[
-/* @__PURE__ */s.jsx(e,{condition:!!p?.number,children:/* @__PURE__ */s.jsx("span",{className:m?.dot,children:/* @__PURE__ */s.jsx(t,{...p})})}),
-/* @__PURE__ */s.jsx(e,{condition:"with-icon"===c,children:/* @__PURE__ */s.jsx(i,{className:m?.icon,customAttributes:l,...n(a)})}),
-/* @__PURE__ */s.jsx(e,{condition:"with-initials"===c,children:/* @__PURE__ */s.jsx(o,{additionalClasses:{},"aria-hidden":!0,component:"span",customAttributes:l,...r(d,j)})})]});export{c as DrawContent};
+import{j as s}from"../../../_virtual/jsx-runtime.js";import{Dot as t}from"../../dot/dot.js";import{Text as o}from"../../text/text.js";import{ElementOrIcon as e}from"../../../lib/components/elementOrIcon/elementOrIcon.js";import{processIcon as i}from"../../../lib/utils/process/processIcon/processIcon.js";import{processText as r}from"../../../lib/utils/process/processText/processText.js";const n=({contentType:n,cssClasses:c,customAttributes:m,dot:a,icon:l,initials:p,maxLengthInitials:j})=>/* @__PURE__ */s.jsxs(s.Fragment,{children:[!!a?.number&&/* @__PURE__ */s.jsx("span",{className:c?.dot,children:/* @__PURE__ */s.jsx(t,{...a})}),"with-icon"===n&&/* @__PURE__ */s.jsx(e,{className:c?.icon,customAttributes:m,...i(l)}),"with-initials"===n&&/* @__PURE__ */s.jsx(o,{additionalClasses:{},"aria-hidden":!0,component:"span",customAttributes:m,...r(p,j)})]});export{n as DrawContent};

package/dist/esm/components/breadcrumbs/components/crumbStandAlone/crumbStandAlone.js

@@ -1,6 +1,3 @@
-import{j as t}from"../../../../_virtual/jsx-runtime.js";import{Link as e}from"../../../link/link.js";import{Text as i}from"../../../text/text.js";import{ElementOrIcon as s}from"../../../../lib/components/elementOrIcon/elementOrIcon.js";import{RenderIf as n}from"../../../../lib/components/renderIf/renderIf.js";import{useManageState as r}from"../../../../lib/hooks/useManageState/useManageState.js";import{STATES as a}from"../../../../lib/types/states/states.js";import{pickCustomAttributes as o}from"../../../../lib/utils/pickCustomAttributes/pickCustomAttributes.js";const l=({crumb:l,cssClasses:d,dividerIcon:c,lastCrumb:m,lastOneCrumbComponent:u="span",link:j,...b})=>{const{setRef:p}=r({active:m,states:Object.values(a)}),x=o(b);/* @__PURE__ */
-return t.jsxs("li",{ref:p,"aria-current":m?"page":void 0,className:d?.crumb,"data-testid":b["data-testid"],children:[
-/* @__PURE__ */t.jsx(n,{condition:!!m,children:/* @__PURE__ */t.jsx(i,{additionalClasses:{text:d?.lastonecrumb},component:u,"data-testid":"last-breadcrumb",id:l.id,children:l.name})}),
-/* @__PURE__ */t.jsx(n,{condition:!m,children:/* @__PURE__ */t.jsxs(t.Fragment,{children:[
-/* @__PURE__ */t.jsx(n,{condition:!!j,children:/* @__PURE__ */t.jsx("div",{className:d?.linkcontainer,children:/* @__PURE__ */t.jsx(e,{...x,action:"navigation",additionalTextClasses:{text:d?.link},"aria-label":l.ariaLabel,"data-testid":"breadcrumb-link",disabled:m,id:l.id,url:l.url,...j,onClick:t=>l.onClick?.(l.url,t),children:l.name})})}),
-/* @__PURE__ */t.jsx("div",{className:d?.icondividercontainer,children:/* @__PURE__ */t.jsx(s,{className:d?.icondivider,...c})})]})})]})};export{l as CrumbStandAlone};
+import{j as t}from"../../../../_virtual/jsx-runtime.js";import{Link as e}from"../../../link/link.js";import{Text as s}from"../../../text/text.js";import{ElementOrIcon as i}from"../../../../lib/components/elementOrIcon/elementOrIcon.js";import{useManageState as a}from"../../../../lib/hooks/useManageState/useManageState.js";import{STATES as r}from"../../../../lib/types/states/states.js";import{pickCustomAttributes as n}from"../../../../lib/utils/pickCustomAttributes/pickCustomAttributes.js";const l=({crumb:l,cssClasses:o,dividerIcon:m,lastCrumb:c,lastOneCrumbComponent:d="span",link:u,...b})=>{const{setRef:j}=a({active:c,states:Object.values(r)}),p=n(b);/* @__PURE__ */
+return t.jsxs("li",{ref:j,"aria-current":c?"page":void 0,className:o?.crumb,"data-testid":b["data-testid"],children:[!!c&&/* @__PURE__ */t.jsx(s,{additionalClasses:{text:o?.lastonecrumb},component:d,"data-testid":"last-breadcrumb",id:l.id,children:l.name}),!c&&/* @__PURE__ */t.jsxs(t.Fragment,{children:[!!u&&/* @__PURE__ */t.jsx("div",{className:o?.linkcontainer,children:/* @__PURE__ */t.jsx(e,{...p,action:"navigation",additionalTextClasses:{text:o?.link},"aria-label":l.ariaLabel,"data-testid":"breadcrumb-link",disabled:c,id:l.id,url:l.url,...u,onClick:t=>l.onClick?.(l.url,t),children:l.name})}),
+/* @__PURE__ */t.jsx("div",{className:o?.icondividercontainer,children:/* @__PURE__ */t.jsx(i,{className:o?.icondivider,...m})})]})]})};export{l as CrumbStandAlone};

package/dist/esm/components/calendar/selector/selector.js

@@ -1,9 +1,7 @@
-import{j as e}from"../../../_virtual/jsx-runtime.js";import{Button as t}from"../../button/button.js";import{Text as o}from"../../text/text.js";import{ElementOrIcon as r}from"../../../lib/components/elementOrIcon/elementOrIcon.js";import{RenderIf as n}from"../../../lib/components/renderIf/renderIf.js";import{useUtilsProvider as a}from"../../../lib/provider/utilsProvider/utilsProvider.js";const s=({configAccesibility:s,configCalendar:i,cssClasses:l,currentDate:c,customBackText:d,maxDate:m,minDate:u,onDaySelectorClick:h,onLeftIconClick:b,onMonthSelectorClick:S,onRightIconClick:p,onYearSelectorClick:x,setCurrentDate:y,setShowDaySelector:j,setShowMonthSelector:C,setShowYearSelector:g,showDaySelector:f,showMonthSelector:v,showYearSelector:w,useDaySelector:k=!1})=>{const{dateHelpers:D,formatDate:A}=a(),{leftArrowIcon:I,rightArrowIcon:M,sizeSelectorButton:Y,variantSelectorButton:N}=i,z=e=>{y(e)},L=k,R=(v||w)&&!L,B=e=>!R&&e.getMonth()===c.getMonth()&&e.getFullYear()===c.getFullYear(),F=(r,n,a,s)=>{const i=()=>{switch(r){case"day":return c.getDate();case"month":return(e=A(c,{month:"long"})).charAt(0).toUpperCase()+e.slice(1);case"year":return c.getFullYear();default:return null}var e};/* @__PURE__ */
-return e.jsx(t,{additionalSizeClasses:Y?void 0:l?.button_size,additionalVariantClasses:N?void 0:l?.button_variant,"aria-label":a,disabled:n,role:s,size:Y,variant:N,onClick:e=>{j("day"===r),C("month"===r),g("year"===r),"day"===r?h?.(i()?.toString(),e):"month"===r?S?.(i()?.toString(),e):x?.(i()?.toString(),e)},children:/* @__PURE__ */e.jsx(o,{component:"span",children:i()})})},_={"data-state":B(u)};/* @__PURE__ */
-return e.jsxs("div",{className:l?.selectorcontainer,style:{justifyContent:L?"center":"space-between"},children:[
-/* @__PURE__ */e.jsxs("button",{"aria-label":R?"":I["aria-label"],className:l?.selectoriconandbacktextcontainer,"data-testid":"previous-button",type:"button",onClick:e=>{(()=>{const e=new Date(c);R?g(!1):z(D.getSubMonths(e,1)),C(!1),j(!0)})(),I.onClick?.(e),b?.(e)},children:[
-/* @__PURE__ */e.jsx(r,{className:l?.leftarrow,customAttributes:_,disabled:B(u),...I,"aria-label":void 0}),
-/* @__PURE__ */e.jsx(n,{condition:R,children:/* @__PURE__ */e.jsx(o,{additionalClasses:{text:l?.backtext},component:"span",children:d})})]}),
-/* @__PURE__ */e.jsxs("div",{className:l?.selectoroptionscontainer,children:[
-/* @__PURE__ */e.jsx(n,{condition:L,children:F("day",f,s?.daySelectorAriaLabel,s?.daySelectorRole)}),F("month",v,s?.monthSelectorAriaLabel,s?.monthSelectorRole),F("year",w,s?.yearSelectorAriaLabel,s?.yearSelectorRole)]}),
-/* @__PURE__ */e.jsx("span",{style:{visibility:R?"hidden":"visible"},children:/* @__PURE__ */e.jsx(r,{className:l?.rightarrow,customAttributes:_,"data-testid":"next-button",disabled:B(m),onClick:e=>{(()=>{const e=new Date(c);z(D.getAddMonths(e,1))})(),M.onClick?.(e),p?.(e)},...M})})]})};export{s as Selector};
+import{j as e}from"../../../_virtual/jsx-runtime.js";import{Button as t}from"../../button/button.js";import{Text as o}from"../../text/text.js";import{ElementOrIcon as r}from"../../../lib/components/elementOrIcon/elementOrIcon.js";import{useUtilsProvider as a}from"../../../lib/provider/utilsProvider/utilsProvider.js";const n=({configAccesibility:n,configCalendar:s,cssClasses:l,currentDate:i,customBackText:c,maxDate:d,minDate:u,onDaySelectorClick:m,onLeftIconClick:h,onMonthSelectorClick:b,onRightIconClick:S,onYearSelectorClick:y,setCurrentDate:p,setShowDaySelector:x,setShowMonthSelector:C,setShowYearSelector:g,showDaySelector:j,showMonthSelector:v,showYearSelector:w,useDaySelector:f=!1})=>{const{dateHelpers:k,formatDate:D}=a(),{leftArrowIcon:A,rightArrowIcon:M,sizeSelectorButton:I,variantSelectorButton:Y}=s,N=e=>{p(e)},z=f,L=(v||w)&&!z,R=e=>!L&&e.getMonth()===i.getMonth()&&e.getFullYear()===i.getFullYear(),B=(r,a,n,s)=>{const c=()=>{switch(r){case"day":return i.getDate();case"month":return(e=D(i,{month:"long"})).charAt(0).toUpperCase()+e.slice(1);case"year":return i.getFullYear();default:return null}var e};/* @__PURE__ */
+return e.jsx(t,{additionalSizeClasses:I?void 0:l?.button_size,additionalVariantClasses:Y?void 0:l?.button_variant,"aria-label":n,disabled:a,role:s,size:I,variant:Y,onClick:e=>{x("day"===r),C("month"===r),g("year"===r),"day"===r?m?.(c()?.toString(),e):"month"===r?b?.(c()?.toString(),e):y?.(c()?.toString(),e)},children:/* @__PURE__ */e.jsx(o,{component:"span",children:c()})})},F={"data-state":R(u)};/* @__PURE__ */
+return e.jsxs("div",{className:l?.selectorcontainer,style:{justifyContent:z?"center":"space-between"},children:[
+/* @__PURE__ */e.jsxs("button",{"aria-label":L?"":A["aria-label"],className:l?.selectoriconandbacktextcontainer,"data-testid":"previous-button",type:"button",onClick:e=>{(()=>{const e=new Date(i);L?g(!1):N(k.getSubMonths(e,1)),C(!1),x(!0)})(),A.onClick?.(e),h?.(e)},children:[
+/* @__PURE__ */e.jsx(r,{className:l?.leftarrow,customAttributes:F,disabled:R(u),...A,"aria-label":void 0}),L&&/* @__PURE__ */e.jsx(o,{additionalClasses:{text:l?.backtext},component:"span",children:c})]}),
+/* @__PURE__ */e.jsxs("div",{className:l?.selectoroptionscontainer,children:[z&&B("day",j,n?.daySelectorAriaLabel,n?.daySelectorRole),B("month",v,n?.monthSelectorAriaLabel,n?.monthSelectorRole),B("year",w,n?.yearSelectorAriaLabel,n?.yearSelectorRole)]}),
+/* @__PURE__ */e.jsx("span",{style:{visibility:L?"hidden":"visible"},children:/* @__PURE__ */e.jsx(r,{className:l?.rightarrow,customAttributes:F,"data-testid":"next-button",disabled:R(d),onClick:e=>{(()=>{const e=new Date(i);N(k.getAddMonths(e,1))})(),M.onClick?.(e),S?.(e)},...M})})]})};export{n as Selector};

package/dist/esm/components/checkbox/checkboxStandAlone.js

@@ -1,7 +1,5 @@
-import{j as e}from"../../_virtual/jsx-runtime.js";import{forwardRef as r}from"react";import{RenderIf as s}from"../../lib/components/renderIf/renderIf.js";import{useId as a}from"../../lib/hooks/useId/useId.js";import{pickCustomAttributes as i}from"../../lib/utils/pickCustomAttributes/pickCustomAttributes.js";import{CheckboxBaseControlled as o}from"../checkboxBase/checkboxBaseControlled.js";import{ErrorMessage as d}from"./components/errorMessage.js";import{Label as t}from"./components/label.js";import{buildAriaDescribedBy as l}from"./utils/aria.utils.js";const c=r(({checkboxBase:r,cssClasses:c,errorMessage:n,id:b,label:m,screenReaderText:j,...h},p)=>{const x=i(h),{"aria-describedby":u,"aria-hidden":f,"aria-label":k,"aria-labelledby":y,...I}=x,v=a("checkbox"),C=b??v,g=`${C}-label`,B=`${C}-error`,$=`${C}-screen-reader`,M=r?.variant,R=l({ariaDescribedBy:h["aria-describedby"],error:h.error&&!!n?.message,errorMessageId:B,screenReader:!!j,screenReaderId:$});/* @__PURE__ */
-return e.jsxs("div",{ref:p,...I,className:c?.checkbox,children:[
-/* @__PURE__ */e.jsxs("div",{className:c?.checkboxwithlabelcontainer,children:[
-/* @__PURE__ */e.jsx(s,{condition:!!M,children:/* @__PURE__ */e.jsx(o,{...h,"aria-describedby":R,"aria-hidden":h["aria-hidden"],"aria-label":h["aria-label"],"aria-labelledby":h["aria-labelledby"],id:C,variant:M})}),
-/* @__PURE__ */e.jsx("screen-reader-only",{id:$,children:j}),
-/* @__PURE__ */e.jsx(t,{...m,cssClasses:c,id:g,inputId:C})]}),
-/* @__PURE__ */e.jsx(s,{condition:!!h.error,children:/* @__PURE__ */e.jsx(d,{"aria-live":"assertive",cssClasses:c,"data-testid":`${h["data-testid"]}-error-message`,...n,id:B,inputId:C,show:h.error&&!h.disabled})})]})});export{c as CheckboxStandAlone};
+import{j as e}from"../../_virtual/jsx-runtime.js";import{forwardRef as r}from"react";import{useId as s}from"../../lib/hooks/useId/useId.js";import{pickCustomAttributes as a}from"../../lib/utils/pickCustomAttributes/pickCustomAttributes.js";import{CheckboxBaseControlled as i}from"../checkboxBase/checkboxBaseControlled.js";import{ErrorMessage as o}from"./components/errorMessage.js";import{Label as d}from"./components/label.js";import{buildAriaDescribedBy as t}from"./utils/aria.utils.js";const l=r(({checkboxBase:r,cssClasses:l,errorMessage:c,id:b,label:n,screenReaderText:m,...h},j)=>{const p=a(h),{"aria-describedby":x,"aria-hidden":u,"aria-label":f,"aria-labelledby":k,...y}=p,v=s("checkbox"),C=b??v,I=`${C}-label`,g=`${C}-error`,B=`${C}-screen-reader`,$=r?.variant,M=t({ariaDescribedBy:h["aria-describedby"],error:h.error&&!!c?.message,errorMessageId:g,screenReader:!!m,screenReaderId:B});/* @__PURE__ */
+return e.jsxs("div",{ref:j,...y,className:l?.checkbox,children:[
+/* @__PURE__ */e.jsxs("div",{className:l?.checkboxwithlabelcontainer,children:[!!$&&/* @__PURE__ */e.jsx(i,{...h,"aria-describedby":M,"aria-hidden":h["aria-hidden"],"aria-label":h["aria-label"],"aria-labelledby":h["aria-labelledby"],id:C,variant:$}),
+/* @__PURE__ */e.jsx("screen-reader-only",{id:B,children:m}),
+/* @__PURE__ */e.jsx(d,{...n,cssClasses:l,id:I,inputId:C})]}),!!h.error&&/* @__PURE__ */e.jsx(o,{"aria-live":"assertive",cssClasses:l,"data-testid":`${h["data-testid"]}-error-message`,...c,id:g,inputId:C,show:h.error&&!h.disabled})]})});export{l as CheckboxStandAlone};

package/dist/esm/components/chip/chipStandAlone.js

@@ -1,9 +1,8 @@
-import{j as s}from"../../_virtual/jsx-runtime.js";import{forwardRef as t}from"react";import{Text as e}from"../text/text.js";import{ElementOrIcon as r}from"../../lib/components/elementOrIcon/elementOrIcon.js";import{RenderIf as o}from"../../lib/components/renderIf/renderIf.js";import{STATES as a}from"../../lib/types/states/states.js";import{isReactNode as i}from"../../lib/utils/is/isReactNode.js";import{isString as n}from"../../lib/utils/is/isString.js";import{pickCustomAttributes as l}from"../../lib/utils/pickCustomAttributes/pickCustomAttributes.js";import{processIcon as c}from"../../lib/utils/process/processIcon/processIcon.js";import{processText as m}from"../../lib/utils/process/processText/processText.js";const p=t(({closeIcon:t,cssClasses:p,deleteText:d="Delete",errorIcon:x,errorMessage:j={content:"Error message"},label:u,leftIcon:b,range:f,rangeIcon:g,rangeSeparator:I={content:"to"},state:h,...A},N)=>{const C={"data-state":h},D=l(A);/* @__PURE__ */
+import{j as s}from"../../_virtual/jsx-runtime.js";import{forwardRef as t}from"react";import{Text as e}from"../text/text.js";import{ElementOrIcon as r}from"../../lib/components/elementOrIcon/elementOrIcon.js";import{STATES as o}from"../../lib/types/states/states.js";import{isReactNode as a}from"../../lib/utils/is/isReactNode.js";import{isString as i}from"../../lib/utils/is/isString.js";import{pickCustomAttributes as n}from"../../lib/utils/pickCustomAttributes/pickCustomAttributes.js";import{processIcon as l}from"../../lib/utils/process/processIcon/processIcon.js";import{processText as c}from"../../lib/utils/process/processText/processText.js";const m=t(({closeIcon:t,cssClasses:m,deleteText:p="Delete",errorIcon:x,errorMessage:d={content:"Error message"},label:u,leftIcon:j,range:b,rangeIcon:f,rangeSeparator:g={content:"to"},state:h,...A},I)=>{const N={"data-state":h},C=n(A);/* @__PURE__ */
 return s.jsxs(s.Fragment,{children:[
-/* @__PURE__ */s.jsxs("span",{ref:N,"aria-disabled":h===a.DISABLED,"aria-hidden":h===a.DISABLED,className:p?.chip,"data-testid":"chip",...D,...C,children:[!f&&b&&/* @__PURE__ */s.jsx(r,{className:p?.lefticon,...c(b)}),f?/* @__PURE__ */s.jsx("span",{children:f.map((t,o)=>{const a=o!==f.length-1;/* @__PURE__ */
-return s.jsxs("span",{className:p?.rangeitemwrapper,children:[
-/* @__PURE__ */s.jsx(e,{additionalClasses:{text:p?.rangeitemtext},component:"span",customAttributes:C,children:t.label}),a&&(g?.icon?/* @__PURE__ */s.jsx(r,{altText:(n(u)||i(u),m(I).children||""),className:p?.rangeicon,...c(g),customAttributes:C}):/* @__PURE__ */s.jsx(e,{additionalClasses:{text:p?.rangeitemseparator},component:"span",customAttributes:C,...m(I)}))]},`option-${t.key??t.label}`)})}):/* @__PURE__ */s.jsx(e,{additionalClasses:{text:p?.label},component:"span",...m(u),customAttributes:C}),
-/* @__PURE__ */s.jsx(r,{className:p?.closeicon,disabled:h===a.DISABLED,...c(t),altText:!n(t)&&t?.altText?t.altText:d,customAttributes:C})]}),
-/* @__PURE__ */s.jsx(o,{condition:h===a.ERROR,children:/* @__PURE__ */s.jsxs("span",{"aria-live":"polite",className:p?.errorcontainer,children:[
-/* @__PURE__ */s.jsx(r,{className:p?.erroricon,...c(x)}),
-/* @__PURE__ */s.jsx(e,{additionalClasses:{text:p?.errormessage},component:"span",customAttributes:C,...m(j)})]})})]})});export{p as ChipStandAlone};
+/* @__PURE__ */s.jsxs("span",{ref:I,"aria-disabled":h===o.DISABLED,"aria-hidden":h===o.DISABLED,className:m?.chip,"data-testid":"chip",...C,...N,children:[!b&&j&&/* @__PURE__ */s.jsx(r,{className:m?.lefticon,...l(j)}),b?/* @__PURE__ */s.jsx("span",{children:b.map((t,o)=>{const n=o!==b.length-1;/* @__PURE__ */
+return s.jsxs("span",{className:m?.rangeitemwrapper,children:[
+/* @__PURE__ */s.jsx(e,{additionalClasses:{text:m?.rangeitemtext},component:"span",customAttributes:N,children:t.label}),n&&(f?.icon?/* @__PURE__ */s.jsx(r,{altText:(i(u)||a(u),c(g).children||""),className:m?.rangeicon,...l(f),customAttributes:N}):/* @__PURE__ */s.jsx(e,{additionalClasses:{text:m?.rangeitemseparator},component:"span",customAttributes:N,...c(g)}))]},`option-${t.key??t.label}`)})}):/* @__PURE__ */s.jsx(e,{additionalClasses:{text:m?.label},component:"span",...c(u),customAttributes:N}),
+/* @__PURE__ */s.jsx(r,{className:m?.closeicon,disabled:h===o.DISABLED,...l(t),altText:!i(t)&&t?.altText?t.altText:p,customAttributes:N})]}),h===o.ERROR&&/* @__PURE__ */s.jsxs("span",{"aria-live":"polite",className:m?.errorcontainer,children:[
+/* @__PURE__ */s.jsx(r,{className:m?.erroricon,...l(x)}),
+/* @__PURE__ */s.jsx(e,{additionalClasses:{text:m?.errormessage},component:"span",customAttributes:N,...c(d)})]})]})});export{m as ChipStandAlone};

package/dist/esm/components/dataTable/dataTableStandAlone.js

@@ -1,14 +1,10 @@
-import{j as a}from"../../_virtual/jsx-runtime.js";import{forwardRef as o,Fragment as s}from"react";import{TableBody as e}from"../tableBody/tableBody.js";import{RenderIf as t}from"../../lib/components/renderIf/renderIf.js";import{pickCustomAttributes as i}from"../../lib/utils/pickCustomAttributes/pickCustomAttributes.js";import{Table as l}from"../table/table.js";import{TableCaption as n}from"../tableCaption/tableCaption.js";import{TableDivider as r}from"../tableDivider/tableDivider.js";import{DataTableHead as d}from"./components/dataTableHead.js";import{DataTableRows as c}from"./components/dataTableRows.js";import{HiddenDataTableHead as b}from"./components/hiddenDataTableHead.js";import{applyZIndexToWrapper as m,applyPositionToWrapper as p}from"./utils/tableConfig.js";const h=o(({activeRows:o,caption:h,columns:j,config:f,cssClasses:v,hasScroll:w,hoverable:u,hoverableRows:x,nonHoverableRows:C,rowGroups:g,rows:R,stickyHead:y,styles:_,...H},S)=>{const k=g&&g.length>0,D=i(H);/* @__PURE__ */
-return a.jsxs("div",{ref:S,className:v?.data_table,"data-testid":"data-table",...D,children:[
-/* @__PURE__ */a.jsxs("div",{"aria-label":w?H["aria-label"]:void 0,"aria-labelledby":w?H["aria-labelledby"]:void 0,className:v?.scrollablecontainer,"data-datatable-scrollable-container":!0,role:w?"region":void 0,...w?{tabIndex:0}:{},children:[
-/* @__PURE__ */a.jsxs(l,{additionalClasses:v?.table,"aria-hidden":!!k||void 0,autoLeftStickyCalc:!1,autoRightStickyCalc:!1,component:k?"div":void 0,disableShadowEffects:!0,hasScrollDisabled:!0,sticky:y,...m({tableConfig:f?.table}),children:[
-/* @__PURE__ */a.jsx(t,{condition:!!h?.content,children:/* @__PURE__ */a.jsx(n,{additionalClasses:v?.table_caption,component:k?"div":void 0,...h,children:h?.content})}),
-/* @__PURE__ */a.jsx(d,{columns:j,cssClasses:v,sticky:y,tableHeadConfig:f?.tableHead,tableHeadRowConfig:f?.tableHeadRow,usingRowGroups:k}),
-/* @__PURE__ */a.jsx(t,{condition:!k&&R&&R.length>0,children:/* @__PURE__ */a.jsx(e,{additionalClasses:v?.table_body,...f?.tableBody,children:/* @__PURE__ */a.jsx(c,{activeRows:o,columns:j,cssClasses:v,hoverable:u,hoverableRows:x,nonHoverableRows:C,rows:R,usingRowGroups:k})})})]}),g?.map((i,d)=>/* @__PURE__ */a.jsxs(s,{children:[
-/* @__PURE__ */a.jsx(t,{condition:!!i.divider,children:/* @__PURE__ */a.jsx(r,{variant:"DEFAULT",...i.divider,children:i.divider?.content})}),
-/* @__PURE__ */a.jsxs(l,{additionalClasses:v?.row_group_table,autoLeftStickyCalc:!1,autoRightStickyCalc:!1,disableShadowEffects:!0,hasScrollDisabled:!0,...p({tableConfig:i.config?.table}),children:[
-/* @__PURE__ */a.jsx(t,{condition:!!i.caption?.content,children:/* @__PURE__ */a.jsx(n,{additionalClasses:v?.row_group_table_caption,...i.caption,children:i.caption?.content})}),
-/* @__PURE__ */a.jsx(b,{columns:j,cssClasses:v}),
-/* @__PURE__ */a.jsx(e,{additionalClasses:v?.row_group_table_body,...i.config?.tableBody,children:/* @__PURE__ */a.jsx(c,{activeRows:o,columns:j,cssClasses:v,hoverable:u,hoverableRows:x,isRowGroup:!0,nonHoverableRows:C,rows:i.rows,usingRowGroups:k})})]})]},`${i.caption?.["data-testid"]}-${d.toString()}`))]}),
-/* @__PURE__ */a.jsx("div",{className:v?.leftboxshadowcontainer,"data-datatable-left-shadow":!0}),
-/* @__PURE__ */a.jsx("div",{className:v?.rightboxshadowcontainer,"data-datatable-right-shadow":!0})]})});export{h as DataTableStandAlone};
+import{j as a}from"../../_virtual/jsx-runtime.js";import{forwardRef as o,Fragment as s}from"react";import{TableBody as e}from"../tableBody/tableBody.js";import{pickCustomAttributes as t}from"../../lib/utils/pickCustomAttributes/pickCustomAttributes.js";import{Table as i}from"../table/table.js";import{TableCaption as l}from"../tableCaption/tableCaption.js";import{TableDivider as r}from"../tableDivider/tableDivider.js";import{DataTableHead as n}from"./components/dataTableHead.js";import{DataTableRows as d}from"./components/dataTableRows.js";import{HiddenDataTableHead as c}from"./components/hiddenDataTableHead.js";import{applyZIndexToWrapper as b,applyPositionToWrapper as m}from"./utils/tableConfig.js";const p=o(({activeRows:o,caption:p,columns:h,config:v,cssClasses:w,hasScroll:u,hoverable:f,hoverableRows:j,nonHoverableRows:C,rowGroups:g,rows:x,stickyHead:R,styles:y,..._},H)=>{const S=g&&g.length>0,k=t(_);/* @__PURE__ */
+return a.jsxs("div",{ref:H,className:w?.data_table,"data-testid":"data-table",...k,children:[
+/* @__PURE__ */a.jsxs("div",{"aria-label":u?_["aria-label"]:void 0,"aria-labelledby":u?_["aria-labelledby"]:void 0,className:w?.scrollablecontainer,"data-datatable-scrollable-container":!0,role:u?"region":void 0,...u?{tabIndex:0}:{},children:[
+/* @__PURE__ */a.jsxs(i,{additionalClasses:w?.table,"aria-hidden":!!S||void 0,autoLeftStickyCalc:!1,autoRightStickyCalc:!1,component:S?"div":void 0,disableShadowEffects:!0,hasScrollDisabled:!0,sticky:R,...b({tableConfig:v?.table}),children:[!!p?.content&&/* @__PURE__ */a.jsx(l,{additionalClasses:w?.table_caption,component:S?"div":void 0,...p,children:p?.content}),
+/* @__PURE__ */a.jsx(n,{columns:h,cssClasses:w,sticky:R,tableHeadConfig:v?.tableHead,tableHeadRowConfig:v?.tableHeadRow,usingRowGroups:S}),!S&&x&&x.length>0&&/* @__PURE__ */a.jsx(e,{additionalClasses:w?.table_body,...v?.tableBody,children:/* @__PURE__ */a.jsx(d,{activeRows:o,columns:h,cssClasses:w,hoverable:f,hoverableRows:j,nonHoverableRows:C,rows:x,usingRowGroups:S})})]}),g?.map((t,n)=>/* @__PURE__ */a.jsxs(s,{children:[!!t.divider&&/* @__PURE__ */a.jsx(r,{variant:"DEFAULT",...t.divider,children:t.divider?.content}),
+/* @__PURE__ */a.jsxs(i,{additionalClasses:w?.row_group_table,autoLeftStickyCalc:!1,autoRightStickyCalc:!1,disableShadowEffects:!0,hasScrollDisabled:!0,...m({tableConfig:t.config?.table}),children:[!!t.caption?.content&&/* @__PURE__ */a.jsx(l,{additionalClasses:w?.row_group_table_caption,...t.caption,children:t.caption?.content}),
+/* @__PURE__ */a.jsx(c,{columns:h,cssClasses:w}),
+/* @__PURE__ */a.jsx(e,{additionalClasses:w?.row_group_table_body,...t.config?.tableBody,children:/* @__PURE__ */a.jsx(d,{activeRows:o,columns:h,cssClasses:w,hoverable:f,hoverableRows:j,isRowGroup:!0,nonHoverableRows:C,rows:t.rows,usingRowGroups:S})})]})]},`${t.caption?.["data-testid"]}-${n.toString()}`))]}),
+/* @__PURE__ */a.jsx("div",{className:w?.leftboxshadowcontainer,"data-datatable-left-shadow":!0}),
+/* @__PURE__ */a.jsx("div",{className:w?.rightboxshadowcontainer,"data-datatable-right-shadow":!0})]})});export{p as DataTableStandAlone};

package/dist/esm/components/dropdownSelected/dropdownSelectedStandAlone.js

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

package/dist/esm/components/input/inputStandAlone.js

@@ -1,5 +1,3 @@
-import{j as i}from"../../_virtual/jsx-runtime.js";import{forwardRef as r}from"react";import{RenderIf as t}from"../../lib/components/renderIf/renderIf.js";import{pickCustomAttributes as e}from"../../lib/utils/pickCustomAttributes/pickCustomAttributes.js";import{InputBase as a}from"../inputBase/inputBase.js";import{InputDecoration as o}from"../inputDecoration/inputDecoration.js";const s=r(({cssClasses:r,disabled:s,error:n,filled:d,focused:l,inputBaseId:c,label:u,labelId:p,leftDecoration:f,required:m,rightDecoration:j,...v},b)=>{const x=e(v);/* @__PURE__ */
-return i.jsxs("div",{ref:b,className:r?.input,...x,children:[
-/* @__PURE__ */i.jsx(t,{condition:!(!f||!f?.variant&&!r?.left_decoration),children:/* @__PURE__ */i.jsx(o,{disabled:s,error:n,...f,additionalClasses:f?.variant?void 0:r?.left_decoration,variant:f?.variant})}),
-/* @__PURE__ */i.jsx("div",{...x,className:r?.inputandlabelcontainer,children:/* @__PURE__ */i.jsx(t,{condition:!!r?.input,children:/* @__PURE__ */i.jsx(a,{disabled:s,error:n,filled:d,focused:l,required:m,...v,additionalClasses:r?.input_base})})}),
-/* @__PURE__ */i.jsx(t,{condition:!(!j||!j?.variant&&!r?.right_decoration),children:/* @__PURE__ */i.jsx(o,{disabled:s,error:n,filled:d,focused:l,...j,additionalClasses:j?.variant?void 0:r?.right_decoration,variant:j?.variant})})]})});export{s as InputStandAlone};
+import{j as i}from"../../_virtual/jsx-runtime.js";import{forwardRef as r}from"react";import{pickCustomAttributes as t}from"../../lib/utils/pickCustomAttributes/pickCustomAttributes.js";import{InputBase as a}from"../inputBase/inputBase.js";import{InputDecoration as e}from"../inputDecoration/inputDecoration.js";const s=r(({cssClasses:r,disabled:s,error:o,filled:n,focused:d,inputBaseId:l,label:c,labelId:u,leftDecoration:p,required:f,rightDecoration:m,...v},b)=>{const j=t(v);/* @__PURE__ */
+return i.jsxs("div",{ref:b,className:r?.input,...j,children:[!(!p||!p?.variant&&!r?.left_decoration)&&/* @__PURE__ */i.jsx(e,{disabled:s,error:o,...p,additionalClasses:p?.variant?void 0:r?.left_decoration,variant:p?.variant}),
+/* @__PURE__ */i.jsx("div",{...j,className:r?.inputandlabelcontainer,children:!!r?.input&&/* @__PURE__ */i.jsx(a,{disabled:s,error:o,filled:n,focused:d,required:f,...v,additionalClasses:r?.input_base})}),!(!m||!m?.variant&&!r?.right_decoration)&&/* @__PURE__ */i.jsx(e,{disabled:s,error:o,filled:n,focused:d,...m,additionalClasses:m?.variant?void 0:r?.right_decoration,variant:m?.variant})]})});export{s as InputStandAlone};

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

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

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

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

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{Text as s}from"../text/text.js";import{RenderIf as n}from"../../lib/components/renderIf/renderIf.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:b,content:x,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(n,{condition:!!A&&I.length>0,children:/* @__PURE__ */t.jsx("div",{className:g?.titlecontainer,children:/* @__PURE__ */t.jsx(s,{additionalClasses:{text:g?.title},...a(A)})})}),x,
-/* @__PURE__ */t.jsx(n,{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:b,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{Tag as i}from"../tag/tag.js";import{Text as o}from"../text/text.js";import{ElementOrIcon as s}from"../../lib/components/elementOrIcon/elementOrIcon.js";import{RenderIf as r}from"../../lib/components/renderIf/renderIf.js";import{classNames as c}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 d}from"../../lib/utils/process/processText/processText.js";import{CustomComponent as m}from"../../lib/components/customComponent/customComponent.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=a(T),M=d(u),R=d(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(r,{condition:L,children:/* @__PURE__ */n.jsxs(m,{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(s,{className:g?.infoicon,...C}):null,
-/* @__PURE__ */n.jsxs(m,{className:c(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(r,{condition:!!B,children:l(R.children)?/* @__PURE__ */n.jsx("div",{"aria-errormessage":p,className:g?.titlecontainer,children:/* @__PURE__ */n.jsx(o,{additionalClasses:{text:g?.title},component:"p",...R})}):R.children}),
-/* @__PURE__ */n.jsx(r,{condition:!!y?.content,children:/* @__PURE__ */n.jsx(r,{condition:!!y?.content,children:/* @__PURE__ */n.jsx(i,{variant:"",...y,label:{content:y?.content}})})}),
-/* @__PURE__ */n.jsxs("div",{className:c(g?.contentcontainer,{[`${g?.contentcontainerlargemessage}`]:q}),children:["string"==typeof u?/* @__PURE__ */n.jsx(o,{additionalClasses:{text:g?.description},component:"p",...M}):M.children,
-/* @__PURE__ */n.jsx(r,{condition:!!b?.content,children:/* @__PURE__ */n.jsx(j,{decoration:"underline",...b,url:b?.url||"",children:b?.content||""})})]}),
-/* @__PURE__ */n.jsx(r,{condition:!(!f&&!t),children:/* @__PURE__ */n.jsxs("div",{className:g?.buttonsectioncontainer,children:[/* @__PURE__ */n.jsx(r,{condition:!!f?.content,children:/* @__PURE__ */n.jsx("div",{className:g?.extraactionbuttoncontainer,children:/* @__PURE__ */n.jsx(e,{...f,children:f?.content})})}),/* @__PURE__ */n.jsx(r,{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(r,{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(s,{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{ElementOrIcon as n}from"../../../lib/components/elementOrIcon/elementOrIcon.js";import{RenderIf as s}from"../../../lib/components/renderIf/renderIf.js";import{useActiveBreakpoints as o}from"../../../lib/hooks/useMediaDevice/useActiveBreakpoints.js";import{processText as t}from"../../../lib/utils/process/processText/processText.js";import{Button as c}from"../../button/button.js";const r=({blocked:r,closeButton:a,closeIcon:l,cssClasses:d,dragIcon:m,title:j,titleIdFinal:x})=>{const{isMobileOrTablet:h}=o();/* @__PURE__ */
-return e.jsxs("div",{className:d?.headercontainer,"data-modal-header":!0,children:[
-/* @__PURE__ */e.jsx(s,{condition:h&&!r&&!!m,children:/* @__PURE__ */e.jsx("div",{className:d?.dragiconcontainer,"data-modal-draggable-icon":!0,children:/* @__PURE__ */e.jsx(n,{className:d?.dragicon,...m})})}),
-/* @__PURE__ */e.jsxs("div",{className:d?.headercontentcontainer,children:[
-/* @__PURE__ */e.jsx(s,{condition:!r&&!!l?.icon,children:/* @__PURE__ */e.jsx("div",{className:d?.closebuttoncontainer,children:/* @__PURE__ */e.jsx(n,{className:d?.closebuttonicon,...l})})}),
-/* @__PURE__ */e.jsx(s,{condition:!r&&!!a?.content&&!!a?.variant,children:/* @__PURE__ */e.jsx(c,{...a,variant:a?.variant,children:a?.content})}),
-/* @__PURE__ */e.jsx(s,{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,...t(j)})})}),
-/* @__PURE__ */e.jsx(s,{condition:!1===j?.visible,children:/* @__PURE__ */e.jsx("span",{className:d?.titlehiddencontainer,id:x,children:t(j).children})}),
-/* @__PURE__ */e.jsx(s,{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{Overlay as t}from"../../lib/components/overlay/overlay.js";import{RenderIf as i}from"../../lib/components/renderIf/renderIf.js";import{useId as s}from"../../lib/hooks/useId/useId.js";import{processText as a}from"../../lib/utils/process/processText/processText.js";import{NabVar as l}from"../navBar/navBar.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:b,customHeightAllDevices:x=!1,customWidthAllDevices:f=!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=s("modal"),E=I??z,K=s("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(t,{}),role:"dialog",strategy:"fixed",onClose:A,...S,children:/* @__PURE__ */e.jsxs("div",{ref:w,className:b?.modal,"data-testid":$,style:{maxHeight:C,maxWidth:H,minHeight:x?B:d(g,B),minWidth:f?W:d(g,W),paddingBottom:u?.rightItems?"0":void 0},children:[
-/* @__PURE__ */e.jsx(n,{blocked:o,closeButton:m,closeIcon:c,cssClasses:b,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:b?.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(i,{condition:!!P&&!!u,children:/* @__PURE__ */e.jsx("div",{className:b?.footer,children:/* @__PURE__ */e.jsx(l,{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{Text as e}from"../text/text.js";import{ElementOrIcon as o}from"../../lib/components/elementOrIcon/elementOrIcon.js";import{RenderIf as i}from"../../lib/components/renderIf/renderIf.js";import{STATES as n}from"../../lib/types/states/states.js";import{pickCustomAttributes as l}from"../../lib/utils/pickCustomAttributes/pickCustomAttributes.js";import{processText as r}from"../../lib/utils/process/processText/processText.js";import{CustomComponent as c}from"../../lib/components/customComponent/customComponent.js";import{isKeyEnterPressed as a,isKeySpacePressed as m}from"../../lib/utils/keyboard/keyboard.js";import{OptionLabelSlice as d}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===n.DISABLED,w=l({..._,customAttributes:F}),P=l(F),U=w["data-testid"]||"option",K=[n.MULTIPLE_SELECTED,n.MULTIPLE_SELECTED_HOVER,n.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(c,{"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)&&!m(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(o,{className:j?.icon,customAttributes:F,...E}),
-/* @__PURE__ */t.jsx(i,{condition:!!r(N).children,children:/* @__PURE__ */t.jsx("div",{className:j?.sublabelcontainer,...P,children:/* @__PURE__ */t.jsx(e,{additionalClasses:{text:j?.sublabel},component:"span",customAttributes:F,...r(N)})})}),
-/* @__PURE__ */t.jsx("p",{children:"string"==typeof I?/* @__PURE__ */t.jsxs(t.Fragment,{children:[" ",
-/* @__PURE__ */t.jsx(d,{component:"span",cssClasses:j?.label,customAttributes:F,"data-testid":`${U}-first-no-hightlighted-label`,children:R}),
-/* @__PURE__ */t.jsx(d,{component:"span",cssClasses:`${j?.label} ${j?.labelhighlighted}`,customAttributes:F,"data-testid":`${U}-highlighted-label`,children:V}),
-/* @__PURE__ */t.jsx(d,{component:"span",cssClasses:`${j?.label} ${j?.labelhighlighted}`,customAttributes:F,"data-testid":`${U}-last-no-hightlighted-label`,children:q})]}):/* @__PURE__ */t.jsx(d,{component:"span",cssClasses:j?.label,customAttributes:F,"data-testid":`${U}-label`,children:I})})]}),
-/* @__PURE__ */t.jsx(i,{condition:K,children:/* @__PURE__ */t.jsx(o,{className:j?.checkedicon,customAttributes:F,...s})})]}),
-/* @__PURE__ */t.jsx(i,{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/controls.js

@@ -1,4 +1,2 @@
-import{j as o}from"../../../_virtual/jsx-runtime.js";import{RenderIf as r}from"../../../lib/components/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"../../lib/components/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/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{Text as r}from"../text/text.js";import{ElementOrIcon as i}from"../../lib/components/elementOrIcon/elementOrIcon.js";import{RenderIf as t}from"../../lib/components/renderIf/renderIf.js";import{useId as a}from"../../lib/hooks/useId/useId.js";import{classNames as o}from"../../lib/utils/classNames/classNames.js";import{pickCustomAttributes as l}from"../../lib/utils/pickCustomAttributes/pickCustomAttributes.js";import{processText as n}from"../../lib/utils/process/processText/processText.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:f,label:I,lastChild:g,name:v,onBlur:C,onChange:N,screenReaderId:y,state:A,subTitle:k,tabIndex:_,value:B,...T})=>{let $=a("RadioButton");$=f??$;const M=n(k).id&&`${$}__description`,R=h&&`${$}__error`,O={"data-state":A},w=l(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:p,errorMessage:h,errorMessageId:R,screenReaderId:y}),"aria-hidden":T["aria-hidden"],"aria-label":T["aria-label"],"aria-labelledby":T["aria-labelledby"],checked:m,className:o(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(t,{condition:!!I?.content,children:/* @__PURE__ */e.jsx("div",{className:b?.labelcontainer,children:/* @__PURE__ */e.jsx(s,{cursor:u?"default":"pointer",customAttributes:O,inputId:$,textCssClasses:o(b?.label,{[`${b?.speciallabel}`]:!!k}),...I,children:I?.content})})}),
-/* @__PURE__ */e.jsx(t,{condition:!!n(k).children,children:"string"==typeof n(k)?/* @__PURE__ */e.jsx(r,{additionalClasses:{text:b?.sublabel},...n(k),id:M}):/* @__PURE__ */e.jsx("div",{id:M,children:n(k).children})}),
-/* @__PURE__ */e.jsx(t,{condition:!(!p||!h),children:/* @__PURE__ */e.jsx("div",{"aria-live":j,className:b?.errormessagecontainer,id:R,...w,children:/* @__PURE__ */e.jsxs(r,{additionalClasses:{text:b?.errormessage},customAttributes:O,children:[
-/* @__PURE__ */e.jsx(t,{condition:!!x,children:/* @__PURE__ */e.jsx("span",{...w,className:b?.errormessageiconcontainer,children:/* @__PURE__ */e.jsx(i,{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 n,cloneElement as e}from"react";import{RenderIf as o}from"../../../lib/components/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}),b=a({...{"data-focus":m,"data-state":f}}),v=c?.animationcontainer,N=c?.topanimationcontainer,g=c?.rightanimationcontainer,A=c?.bottomanimationcontainer,C=c?.leftanimationcontainer,R=i.map(r,t=>n(t)?e(t,{focus:m}):t);return v?/* @__PURE__ */t.jsxs("div",{className:v,"data-focus":m,"data-testid":`${j["data-testid"]}-animations`,...b,children:[
-/* @__PURE__ */t.jsx(o,{condition:!!N,children:/* @__PURE__ */t.jsx("div",{...b,ref:h,className:N})}),
-/* @__PURE__ */t.jsx(o,{condition:!!g,children:/* @__PURE__ */t.jsx("div",{...b,ref:x,className:g})}),
-/* @__PURE__ */t.jsx(o,{condition:!!A,children:/* @__PURE__ */t.jsx("div",{...b,ref:p,className:A})}),
-/* @__PURE__ */t.jsx(o,{condition:!!C,children:/* @__PURE__ */t.jsx("div",{...b,ref:u,className:C})}),
-/* @__PURE__ */t.jsx("div",{...b,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{Text as s}from"../../text/text.js";import{ElementOrIcon as n}from"../../../lib/components/elementOrIcon/elementOrIcon.js";import{RenderIf as o}from"../../../lib/components/renderIf/renderIf.js";import{STATES as e}from"../../../lib/types/states/states.js";import{pickCustomAttributes as i}from"../../../lib/utils/pickCustomAttributes/pickCustomAttributes.js";import{processText as c}from"../../../lib/utils/process/processText/processText.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(n,{className:r?.containerboxicon,customAttributes:u,...a[p]?.icon}),
-/* @__PURE__ */t.jsx(n,{className:r?.containerboxicon,customAttributes:u,...a[p]?.icon})]}),
-/* @__PURE__ */t.jsxs("span",{className:r?.containerboxtextscontainer,...i(u),children:[
-/* @__PURE__ */t.jsx(o,{condition:!!l&&[e.LOADING,e.SUCCESS,e.ERROR].includes(p),children:/* @__PURE__ */t.jsx(s,{additionalClasses:{text:r?.containerboxfilename},component:"span",customAttributes:u,children:l})}),
-/* @__PURE__ */t.jsxs("span",{className:r?.actiondescriptioncontainer,children:[
-/* @__PURE__ */t.jsx(o,{condition:!!c(a[p]?.actionText).children,children:/* @__PURE__ */t.jsxs("span",{className:r?.actioniconandactiontextcontainer,...i(u),children:[
-/* @__PURE__ */t.jsx(n,{className:r?.actionicon,customAttributes:u,...a[p]?.actionIcon}),
-/* @__PURE__ */t.jsx(s,{additionalClasses:{text:r?.containerboxactiontext},component:"span",customAttributes:u,...c(a[p]?.actionText),children:c(a[p]?.actionText).children})]})}),
-/* @__PURE__ */t.jsx(o,{condition:!!a[p]?.description,children:/* @__PURE__ */t.jsx(s,{additionalClasses:{text:r?.containerboxdescription},component:"span",customAttributes:u,...c(a[p]?.description),children:c(a[p]?.description).children})})]})]}),
-/* @__PURE__ */t.jsx(o,{condition:!!a[p]?.iconRight,children:/* @__PURE__ */t.jsx("span",{children:/* @__PURE__ */t.jsx(n,{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/selectorBoxFileHeader.js

@@ -1,9 +1,5 @@
-import{j as t}from"../../../_virtual/jsx-runtime.js";import{Button as i}from"../../button/button.js";import{Text as s}from"../../text/text.js";import{RenderIf as o}from"../../../lib/components/renderIf/renderIf.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(o,{condition:!!x,children:/* @__PURE__ */t.jsx(s,{additionalClasses:{text:a?.title},component:"h5",...e(x)})}),
-/* @__PURE__ */t.jsx(o,{condition:!!c,children:/* @__PURE__ */t.jsxs("div",{className:a?.actiondescriptioncontainer,children:[
-/* @__PURE__ */t.jsx(s,{additionalClasses:{text:a?.subtitle},...e(c)}),
-/* @__PURE__ */t.jsx(n,{cssClasses:a,tooltip:j,tooltipIcon:p})]})})]}),
-/* @__PURE__ */t.jsx(o,{condition:!(!l&&!r),children:/* @__PURE__ */t.jsxs("div",{className:a?.descriptioncontainer,children:[
-/* @__PURE__ */t.jsx(s,{additionalClasses:{text:a?.description},...e(l)}),
-/* @__PURE__ */t.jsx(o,{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/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"../../lib/components/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:m,cssClasses:d,description:p,errorMessage:x,errorMessageIcon:f,filename:u,focus:j,id:C,multiple:b,name:I,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:d?.selector_box_file,"data-testid":L,children:[
-/* @__PURE__ */e.jsxs("div",{className:d?.header,children:[
-/* @__PURE__ */e.jsx(o,{condition:!(!A&&!y),children:/* @__PURE__ */e.jsx(l,{button:c,cssClasses:d,description:p,headerId:D,subtitle:y,title:A,tooltip:E,tooltipIcon:$})}),
-/* @__PURE__ */e.jsx(i,{cssClasses:d,"data-testid":L,focus:j,percentage:v,state:k,onAnimationCompleted:h,children:/* @__PURE__ */e.jsx(n,{containerBoxStateContent:m,cssClasses:d,filename:u,focus:!1,htmlFor:_,state:k})})]}),
-/* @__PURE__ */e.jsx(a,{cssClasses:d,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:b,name:I,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{Text as t}from"../../text/text.js";import{RenderIf as s}from"../../../lib/components/renderIf/renderIf.js";const r=({cssClasses:r,customAttributes:i,leftHelperText:n,leftHelperTextId:l,rightHelperText:o,rightHelperTextId:c})=>n||o?/* @__PURE__ */e.jsxs("div",{className:r?.helpertextcontainer,children:[
-/* @__PURE__ */e.jsx(s,{condition:!!n,children:/* @__PURE__ */e.jsx("div",{className:r?.helpertextleftcontainer,children:/* @__PURE__ */e.jsx(t,{additionalClasses:{text:r?.helpertext},component:"span",customAttributes:i,id:l,children:n})})}),
-/* @__PURE__ */e.jsx(s,{condition:!!o,children:/* @__PURE__ */e.jsx("div",{className:r?.helpertextrightcontainer,children:/* @__PURE__ */e.jsx(t,{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};