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

package/dist/esm/components/dataTable/hooks/useDataTableStickyLeftColumns.js

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

package/dist/esm/components/dataTable/hooks/useDataTableStickyRightColumns.js

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

package/dist/esm/components/dataTable/utils/cellConfig.js

@@ -1 +1 @@
-const o=({cellConfig:o})=>({...o});export{o as applyFlexToCell};
+const o=({cellConfig:o})=>({...o});export{o as applyFlexToCell};

package/dist/esm/components/dataTable/utils/hoverable.js

@@ -1 +1 @@
-const e=({hoverable:e,hoverableRows:o,nonHoverableRows:d,row:i})=>{let l;return o?l=Boolean(i.id&&o.includes(i.id)):d?l=!(i.id&&d.includes(i.id)):void 0!==e&&(l=e),l};export{e as isRowHoverable};
+const e=({hoverable:e,hoverableRows:o,nonHoverableRows:d,row:i})=>{let l;return o?l=Boolean(i.id&&o.includes(i.id)):d?l=!(i.id&&d.includes(i.id)):void 0!==e&&(l=e),l};export{e as isRowHoverable};

package/dist/esm/components/dataTable/utils/rowConfig.js

@@ -1 +1 @@
-const o=({rowConfig:o})=>({...o});export{o as applyGridToRow};
+const o=({rowConfig:o})=>({...o});export{o as applyGridToRow};

package/dist/esm/components/dataTable/utils/tableConfig.js

@@ -1 +1 @@
-const o=({tableConfig:o})=>({...o}),t=({tableConfig:o})=>({...o});export{t as applyPositionToWrapper,o as applyZIndexToWrapper};
+const o=({tableConfig:o})=>({...o}),t=({tableConfig:o})=>({...o});export{t as applyPositionToWrapper,o as applyZIndexToWrapper};

package/dist/esm/components/dot/dot.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{DotStandAlone as t}from"./dotStandAlone.js";const o=a(({additionalSizeClasses:a,additionalVariantClasses:o,maxNumber:r,number:i,size:n,variant:m,...l},d)=>{const u=e({additionalClassNames:o,component:"DOT",variant:m}),p=e({additionalClassNames:a,component:"DOT",variant:n}),f="number"==typeof i&&"number"==typeof r?i>r?`+${r}`:i.toString():void 0;/* @__PURE__ */
-return s.jsx(t,{...l,ref:d,cssSizeClasses:p,cssVariantClasses:u,formatedNumber:f})});export{o as Dot};
+import{useClassName as a}from"../../lib/hooks/useClassName/useClassName.js";import{DotStandAlone as s}from"./dotStandAlone.js";import{forwardRef as e}from"react";import{jsx as t}from"react/jsx-runtime";const o=e(({additionalSizeClasses:e,additionalVariantClasses:o,maxNumber:r,number:i,size:n,variant:m,...l},d)=>{const p=a({additionalClassNames:o,component:"DOT",variant:m}),u=a({additionalClassNames:e,component:"DOT",variant:n}),c="number"==typeof i?"number"==typeof r&&i>r?`+${r}`:i.toString():void 0;/* @__PURE__ */
+return t(s,{...l,ref:d,cssSizeClasses:u,cssVariantClasses:p,formatedNumber:c})});export{o as Dot};

package/dist/esm/components/dot/dotStandAlone.js

@@ -1,2 +1,2 @@
-import{j as s}from"../../_virtual/jsx-runtime.js";import{forwardRef as t}from"react";import{classNames as i}from"../../lib/utils/classNames/classNames.js";import{pickCustomAttributes as e}from"../../lib/utils/pickCustomAttributes/pickCustomAttributes.js";const r=t(({cssSizeClasses:t,cssVariantClasses:r,formatedNumber:a,height:o,label:m,width:l,...c},d)=>{const u=e(c);/* @__PURE__ */
-return s.jsxs("span",{ref:d,className:i(t?.dot,r?.dot),"data-testid":"dot",style:o||l?{height:o,width:l}:void 0,...u,children:[m,a]})});export{r as DotStandAlone};
+import{pickCustomAttributes as t}from"../../lib/utils/pickCustomAttributes/pickCustomAttributes.js";import{classNames as s}from"../../lib/utils/classNames/classNames.js";import{forwardRef as e}from"react";import{jsxs as i}from"react/jsx-runtime";const r=e(({cssSizeClasses:e,cssVariantClasses:r,formatedNumber:o,height:a,label:m,width:l,...c},d)=>{const u=t(c);/* @__PURE__ */
+return i("span",{ref:d,className:s(e?.dot,r?.dot),"data-testid":"dot",style:a||l?{height:a,width:l}:void 0,...u,children:[m,o]})});export{r as DotStandAlone};

package/dist/esm/components/icon/icon.js

@@ -1,3 +1 @@
-import{j as t}from"../../_virtual/jsx-runtime.js";import{forwardRef as s}from"react";import{useClassName as e}from"../../lib/hooks/useClassName/useClassName.js";import{classNames as i}from"../../lib/utils/classNames/classNames.js";import{pickCustomAttributes as a}from"../../lib/utils/pickCustomAttributes/pickCustomAttributes.js";import{IconStandAlone as o}from"./iconStandAlone.js";const l=s(({className:s,color:l,height:r,icon:n,id:c,tabIndex:d,title:m,width:b,...u},h)=>{const{altText:j,disabled:p,onClick:x,screenReaderText:C,...N}=u,f=a(u),k=!(Object.keys(u).includes("color")&&!l)&&!!l,I=e({component:"ICON"});return n?x?/* @__PURE__ */t.jsxs("button",{"aria-disabled":p,"aria-label":u["aria-label"]||j,className:i(I.button,s),"data-testid":"button",disabled:p,id:c,style:{height:r,width:b},tabIndex:d,title:m||"",type:"button",onClick:x,...f,children:[
-/* @__PURE__ */t.jsx("screen-reader-only",{children:C}),
-/* @__PURE__ */t.jsx(o,{icon:n,...N,ref:h,"aria-label":void 0,className:s,cssClasses:I,"data-testid":void 0,height:r,id:void 0,linearIcon:k,width:b})]}):/* @__PURE__ */t.jsx(o,{icon:n,...N,ref:h,altText:j,className:s,cssClasses:I,"data-testid":"icon",height:r,linearIcon:k,width:b}):null});export{l as Icon,l as IconBasic};
+import{useClassName as t}from"../../lib/hooks/useClassName/useClassName.js";import{pickCustomAttributes as e}from"../../lib/utils/pickCustomAttributes/pickCustomAttributes.js";import{classNames as s}from"../../lib/utils/classNames/classNames.js";import{ScreenReaderOnly as i}from"../../lib/components/screen-reader-only/screenReaderOnly.js";import{IconStandAlone as a}from"./iconStandAlone.js";import{forwardRef as o}from"react";import{jsx as l,jsxs as r}from"react/jsx-runtime";const n=o(({className:o,color:n,height:c,icon:d,id:m,tabIndex:b,title:u,width:h,...p},f)=>{const{altText:C,disabled:N,onClick:j,screenReaderText:x,...k}=p,y=e(p),I=!(Object.keys(p).includes("color")&&!n||!n),g=t({component:"ICON"});return d?j?/* @__PURE__ */r("button",{"aria-disabled":N,"aria-label":p["aria-label"]||C,className:s(g.button,o),"data-testid":"button",disabled:N,id:m,style:{height:c,width:h},tabIndex:b,title:u||"",type:"button",onClick:j,...y,children:[/* @__PURE__ */l(i,{children:x}),/* @__PURE__ */l(a,{icon:d,...k,ref:f,"aria-label":void 0,className:o,cssClasses:g,"data-testid":void 0,height:c,id:void 0,linearIcon:I,width:h})]}):/* @__PURE__ */l(a,{icon:d,...k,ref:f,altText:C,className:o,cssClasses:g,"data-testid":"icon",height:c,linearIcon:I,width:h}):null});export{n as IconBasic};

package/dist/esm/components/icon/iconHost.js

@@ -1 +1 @@
-import{j as r}from"../../_virtual/jsx-runtime.js";import{forwardRef as o,useContext as s,useState as i,useEffect as t}from"react";import{StylesContext as e}from"../../lib/provider/stylesProvider/stylesProvider.js";import{UtilsContext as c}from"../../lib/provider/utilsProvider/utilsProvider.js";import{isValidHttpUrl as a}from"../../lib/utils/is/isValidHttpUrl.js";import{IconBasic as n}from"./icon.js";const l=o(({fallbackIcon:o,icon:l,...m},f)=>{const p=s(c),d=s(e),j=a(l)?l:`${p?.assets?.baseHost}${d?.icons?.[l]}`,[v,b]=i(j);return t(()=>{if(o){const r=a(o)?o:`${p?.assets?.baseHost}${d?.icons?.[o]}`;(async()=>{try{if(!(await fetch(j,{cache:"no-store"})).ok)throw new Error("Error loading icon");b(j)}catch{b(r)}})()}else b(j)},[j,o,p,d]),/* @__PURE__ */r.jsx(n,{...m,ref:f,icon:v})});export{l as Icon,l as IconHost};
+import{StylesContext as r}from"../../lib/provider/stylesProvider/stylesProvider.js";import{IconBasic as o}from"./icon.js";import{UtilsContext as i}from"../../lib/provider/utilsProvider/utilsProvider.js";import{isValidHttpUrl as s}from"../../lib/utils/is/isValidHttpUrl.js";import{forwardRef as t,useContext as e,useEffect as c,useState as n}from"react";import{jsx as a}from"react/jsx-runtime";const l=t(({fallbackIcon:t,icon:l,...m},f)=>{const p=e(i),d=e(r),b=s(l)?l:`${p?.assets?.baseHost}${d?.icons?.[l]}`,[v,j]=n(b);return c(()=>{if(t){const r=s(t)?t:`${p?.assets?.baseHost}${d?.icons?.[t]}`;(async()=>{try{if(!(await fetch(b,{cache:"no-store"})).ok)throw new Error("Error loading icon");j(b)}catch{j(r)}})()}else j(b)},[b,t,p,d]),/* @__PURE__ */a(o,{...m,ref:f,icon:v})});export{l as IconHost};

package/dist/esm/components/icon/iconStandAlone.js

@@ -1,2 +1,2 @@
-import{j as t}from"../../_virtual/jsx-runtime.js";import{forwardRef as s,useState as i}from"react";import{classNames as a}from"../../lib/utils/classNames/classNames.js";import{pickCustomAttributes as e}from"../../lib/utils/pickCustomAttributes/pickCustomAttributes.js";const o=s(({altText:s,className:o,color:r,cssClasses:n,customAttributes:l,emptyAltText:m,height:c,id:u,rotate:d,transitionDuration:h,width:g,...p},b)=>{const[x]=i(""),f=e({...p,...l}),j=n?.dynamic_values({$color:r||"",$height:c||"",$moveAround:d||"",$transitionDuration:h||"",$width:g||""}).object;/* @__PURE__ */
-return t.jsx("span",{dangerouslySetInnerHTML:{__html:x},ref:b,"aria-hidden":m,"aria-label":s,className:a(n?.complex,o),"data-testid":"icon",id:u,role:m?"none":"img",style:j,...f})}),r=s(({altText:s,className:i,color:r,complex:n=!1,cssClasses:l,customAttributes:m,height:c,icon:u,id:d,loading:h="lazy",rotate:g,transitionDuration:p,twistAnimationTransformValue:b,width:x,...f},j)=>{const A=!s,$=e({...f,...m});return n?/* @__PURE__ */t.jsx(o,{ref:j,altText:s,className:i,color:r,cssClasses:l,customAttributes:m,"data-testid":"icon",emptyAltText:A,height:c,icon:u,id:d,rotate:g,transitionDuration:p,width:x,...f}):/* @__PURE__ */t.jsx("span",{ref:j,"aria-hidden":A,"aria-label":s,className:a(l?.svg,i),"data-testid":"icon","data-twist-animation-transform-value":!!b,id:d,role:A?"svg":"img",style:{backgroundColor:r,height:c,maskImage:`url("${u}")`,minHeight:c,minWidth:x,transform:b||`rotate(${g})`,transitionDuration:p,WebkitMaskImage:`url("${u}")`,width:x},...$})});export{r as IconStandAlone};
+import{pickCustomAttributes as t}from"../../lib/utils/pickCustomAttributes/pickCustomAttributes.js";import{classNames as a}from"../../lib/utils/classNames/classNames.js";import{forwardRef as i,useState as s}from"react";import{jsx as e}from"react/jsx-runtime";var o=i(({altText:i,className:o,color:r,cssClasses:n,customAttributes:l,emptyAltText:m,height:c,id:u,rotate:d,transitionDuration:h,width:g,...p},b)=>{const[f]=s(""),x=t({...p,...l}),A=n?.dynamic_values({$color:r||"",$height:c||"",$moveAround:d||"",$transitionDuration:h||"",$width:g||""}).object;/* @__PURE__ */
+return e("span",{dangerouslySetInnerHTML:{__html:f},ref:b,"aria-hidden":m,"aria-label":i,className:a(n?.complex,o),"data-testid":"icon",id:u,role:m?"none":"img",style:A,...x})});const r=i(({altText:i,className:s,color:r,complex:n=!1,cssClasses:l,customAttributes:m,height:c,icon:u,id:d,loading:h="lazy",rotate:g,transitionDuration:p,twistAnimationTransformValue:b,width:f,...x},A)=>{const $=!i,w=t({...x,...m});return n?/* @__PURE__ */e(o,{ref:A,altText:i,className:s,color:r,cssClasses:l,customAttributes:m,"data-testid":"icon",emptyAltText:$,height:c,icon:u,id:d,rotate:g,transitionDuration:p,width:f,...x}):/* @__PURE__ */e("span",{ref:A,"aria-hidden":$,"aria-label":i,className:a(l?.svg,s),"data-testid":"icon","data-twist-animation-transform-value":!!b,id:d,role:$?"svg":"img",style:{backgroundColor:r,height:c,maskImage:`url("${u}")`,minHeight:c,minWidth:f,transform:b||`rotate(${g})`,transitionDuration:p,WebkitMaskImage:`url("${u}")`,width:f},...w})});export{r as IconStandAlone};

package/dist/esm/components/image/components/pictureSourceStandAlone.js

@@ -1,2 +1,2 @@
-import{j as t}from"../../../_virtual/jsx-runtime.js";import{pickCustomAttributes as i}from"../../../lib/utils/pickCustomAttributes/pickCustomAttributes.js";const r=({mediaSource:r,...s})=>{if(!r)return null;const e=i(s);/* @__PURE__ */
-return t.jsx("source",{height:r.height,media:r.media,srcSet:r.src,width:r.width,...e})};export{r as PictureSourceStandAlone};
+import{pickCustomAttributes as t}from"../../../lib/utils/pickCustomAttributes/pickCustomAttributes.js";import{jsx as i}from"react/jsx-runtime";const r=({mediaSource:r,...e})=>{if(!r)return null;const s=t(e);/* @__PURE__ */
+return i("source",{height:r.height,media:r.media,srcSet:r.src,width:r.width,...s})};export{r as PictureSourceStandAlone};

package/dist/esm/components/image/image2.js

@@ -0,0 +1,2 @@
+import{useGenericComponents as r}from"../../lib/provider/genericComponentsProvider/genericComponentsProvider.js";import{ImageStandAlone as o}from"./imageStandAlone.js";import{forwardRef as e}from"react";import{jsx as t}from"react/jsx-runtime";const n=e((e,n)=>{const{IMAGE:m}=r();/* @__PURE__ */
+return t(o,{...e,ref:n,component:m})});export{n as Image};

package/dist/esm/components/image/imageStandAlone.js

@@ -1,8 +1,7 @@
-import{j as t}from"../../_virtual/jsx-runtime.js";/* empty css         */import{forwardRef as i}from"react";import{DEVICE_BREAKPOINTS as r}from"../../lib/types/breakpoints/breakpoints.js";import{pickCustomAttributes as o}from"../../lib/utils/pickCustomAttributes/pickCustomAttributes.js";import{PictureSourceStandAlone as e}from"./components/pictureSourceStandAlone.js";import{getFallbackRatio as s}from"./utils/getFallbackRatio.js";const a=i(({alt:i,borderRadius:a,caption:c,height:m,images:l,loading:d="lazy",objectFit:u,onLoad:n,ratio:p,title:j,width:b,...f},g)=>{const x={"--border-radius":a,"--fallback-ratio":p&&s(p)+"%","--object-fit":u,"--ratio":p},h=o(f);/* @__PURE__ */
-return t.jsxs("figure",{ref:g,"data-testid":"image",...h,children:[
-/* @__PURE__ */t.jsxs("picture",{className:"kbt-picture",style:x,children:[
-/* @__PURE__ */t.jsx(e,{mediaSource:l[r.LARGE_DESKTOP]}),
-/* @__PURE__ */t.jsx(e,{mediaSource:l[r.DESKTOP]}),
-/* @__PURE__ */t.jsx(e,{mediaSource:l[r.TABLET]}),
-/* @__PURE__ */t.jsx(e,{mediaSource:l[r.MOBILE]}),
-/* @__PURE__ */t.jsx("img",{alt:i,height:m,loading:d,src:l.DEFAULT.src,title:j,width:b,onLoad:n})]}),c&&/* @__PURE__ */t.jsx("figcaption",{children:c})]})});export{a as ImageStandAlone};
+import{pickCustomAttributes as t}from"../../lib/utils/pickCustomAttributes/pickCustomAttributes.js";/* empty css     */import{DEVICE_BREAKPOINTS as i}from"../../lib/types/breakpoints/breakpoints.js";import{PictureSourceStandAlone as r}from"./components/pictureSourceStandAlone.js";import{getFallbackRatio as e}from"./utils/getFallbackRatio.js";import{forwardRef as o}from"react";import{jsx as a,jsxs as c}from"react/jsx-runtime";const s=o(({alt:o,borderRadius:s,caption:m,height:l,images:d,loading:n="lazy",objectFit:p,onLoad:u,ratio:b,title:f,width:g,...h},j)=>{const S={"--border-radius":s,"--fallback-ratio":b&&e(b)+"%","--object-fit":p,"--ratio":b},k=t(h);/* @__PURE__ */
+return c("figure",{ref:j,"data-testid":"image",...k,children:[/* @__PURE__ */c("picture",{className:"kbt-picture",style:S,children:[
+/* @__PURE__ */a(r,{mediaSource:d[i.LARGE_DESKTOP]}),
+/* @__PURE__ */a(r,{mediaSource:d[i.DESKTOP]}),
+/* @__PURE__ */a(r,{mediaSource:d[i.TABLET]}),
+/* @__PURE__ */a(r,{mediaSource:d[i.MOBILE]}),
+/* @__PURE__ */a("img",{alt:o,height:l,loading:n,src:d.DEFAULT.src,title:f,width:g,onLoad:u})]}),m&&/* @__PURE__ */a("figcaption",{children:m})]})});export{s as ImageStandAlone};

package/dist/esm/components/image/utils/getFallbackRatio.js

@@ -1 +1 @@
-const o=o=>100*o;export{o as getFallbackRatio};
+const o=o=>100*o;export{o as getFallbackRatio};

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

@@ -1,2 +1,2 @@
-import{j as s}from"../../_virtual/jsx-runtime.js";import{forwardRef as e,useRef as t,useCallback as o,useImperativeHandle as r}from"react";import{useClassName as a}from"../../lib/hooks/useClassName/useClassName.js";import{useId as i}from"../../lib/hooks/useId/useId.js";import{useInputFocus as l}from"../../lib/hooks/useInputFocus/useInputFocus.js";import{InputStandAlone as u}from"./inputStandAlone.js";import{getState as n}from"./utils/state.js";const d=e(({additionalClasses:e,id:d,variant:m,...c},p)=>{const f=a({additionalClassNames:e,component:"INPUT",variant:m}),j=i("input-base"),b=d||j,I=`${b}-label`,C=t(null),v=t(null),N=o(s=>{if(s){const e=s.querySelector("input");v.current=e}C.current=s},[]);r(p,()=>C.current,[]);const{focused:h}=l({inputRef:v}),k=Boolean(c.defaultValue??c.value),x=n({disabled:c.disabled,error:c.error,filled:k,focused:h});/* @__PURE__ */
-return s.jsx(u,{ref:N,cssClasses:f,"data-state":x,"data-testid":"input-container",filled:k,focused:h,inputBaseId:b,labelId:I,...c})});export{d as Input};
+import{useClassName as e}from"../../lib/hooks/useClassName/useClassName.js";import{InputStandAlone as t}from"./inputStandAlone.js";import{getState as a}from"./utils/state.js";import{forwardRef as r,useCallback as s,useId as o,useImperativeHandle as l,useRef as n,useState as i}from"react";import{jsx as u}from"react/jsx-runtime";const d=r(({additionalClasses:r,id:d,variant:c,...m},p)=>{const f=e({additionalClassNames:r,component:"INPUT",variant:c}),b=`input-${o().replace(/:/g,"")}`,C=d||b,j=`${C}-label`,N=n(null),v=n(null),B=s(e=>{e&&(v.current=e.querySelector("input")),N.current=e},[]);l(p,()=>N.current,[]);const[I,x]=i(!1),S=s(()=>x(!0),[]),$=s(()=>x(!1),[]),g=Boolean(m.defaultValue??m.value),h=a({disabled:m.disabled,error:m.error,filled:g,focused:I});/* @__PURE__ */
+return u(t,{ref:B,cssClasses:f,"data-state":h,"data-testid":"input-container",filled:g,focused:I,inputBaseId:C,labelId:j,onBlur:$,onFocus:S,...m})});export{d as Input};

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

package/dist/esm/components/input/types/state.js

@@ -1 +1 @@
-const E={DISABLED_EMPTY:"DISABLED_EMPTY",DISABLED_FILLED:"DISABLED_FILLED",EMPTY:"EMPTY",ERROR_EMPTY:"ERROR_EMPTY",ERROR_FILLED:"ERROR_FILLED",FILLED:"FILLED",FOCUS:"FOCUS"};export{E as InputState};
+const E={DISABLED_EMPTY:"DISABLED_EMPTY",DISABLED_FILLED:"DISABLED_FILLED",EMPTY:"EMPTY",ERROR_EMPTY:"ERROR_EMPTY",ERROR_FILLED:"ERROR_FILLED",FILLED:"FILLED",FOCUS:"FOCUS"};export{E as InputState};

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

@@ -1 +1 @@
-import{InputState as E}from"../types/state.js";const L=({disabled:L,error:e,filled:D,focused:o})=>L&&D?E.DISABLED_FILLED:L?E.DISABLED_EMPTY:e&&D?E.ERROR_FILLED:e?E.ERROR_EMPTY:o?E.FOCUS:D?E.FILLED:E.EMPTY;export{L as getState};
+import{InputState as E}from"../types/state.js";const L=({disabled:L,error:e,filled:D,focused:o})=>L&&D?E.DISABLED_FILLED:L?E.DISABLED_EMPTY:e&&D?E.ERROR_FILLED:e?E.ERROR_EMPTY:o?E.FOCUS:D?E.FILLED:E.EMPTY;export{L as getState};

package/dist/esm/components/inputBase/inputBase.js

@@ -1,2 +1,2 @@
-import{j as s}from"../../_virtual/jsx-runtime.js";import{forwardRef as a}from"react";import{useClassName as t}from"../../lib/hooks/useClassName/useClassName.js";import{useId as e}from"../../lib/hooks/useId/useId.js";import{InputBaseStandAlone as i}from"./inputBaseStandAlone.js";import{getState as r}from"./utils/state.js";const o=a(({additionalClasses:a,error:o,filled:d,focused:l,id:n,variant:m,...u},f)=>{const p=t({additionalClassNames:a,component:"INPUT_BASE",variant:m}),c=e("inputBase"),j=n??c,b=r({disabled:u.disabled,error:o,filled:d,focused:l});/* @__PURE__ */
-return s.jsx(i,{ref:f,...u,"aria-invalid":o,cssClasses:p,"data-state":b,"data-testid":"input-base","data-truncate":u.truncate,id:j})});export{o as InputBase};
+import{useClassName as a}from"../../lib/hooks/useClassName/useClassName.js";import{InputBaseStandAlone as s}from"./inputBaseStandAlone.js";import{getState as t}from"./utils/state.js";import{forwardRef as e,useId as r}from"react";import{jsx as i}from"react/jsx-runtime";const o=e(({additionalClasses:e,error:o,filled:d,focused:l,id:n,variant:m,...u},c)=>{const p=a({additionalClassNames:e,component:"INPUT_BASE",variant:m}),f=`inputbase-${r().replace(/:/g,"")}`,b=n??f,C=t({disabled:u.disabled,error:o,filled:d,focused:l});/* @__PURE__ */
+return i(s,{ref:c,...u,"aria-invalid":o,cssClasses:p,"data-state":C,"data-testid":"input-base","data-truncate":u.truncate,id:b})});export{o as InputBase};

package/dist/esm/components/inputBase/inputBaseStandAlone.js

@@ -1,2 +1,2 @@
-import{j as t}from"../../_virtual/jsx-runtime.js";import{forwardRef as s}from"react";import{pickCustomAttributes as r}from"../../lib/utils/pickCustomAttributes/pickCustomAttributes.js";const i=s(({cssClasses:s,truncate:i,...e},o)=>{const u=r(e);/* @__PURE__ */
-return t.jsx("input",{ref:o,className:s?.input_base,...e,...u})});export{i as InputBaseStandAlone};
+import{pickCustomAttributes as t}from"../../lib/utils/pickCustomAttributes/pickCustomAttributes.js";import{forwardRef as s}from"react";import{jsx as r}from"react/jsx-runtime";const e=s(({cssClasses:s,truncate:e,...i},o)=>{const m=t(i);/* @__PURE__ */
+return r("input",{ref:o,className:s?.input_base,...i,...m})});export{e as InputBaseStandAlone};

package/dist/esm/components/inputBase/types/state.js

@@ -1 +1 @@
-const E={DISABLED_EMPTY:"DISABLED_EMPTY",DISABLED_FILLED:"DISABLED_FILLED",EMPTY:"EMPTY",ERROR_EMPTY:"ERROR_EMPTY",ERROR_FILLED:"ERROR_FILLED",FILLED:"FILLED",FOCUS:"FOCUS"};export{E as InputBaseState};
+const E={DISABLED_EMPTY:"DISABLED_EMPTY",DISABLED_FILLED:"DISABLED_FILLED",EMPTY:"EMPTY",ERROR_EMPTY:"ERROR_EMPTY",ERROR_FILLED:"ERROR_FILLED",FILLED:"FILLED",FOCUS:"FOCUS"};export{E as InputBaseState};

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

@@ -1 +1 @@
-import{InputBaseState as E}from"../types/state.js";const L=({disabled:L,error:e,filled:D,focused:o})=>L&&D?E.DISABLED_FILLED:L?E.DISABLED_EMPTY:e&&D?E.ERROR_FILLED:e?E.ERROR_EMPTY:o?E.FOCUS:D?E.FILLED:E.EMPTY;export{L as getState};
+import{InputBaseState as E}from"../types/state.js";const L=({disabled:L,error:e,filled:D,focused:o})=>L&&D?E.DISABLED_FILLED:L?E.DISABLED_EMPTY:e&&D?E.ERROR_FILLED:e?E.ERROR_EMPTY:o?E.FOCUS:D?E.FILLED:E.EMPTY;export{L as getState};

package/dist/esm/components/inputDecoration/inputDecoration.js

@@ -1,2 +1,2 @@
-import{j as s}from"../../_virtual/jsx-runtime.js";import{forwardRef as t}from"react";import{useClassName as a}from"../../lib/hooks/useClassName/useClassName.js";import{InputDecorationStandAlone as o}from"./inputDecorationStandAlone.js";import{getState as e}from"./utils/state.js";const r=t(({additionalClasses:t,variant:r,...i},d)=>{const l=a({additionalClassNames:t,component:"INPUT_DECORATION",variant:r}),n=e({disabled:i.disabled,error:i.error,filled:i.filled,focused:i.focused});/* @__PURE__ */
-return s.jsx(o,{ref:d,cssClasses:l,"data-state":n,"data-testid":"input-decoration",...i})});export{r as InputDecoration};
+import{useClassName as s}from"../../lib/hooks/useClassName/useClassName.js";import{InputDecorationStandAlone as t}from"./inputDecorationStandAlone.js";import{getState as a}from"./utils/state.js";import{forwardRef as e}from"react";import{jsx as o}from"react/jsx-runtime";const r=e(({additionalClasses:e,variant:r,...i},d)=>{const l=s({additionalClassNames:e,component:"INPUT_DECORATION",variant:r}),n=a({disabled:i.disabled,error:i.error,filled:i.filled,focused:i.focused});/* @__PURE__ */
+return o(t,{ref:d,cssClasses:l,"data-state":n,"data-testid":"input-decoration",...i})});export{r as InputDecoration};

package/dist/esm/components/inputDecoration/inputDecorationStandAlone.js

@@ -1,2 +1,2 @@
-import{j as t}from"../../_virtual/jsx-runtime.js";import{forwardRef as o}from"react";import{ElementOrIcon as e}from"../../lib/components/elementOrIcon/elementOrIcon.js";import{pickCustomAttributes as s}from"../../lib/utils/pickCustomAttributes/pickCustomAttributes.js";const i=o(({cssClasses:o,decoration:i,disabled:r,...n},c)=>{if(!i?.icon)return null;const l=s(n);/* @__PURE__ */
-return t.jsx("div",{ref:c,className:o?.input_decoration,style:{pointerEvents:i.onClick?"auto":"none"},...l,children:/* @__PURE__ */t.jsx(e,{className:o?.decoration,...i,onClick:i.onClick})})});export{i as InputDecorationStandAlone};
+import{pickCustomAttributes as o}from"../../lib/utils/pickCustomAttributes/pickCustomAttributes.js";import{processIconProp as t}from"../../lib/utils/process/processCommonProp.js";import{ElementOrIcon as r}from"../../lib/components/elementOrIcon/elementOrIcon.js";import{forwardRef as e}from"react";import{jsx as s}from"react/jsx-runtime";const i=e(({cssClasses:e,decoration:i,disabled:n,...c},m)=>{const l=t(i);if(!l?.icon)return null;const p=o(c);/* @__PURE__ */
+return s("div",{ref:m,className:e?.input_decoration,style:{pointerEvents:l.onClick?"auto":"none"},...p,children:/* @__PURE__ */s(r,{className:e?.decoration,...l,onClick:l.onClick})})});export{i as InputDecorationStandAlone};

package/dist/esm/components/inputDecoration/types/state.js

@@ -1 +1 @@
-const E={DISABLED_EMPTY:"DISABLED_EMPTY",DISABLED_FILLED:"DISABLED_FILLED",EMPTY:"EMPTY",ERROR_EMPTY:"ERROR_EMPTY",ERROR_FILLED:"ERROR_FILLED",FILLED:"FILLED",FOCUS:"FOCUS"};export{E as InputDecorationState};
+const E={DISABLED_EMPTY:"DISABLED_EMPTY",DISABLED_FILLED:"DISABLED_FILLED",EMPTY:"EMPTY",ERROR_EMPTY:"ERROR_EMPTY",ERROR_FILLED:"ERROR_FILLED",FILLED:"FILLED",FOCUS:"FOCUS"};export{E as InputDecorationState};

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

@@ -1 +1 @@
-import{InputDecorationState as E}from"../types/state.js";const L=({disabled:L,error:e,filled:D,focused:o})=>L&&D?E.DISABLED_FILLED:L?E.DISABLED_EMPTY:e&&D?E.ERROR_FILLED:e?E.ERROR_EMPTY:o?E.FOCUS:D?E.FILLED:E.EMPTY;export{L as getState};
+import{InputDecorationState as E}from"../types/state.js";const L=({disabled:L,error:e,filled:D,focused:o})=>L&&D?E.DISABLED_FILLED:L?E.DISABLED_EMPTY:e&&D?E.ERROR_FILLED:e?E.ERROR_EMPTY:o?E.FOCUS:D?E.FILLED:E.EMPTY;export{L as getState};

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

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

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

@@ -1 +1 @@
-import{j as s}from"../../_virtual/jsx-runtime.js";import{forwardRef as t}from"react";import{useClassName as a}from"../../lib/hooks/useClassName/useClassName.js";import{InputSignatureStandAlone as e}from"./inputSignatureStandAlone.js";const r=t(({additionalClasses:t,setSignatureStyles:r,signatureStyle:o={color:"#000000",lineWidth:2},variant:i,...n},l)=>{const m=a({additionalClassNames:t,component:"INPUT_SIGNATURE",variant:i});return r?.(o),/* @__PURE__ */s.jsx(e,{ref:l,cssClasses:m,...n})});export{r as InputSignatureControlled};
+import{useClassName as s}from"../../lib/hooks/useClassName/useClassName.js";import{InputSignatureStandAlone as t}from"./inputSignatureStandAlone.js";import{forwardRef as a}from"react";import{jsx as e}from"react/jsx-runtime";const r=a(({additionalClasses:a,setSignatureStyles:r,signatureStyle:o={color:"#000000",lineWidth:2},variant:i,...n},l)=>{const m=s({additionalClassNames:a,component:"INPUT_SIGNATURE",variant:i});return r?.(o),/* @__PURE__ */e(t,{ref:l,cssClasses:m,...n})});export{r as InputSignatureControlled};

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

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

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

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

package/dist/esm/components/inputSignature/utils/getInputSignatureState.js

@@ -1 +1 @@
-import{STATES as t}from"../../../lib/types/states/states.js";const e=({active:e,disabled:s,error:r,filled:i})=>s?t.DISABLED:r?t.ERROR:e?t.ACTIVE:i?t.FILLED:t.DEFAULT;export{e as getInputSignatureState};
+import{STATES as t}from"../../../lib/types/states/states.js";const e=({active:e,disabled:s,error:r,filled:i})=>s?t.DISABLED:r?t.ERROR:e?t.ACTIVE:i?t.FILLED:t.DEFAULT;export{e as getInputSignatureState};

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

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

@@ -1 +1 @@
-const o=(o,e)=>({role:o&&!e?"link":e});export{o as disabledLink};
+const o=(o,e)=>({role:o&&!e?"link":e});export{o as disabledLink};

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{useClassName as o}from"../../lib/hooks/useClassName/useClassName.js";import{useGenericComponents as e}from"../../lib/provider/genericComponentsProvider/genericComponentsProvider.js";import{disabledLink as i}from"./helpers/disabled.js";import{LinkStandAlone as a}from"./linkStandAlone.js";import{forwardRef as n}from"react";import{jsx as r}from"react/jsx-runtime";const s=n(({action:n="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}=e(),{role:j}=i(c,C),x=c||void 0,h=o({additionalClassNames:s,component:"LINK",variant:`${n}_${f}`}),T=o({additionalClassNames:t,component:"TEXT",variant:v});/* @__PURE__ */
+return r(a,{...b,ref:u,action:n,alignCenter:l,"aria-disabled":x,color:d,component:N,cssClasses:h,cssTextClasses:T,decoration:"inline"===n?"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{useClassName as s}from"../../../lib/hooks/useClassName/useClassName.js";import{useGenericComponents as e}from"../../../lib/provider/genericComponentsProvider/genericComponentsProvider.js";import{STATES as a}from"../../../lib/types/states/states.js";import{useManageState as t}from"../../../lib/hooks/useManageState/useManageState.js";import{LinkAsButtonStandAlone as o}from"./linkAsButtonStandAlone.js";import{forwardRef as i}from"react";import{jsx as n}from"react/jsx-runtime";const r=i(({additionalSizeClasses:i,additionalVariantClasses:r,disabled:m,size:l,variant:d,...p},c)=>{const C=s({component:"LINK_AS_BUTTON"}),f=s({additionalClassNames:r,component:"BUTTON",variant:d}),u=s({additionalClassNames:i,component:"BUTTON",variant:l}),{LINK:N}=e(),{setRef:b}=t({disabled:m,ref:c,states:Object.values(a)});/* @__PURE__ */
+return n(o,{...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{CustomComponent as t}from"../../../lib/components/customComponent/customComponent.js";import{pickCustomAttributes as s}from"../../../lib/utils/pickCustomAttributes/pickCustomAttributes.js";import{classNames as i}from"../../../lib/utils/classNames/classNames.js";import{STATES as e}from"../../../lib/types/states/states.js";import{POSITIONS as o}from"../../../lib/types/positions/positions.js";import{ButtonStandAlone as a}from"../../button/buttonStandAlone.js";import{forwardRef as l}from"react";import{jsx as r}from"react/jsx-runtime";const n=l(({"aria-label":l,"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=s(D);/* @__PURE__ */
+return r("div",{className:d?.link_as_button,"data-kbt-full-width":f,"data-testid":N,...S,children:/* @__PURE__ */r(t,{ref:L,"aria-label":l,"aria-labelledby":n,component:b,"data-testid":"link",decoration:"none",isDisabled:A===e.DISABLED,rel:j,role:y,target:w,url:x,onClick:C,children:/* @__PURE__ */r("span",{"aria-label":m,...D,className:i(u?.button,p?.button),style:{flexDirection:h===o.LEFT?"row":"row-reverse",minWidth:k,width:f?"100%":"auto"},children:/* @__PURE__ */r(a,{...D,children:c})})})})});export{n as LinkAsButtonStandAlone};

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

@@ -1,3 +1,2 @@
-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{CustomComponent as t}from"../../lib/components/customComponent/customComponent.js";import{pickCustomAttributes as o}from"../../lib/utils/pickCustomAttributes/pickCustomAttributes.js";import{classNames as e}from"../../lib/utils/classNames/classNames.js";import{Text as r}from"../text/text2.js";import{ElementOrIcon as s}from"../../lib/components/elementOrIcon/elementOrIcon.js";import{forwardRef as i}from"react";import{jsx as n,jsxs as l}from"react/jsx-runtime";const c=i(({children:i,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=e(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=o(w);/* @__PURE__ */
+return n(t,{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__ */l("span",{className:m?.labelandiconcontainer,style:O,children:[/* @__PURE__ */n(s,{className:m?.icon,...b},"icon"),i]}):/* @__PURE__ */n("span",{style:O,children:i})})});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{useClassName as s}from"../../lib/hooks/useClassName/useClassName.js";import{ListOptionsStandAlone as a}from"./listOptionsStandAlone.js";import{forwardRef as o}from"react";import{jsx as t}from"react/jsx-runtime";const r=o(({additionalClasses:o,variant:r,...e},i)=>{const m=s({additionalClassNames:o,component:"LIST_OPTIONS",variant:r});/* @__PURE__ */
+return t(a,{...e,ref:i,cssClasses:m})});export{r as ListOptions};

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

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

@@ -1 +1 @@
-const e=(e,a,o,l)=>null!=a&&void 0!==e.value&&(o?Boolean(Array.isArray(a)&&a.includes(e.value)):l?Boolean(a===e.value):Boolean(a.toLocaleString().toLocaleLowerCase()===e.value.toLocaleString().toLocaleLowerCase())),a=(e,a,o)=>e&&a?a:o||"",o=e=>{let a=Math.max(e,0);return e>0&&(a-=1),a},l=e=>a=>{let o=Math.max(a,0);return a+1<=e.length-1&&(o+=1),o};export{a as getOptionVariant,e as isSelected,l as keyDownMove,o as keyUpMove};
+const e=(e,a,o,l)=>null!=a&&void 0!==e.value&&(o?Boolean(Array.isArray(a)&&a.includes(e.value)):l?Boolean(a===e.value):Boolean(a.toLocaleString().toLocaleLowerCase()===e.value.toLocaleString().toLocaleLowerCase())),a=(e,a,o)=>e&&a?a:o||"",o=e=>{let a=Math.max(e,0);return e>0&&(a-=1),a},l=e=>a=>{let o=Math.max(a,0);return a+1<=e.length-1&&(o+=1),o};export{a as getOptionVariant,e as isSelected,l as keyDownMove,o as keyUpMove};

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

@@ -1,9 +1,2 @@
-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{Text as e}from"../../text/text2.js";import{processIconProp as t,processTextProp as i}from"../../../lib/utils/process/processCommonProp.js";import{ElementOrIcon as n}from"../../../lib/components/elementOrIcon/elementOrIcon.js";import{Button as o}from"../../button/button.js";import{useActiveBreakpoints as a}from"../../../lib/hooks/useMediaDevice/useActiveBreakpoints.js";import{jsx as s,jsxs as c}from"react/jsx-runtime";const r=({blocked:r,closeButton:l,closeIcon:d,cssClasses:m,dragIcon:b,title:h,titleIdFinal:p})=>{const{isMobileOrTablet:v}=a();/* @__PURE__ */
+return c("div",{className:m?.headercontainer,"data-modal-header":!0,children:[v&&!r&&!!b&&/* @__PURE__ */s("div",{className:m?.dragiconcontainer,"data-modal-draggable-icon":!0,children:/* @__PURE__ */s(n,{className:m?.dragicon,...t(b)})}),/* @__PURE__ */c("div",{className:m?.headercontentcontainer,children:[!r&&!!d&&/* @__PURE__ */s("div",{className:m?.closebuttoncontainer,children:/* @__PURE__ */s(n,{className:m?.closebuttonicon,...t(d)})}),!r&&!!l?.content&&!!l?.variant&&/* @__PURE__ */s(o,{...l,variant:l?.variant,children:l?.content}),(void 0===h?.visible||h.visible)&&/* @__PURE__ */s("div",{className:m?.titlecontainer,children:/* @__PURE__ */s(e,{additionalClasses:{text:m?.title},component:"h1",id:p,...i(h)})}),!1===h?.visible&&/* @__PURE__ */s("span",{className:m?.titlehiddencontainer,id:p,children:i(h).children}),!r&&!!d&&/* @__PURE__ */s("div",{className:m?.closebuttoncontainer,children:/* @__PURE__ */s("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 t,useCallback as r}from"react";import{syncInnerAndForwardedRef as s}from"../../lib/hooks/syncRefs/syncRefs.js";import{useClassName as l}from"../../lib/hooks/useClassName/useClassName.js";import{useContentVisibility as i}from"../../lib/hooks/useContentVisibility/useContentVisibility.js";import{useMediaDevice as n}from"../../lib/hooks/useMediaDevice/useMediaDevice.js";import{useScrollDetectionWithAutoFocus as a}from"../../lib/hooks/useScrollDetectionWithAutoFocus/useScrollDetectionWithAutoFocus.js";import{useScrollEffect as c}from"../../lib/hooks/useScrollEffect/useScrollEffect.js";import{useSwipeDown as m}from"../../lib/hooks/useSwipeDown/useSwipeDown.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:h,portalId:b,variant:j,...S},C)=>{const v=l({additionalClassNames:e,component:"MODAL",variant:j}),y=n(),D=t(null),{scrollableRef:w,shadowRef:R}=c({shadowStyles:"none"}),{handleContentVisibility:k}=i({}),{setDragIconRef:x}=m(void 0,()=>f?.()),{handleScrollDetection:A,hasScroll:I}=a({disabled:p,parentElementRef:D}),g=r(o=>{D.current=o,s({forwardedRef:C,innerRef:D});const e=D.current?.querySelector("[data-modal-header]"),t=D.current?.querySelector("[data-modal-content]"),r=D.current?.querySelector("[data-modal-draggable-icon]");R(e),k({container:D.current,content:t}),w(t),A(t),x(r)},[]),q=/* @__PURE__ */o.jsx(u,{...S,ref:g,contentHasScroll:I,cssClasses:v,device:y,popover:{...h},onPopoverCloseInternally:()=>{f?.()}});return b?/* @__PURE__ */o.jsx(d,{wrapperId:b,children:q}):q});export{p as ModalControlled};
+import{useClassName as e}from"../../lib/hooks/useClassName/useClassName.js";import{useContentVisibility as o}from"../../lib/hooks/useContentVisibility/useContentVisibility.js";import{useMediaDevice as r}from"../../lib/hooks/useMediaDevice/useMediaDevice.js";import{useScrollDetection as t}from"../../lib/hooks/useScrollDetection/useScrollDetection.js";import{useScrollEffect as s}from"../../lib/hooks/useScrollEffect/useScrollEffect.js";import{useSwipeDown as l}from"../../lib/hooks/useSwipeDown/useSwipeDown.js";import{syncInnerAndForwardedRef as n}from"../../lib/utils/refs/syncRefs.js";import{Portal as a}from"../portal/portal.js";import{ModalStandAlone as i}from"./modalStandAlone.js";import{forwardRef as c,useCallback as m,useRef as d}from"react";import{jsx as p}from"react/jsx-runtime";const u=c(({additionalClasses:c,disableFocusableContent:u=!1,onClose:f,popover:b,portalId:h,variant:S,...C},j)=>{const v=e({additionalClassNames:c,component:"MODAL",variant:S}),y=r(),D=d(null),{scrollableRef:w,shadowRef:R}=s({shadowStyles:"none"}),{handleContentVisibility:k}=o({}),{setDragIconRef:I,setPopoverRef:g}=l({handleClose:f}),{handleScrollDetection:q,hasScroll:M}=t({autoFocus:!u}),N=m(e=>{D.current=e,n({forwardedRef:j,innerRef:D});const o=D.current?.querySelector("[data-modal-header]"),r=D.current?.querySelector("[data-modal-content]"),t=D.current?.querySelector("[data-modal-draggable-icon]");R(o),k({container:D.current,content:r}),w(r),q(r),t&&I(t)},[]),V=/* @__PURE__ */p(i,{...C,ref:N,contentHasScroll:M,cssClasses:v,device:y,popover:{...b,popoverContainerRef:g},onPopoverCloseInternally:()=>{f?.()}});return h?/* @__PURE__ */p(a,{wrapperId:h,children:V}):V});export{u as ModalControlled};

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{processTextProp as e}from"../../lib/utils/process/processCommonProp.js";import{Overlay as o}from"../../lib/components/overlay/overlay.js";import{Popover as t}from"../popover/popover.js";import{ModalHeader as l}from"./fragments/modalHeader.js";import{onlyDesktopSize as i}from"./utils/onlyDesktopSize.js";import{forwardRef as a,useId as r}from"react";import{jsx as s,jsxs as n}from"react/jsx-runtime";const d=a(({blocked:a,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-${r().replace(/:/g,"")}`,w=H??P,z=`modal-title-${r().replace(/:/g,"")}`,E=e($).id??z,K=B["data-testid"]||"modal";/* @__PURE__ */
+return s(t,{"aria-labelledby":E,"aria-modal":N,component:"div",disableClickOverlayClose:a,disableEscapeClose:a,disableTrapFocus:!1,id:w,open:N,overlay:/* @__PURE__ */s(o,{}),role:"dialog",strategy:"fixed",onClose:A,...S,children:/* @__PURE__ */n("div",{ref:F,className:h?.modal,"data-testid":K,style:{maxHeight:x,maxWidth:I,minHeight:g?W:i(f,W),minWidth:y?k:i(f,k)},children:[
+/* @__PURE__ */s(l,{blocked:a,closeButton:d,closeIcon:c,cssClasses:h,device:f,dragIcon:C,title:$,titleIdFinal:E}),
+/* @__PURE__ */s("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__ */s("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 n,useState as r,useEffect as t}from"react";import{isKeyEscapePressed as e}from"../../lib/utils/keyboard/keyboard.js";import{ModalControlled as l}from"./modalControlled.js";const s=n(({closeButton:n,closeIcon:s,onClose:c,open:i,popover:a,variant:p,...m},k)=>{const[u,C]=r(i);t(()=>{C(i)},[i]);const d=()=>{C(!1),c?.()};/* @__PURE__ */
-return o.jsx(l,{...m,ref:k,closeButton:n&&{...n,onClick:o=>{d(),n?.onClick?.(o)}},closeIcon:{...s,onClick:o=>{d(),s?.onClick?.(o)}},open:u,popover:{...a},variant:p,onClose:c,onKeyDown:o=>m?.blocked&&e(o.key)?o.stopPropagation():null})});export{s as Modal,s as ModalUnControlled};
+import{processIconProp as o}from"../../lib/utils/process/processCommonProp.js";import{ESCAPE as r}from"../../lib/constants/keyboardKeys/keyboardKeys.js";import{isKeyPressed as e}from"../../lib/utils/keyboard/keyboard.js";import{ModalControlled as n}from"./modalControlled.js";import{forwardRef as t,useEffect as s,useState as l}from"react";import{jsx as c}from"react/jsx-runtime";const i=t(({closeButton:t,closeIcon:i,onClose:p,open:m,popover:a,variant:k,...y},b)=>{const[C,d]=l(m);s(()=>{d(m)},[m]);const f=()=>{d(!1),p?.()};/* @__PURE__ */
+return c(n,{...y,ref:b,closeButton:t&&{...t,onClick:o=>{f(),t?.onClick?.(o)}},closeIcon:{...o(i),onClick:r=>{f(),o(i)?.onClick?.(r)}},open:C,popover:{...a},variant:k,onClose:p,onKeyDown:o=>y?.blocked&&e(o.key,...r.key)?o.stopPropagation():null})});export{i as ModalUnControlled};

package/dist/esm/components/modal/utils/onlyDesktopSize.js

@@ -1 +1 @@
-import{DeviceBreakpointsTypeUtils as o}from"../../../lib/types/breakpoints/breakpoints.js";const s=(s,t)=>o.isDesktopOrLargeDesktop(s)?t:void 0;export{s as onlyDesktopSize};
+import{DeviceBreakpointsTypeUtils as o}from"../../../lib/types/breakpoints/breakpoints.js";const s=(s,t)=>o.isDesktopOrLargeDesktop(s)?t:void 0;export{s as onlyDesktopSize};

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

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

@@ -1 +1 @@
-import{STATES as e}from"../../../lib/types/states/states.js";const E=(E,t,L,s,o,i)=>E?e.DISABLED:t?e.FOCUS:L?s?o?e.MULTIPLE_SELECTED_HOVER:e.MULTIPLE_SELECTED:o?e.SELECTED_HOVER:e.SELECTED:o?e.HOVER:i?e.FILLING:e.DEFAULT,t=(e,E)=>{let t=0,L=0;if(E){const s=e.toLocaleLowerCase(),o=E.toLocaleLowerCase();s.includes(o)&&(t=s.indexOf(o),L=t+E.length)}return{firstHighlightedIndex:t,lastHighlightedIndex:L}};export{t as getHighlightedIndexes,E as getState};
+import{STATES as e}from"../../../lib/types/states/states.js";var E=(E,t,L,s,o,i)=>E?e.DISABLED:t?e.FOCUS:L?s?o?e.MULTIPLE_SELECTED_HOVER:e.MULTIPLE_SELECTED:o?e.SELECTED_HOVER:e.SELECTED:o?e.HOVER:i?e.FILLING:e.DEFAULT;const t=(e,E)=>{let t=0,L=0;if(E){const s=e.toLocaleLowerCase(),o=E.toLocaleLowerCase();s.includes(o)&&(t=s.indexOf(o),L=t+E.length)}return{firstHighlightedIndex:t,lastHighlightedIndex:L}};export{t as getHighlightedIndexes,E as getState};