@kubit-ui-web/react-components 2.0.0-beta.10 → 2.0.0-beta.12

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

@@ -1 +1 @@
-import{j as s}from"../../../_virtual/jsx-runtime.js";import{Text as t}from"../../text/text.js";import{processText as e}from"../../../lib/utils/process/processText/processText.js";const o=({cssClasses:o,customAttributtes:r,helpMessage:i,id:m})=>/* @__PURE__ */s.jsx(t,{additionalClasses:{text:o?.helpmessage},component:"small",customAttributes:r,id:m,...e(i)});export{o as HelpMessageStandAlone};
+import{j as s}from"../../../_virtual/jsx-runtime.js";import{Text as t}from"../../text/text.js";import{processTextProp as e}from"../../../lib/utils/process/processCommonProp.js";const o=({cssClasses:o,customAttributtes:m,helpMessage:r,id:i})=>/* @__PURE__ */s.jsx(t,{additionalClasses:{text:o?.helpmessage},component:"small",customAttributes:m,id:i,...e(r)});export{o as HelpMessageStandAlone};

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

@@ -1 +1 @@
-import{j as t}from"../../../_virtual/jsx-runtime.js";import{Text as s}from"../../text/text.js";import{processText as e}from"../../../lib/utils/process/processText/processText.js";const i=({cssClasses:i,customAttributtes:o,title:r})=>r?/* @__PURE__ */t.jsx("div",{className:i?.titlecontainer,...o,children:/* @__PURE__ */t.jsx(s,{additionalClasses:{text:i?.title},customAttributes:o,...e(r),component:e(r).component??"p",children:e(r).children})}):null;export{i as TitleStandAlone};
+import{j as t}from"../../../_virtual/jsx-runtime.js";import{Text as s}from"../../text/text.js";import{processTextProp as e}from"../../../lib/utils/process/processCommonProp.js";const o=({cssClasses:o,customAttributtes:i,title:r})=>r?/* @__PURE__ */t.jsx("div",{className:o?.titlecontainer,...i,children:/* @__PURE__ */t.jsx(s,{additionalClasses:{text:o?.title},customAttributes:i,...e(r),component:e(r).component??"p",children:e(r).children})}):null;export{o as TitleStandAlone};

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

@@ -1,11 +1,11 @@
-import{j as e}from"../../_virtual/jsx-runtime.js";import{forwardRef as t,useId as s}from"react";import{LabelStandAlone as r}from"../label/labelStandAlone.js";import{STATES as a}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";import{ErrorStandAlone as l}from"./components/errorStandAlone.js";import{HelpMessageStandAlone as n}from"./components/helpMessageStandAlone.js";import{TextCount as c}from"./components/textCount/textCount.js";import{TitleStandAlone as d}from"./components/titleStandAlone.js";import{buildAriaDescribedBy as m}from"./utils/aria.utils.js";const u=t(({additionalInfo:t,counterVariant:u,cssClasses:x,errorAriaLiveType:p="assertive",errorIcon:h,errorMessage:j,height:b,helpMessage:g,id:C,label:f,labelInsideTextArea:A,maxLength:v,onBlur:I,onChange:T,onFocus:y,placeholder:E,required:L,screenReaderTextCount:M,spellCheck:k,state:B,title:D,value:N,...S},_)=>{const q=`textarea-${s().replace(/:/g,"")}`,$=C??q,F=`${$}HelpText`,H=`${$}Error`,R=`${$}TextCount`,w=o({"data-state":B}),K=[a.DISABLED_EMPTY,a.DISABLED_FILLED].includes(B);/* @__PURE__ */
-return e.jsxs("div",{ref:_,className:x?.text_area,"data-testid":"text-area",...w,...o(S),children:[
-/* @__PURE__ */e.jsx(d,{cssClasses:x,customAttributtes:w,title:D}),
-/* @__PURE__ */e.jsxs("div",{className:x?.labeltextareacontainer,role:"button",style:{height:A?b:void 0},tabIndex:0,onClick:()=>document.getElementById($)?.focus(),onKeyDown:e=>{"Enter"===e.key&&document.getElementById($)?.focus()},children:[
-/* @__PURE__ */e.jsxs("div",{className:x?.labelandadditionalinfocontainer,children:[
-/* @__PURE__ */e.jsx(r,{asteriskCssClasses:x?.required,customAttributes:w,inputId:$,required:L,textCssClasses:x?.label,...i(f),children:i(f).children}),t]}),
-/* @__PURE__ */e.jsx("textarea",{"aria-describedby":m({errorMessage:i(j).children,helpMessage:i(g).children,state:B,textAreaErrorId:H,textAreaHelpTextId:F}),className:x?.textarea,disabled:K,id:$,maxLength:v,placeholder:E,required:L,spellCheck:k,style:{height:b||void 0},value:N,onBlur:I,onChange:T,onFocus:y,...w,children:N})]}),
-/* @__PURE__ */e.jsxs("div",{className:x?.bottomcontainer,...w,children:[
-/* @__PURE__ */e.jsxs("div",{className:x?.helpmessageerrorcontainer,...w,children:[
-/* @__PURE__ */e.jsx(l,{cssClasses:x,customAttributtes:w,errorAriaLiveType:p,errorIcon:h,errorMessage:j,id:H,state:B}),
-/* @__PURE__ */e.jsx(n,{cssClasses:x,customAttributtes:w,helpMessage:g,id:F})]}),!!u&&/* @__PURE__ */e.jsx(c,{additionalClasses:{letftext:x?.counterleft,righttext:x?.counterright,text_count:x?.counter},currentCharacters:N?.length??0,id:R,maxLength:v,screenReaderText:M,variant:u})]})]})});export{u as TextAreaStandAlone};
+import{j as e}from"../../_virtual/jsx-runtime.js";import{forwardRef as t,useId as s}from"react";import{LabelStandAlone as r}from"../label/labelStandAlone.js";import{STATES as a}from"../../lib/types/states/states.js";import{pickCustomAttributes as o}from"../../lib/utils/pickCustomAttributes/pickCustomAttributes.js";import{processTextProp as i}from"../../lib/utils/process/processCommonProp.js";import{ErrorStandAlone as l}from"./components/errorStandAlone.js";import{HelpMessageStandAlone as n}from"./components/helpMessageStandAlone.js";import{TextCount as c}from"./components/textCount/textCount.js";import{TitleStandAlone as d}from"./components/titleStandAlone.js";import{buildAriaDescribedBy as m}from"./utils/aria.utils.js";const u=t(({additionalInfo:t,counterVariant:u,cssClasses:p,errorAriaLiveType:x="assertive",errorIcon:h,errorMessage:j,height:b,helpMessage:g,id:C,label:f,labelInsideTextArea:A,maxLength:v,onBlur:I,onChange:y,onFocus:E,placeholder:L,required:T,screenReaderTextCount:M,spellCheck:k,state:B,title:D,value:N,...S},_)=>{const q=`textarea-${s().replace(/:/g,"")}`,$=C??q,F=`${$}HelpText`,H=`${$}Error`,P=`${$}TextCount`,R=o({"data-state":B}),w=[a.DISABLED_EMPTY,a.DISABLED_FILLED].includes(B);/* @__PURE__ */
+return e.jsxs("div",{ref:_,className:p?.text_area,"data-testid":"text-area",...R,...o(S),children:[
+/* @__PURE__ */e.jsx(d,{cssClasses:p,customAttributtes:R,title:D}),
+/* @__PURE__ */e.jsxs("div",{className:p?.labeltextareacontainer,role:"button",style:{height:A?b:void 0},tabIndex:0,onClick:()=>document.getElementById($)?.focus(),onKeyDown:e=>{"Enter"===e.key&&document.getElementById($)?.focus()},children:[
+/* @__PURE__ */e.jsxs("div",{className:p?.labelandadditionalinfocontainer,children:[
+/* @__PURE__ */e.jsx(r,{asteriskCssClasses:p?.required,customAttributes:R,inputId:$,required:T,textCssClasses:p?.label,...i(f),children:i(f).children}),t]}),
+/* @__PURE__ */e.jsx("textarea",{"aria-describedby":m({errorMessage:i(j).children,helpMessage:i(g).children,state:B,textAreaErrorId:H,textAreaHelpTextId:F}),className:p?.textarea,disabled:w,id:$,maxLength:v,placeholder:L,required:T,spellCheck:k,style:{height:b||void 0},value:N,onBlur:I,onChange:y,onFocus:E,...R,children:N})]}),
+/* @__PURE__ */e.jsxs("div",{className:p?.bottomcontainer,...R,children:[
+/* @__PURE__ */e.jsxs("div",{className:p?.helpmessageerrorcontainer,...R,children:[
+/* @__PURE__ */e.jsx(l,{cssClasses:p,customAttributtes:R,errorAriaLiveType:x,errorIcon:h,errorMessage:j,id:H,state:B}),
+/* @__PURE__ */e.jsx(n,{cssClasses:p,customAttributtes:R,helpMessage:g,id:F})]}),!!u&&/* @__PURE__ */e.jsx(c,{additionalClasses:{letftext:p?.counterleft,righttext:p?.counterright,text_count:p?.counter},currentCharacters:N?.length??0,id:P,maxLength:v,screenReaderText:M,variant:u})]})]})});export{u as TextAreaStandAlone};

package/dist/esm/components/toggle/toggleStandAlone.js

@@ -1,4 +1,4 @@
-import{j as e}from"../../_virtual/jsx-runtime.js";import{forwardRef as o,useRef as t,useImperativeHandle as s}from"react";import{CustomComponent as a}from"../../lib/components/customComponent/customComponent.js";import{ElementOrIcon as n}from"../../lib/components/elementOrIcon/elementOrIcon.js";import{pickCustomAttributes as i}from"../../lib/utils/pickCustomAttributes/pickCustomAttributes.js";import{processIcon as r}from"../../lib/utils/process/processIcon/processIcon.js";import{buildComponentProps as c}from"./utils/buildComponentProps.js";import{useToggleTransform as l}from"./utils/thumbTransformCalculations.js";const d=({checked:o=!1,component:d="button",cssClasses:m,dataTestId:u="toggle",disabled:b=!1,id:p,leftIcon:f,name:j,onBlur:h,onClick:v,onFocus:y,onKeyDown:k,onMouseEnter:x,onMouseLeave:C,rightIcon:I,tabIndex:N,value:g,...w},M)=>{const A=o&&!!I,T=!o&&!!f,B="button"!==d,D=t(null),E=t(null),{transform:F}=l({checked:o,thumbRef:E,trackRef:D});s(M,()=>D.current,[]);const K=i(w),L=c({"aria-describedby":w["aria-describedby"],"aria-label":w["aria-label"],"aria-labelledby":w["aria-labelledby"],checked:o,decorative:B,disabled:b,id:p,name:j,onBlur:h,onClick:v,onFocus:y,onKeyDown:k,onMouseEnter:x,onMouseLeave:C,tabIndex:N,value:g});/* @__PURE__ */
-return e.jsx(a,{...K,...L,ref:D,className:m?.track,component:d,"data-checked":!!o||void 0,"data-disabled":!!b||void 0,"data-testid":u,children:/* @__PURE__ */e.jsxs("span",{ref:E,className:m?.thumb,"data-checked":!!o||void 0,"data-disabled":!!b||void 0,style:{transform:F},children:[
-/* @__PURE__ */e.jsx("div",{className:m?.iconwrapper,"data-testid":`${u}-right-icon`,style:{opacity:A?1:0},children:/* @__PURE__ */e.jsx(n,{className:m?.icon,"data-disabled":!!b||void 0,...r(I)})}),
-/* @__PURE__ */e.jsx("div",{className:m?.iconwrapper,"data-testid":`${u}-left-icon`,style:{opacity:T?1:0},children:/* @__PURE__ */e.jsx(n,{className:m?.icon,"data-disabled":!!b||void 0,...r(f)})})]})})};d.displayName="ToggleStandAlone";const m=o(d);export{m as ToggleStandalone};
+import{j as e}from"../../_virtual/jsx-runtime.js";import{forwardRef as o,useRef as t,useImperativeHandle as a}from"react";import{CustomComponent as s}from"../../lib/components/customComponent/customComponent.js";import{ElementOrIcon as i}from"../../lib/components/elementOrIcon/elementOrIcon.js";import{pickCustomAttributes as n}from"../../lib/utils/pickCustomAttributes/pickCustomAttributes.js";import{processIconProp as r}from"../../lib/utils/process/processCommonProp.js";import{buildComponentProps as l}from"./utils/buildComponentProps.js";import{useToggleTransform as c}from"./utils/thumbTransformCalculations.js";const d=({checked:o=!1,component:d="button",cssClasses:m,dataTestId:u="toggle",disabled:b=!1,id:p,leftIcon:f,name:j,onBlur:h,onClick:v,onFocus:y,onKeyDown:k,onMouseEnter:x,onMouseLeave:C,rightIcon:I,tabIndex:N,value:g,...w},M)=>{const A=o&&!!I,T=!o&&!!f,B="button"!==d,D=t(null),E=t(null),{transform:F}=c({checked:o,thumbRef:E,trackRef:D});a(M,()=>D.current,[]);const K=n(w),L=l({"aria-describedby":w["aria-describedby"],"aria-label":w["aria-label"],"aria-labelledby":w["aria-labelledby"],checked:o,decorative:B,disabled:b,id:p,name:j,onBlur:h,onClick:v,onFocus:y,onKeyDown:k,onMouseEnter:x,onMouseLeave:C,tabIndex:N,value:g});/* @__PURE__ */
+return e.jsx(s,{...K,...L,ref:D,className:m?.track,component:d,"data-checked":!!o||void 0,"data-disabled":!!b||void 0,"data-testid":u,children:/* @__PURE__ */e.jsxs("span",{ref:E,className:m?.thumb,"data-checked":!!o||void 0,"data-disabled":!!b||void 0,style:{transform:F},children:[
+/* @__PURE__ */e.jsx("div",{className:m?.iconwrapper,"data-testid":`${u}-right-icon`,style:{opacity:A?1:0},children:/* @__PURE__ */e.jsx(i,{className:m?.icon,"data-disabled":!!b||void 0,...r(I)})}),
+/* @__PURE__ */e.jsx("div",{className:m?.iconwrapper,"data-testid":`${u}-left-icon`,style:{opacity:T?1:0},children:/* @__PURE__ */e.jsx(i,{className:m?.icon,"data-disabled":!!b||void 0,...r(f)})})]})})};d.displayName="ToggleStandAlone";const m=o(d);export{m as ToggleStandalone};

package/dist/esm/components/tooltip/tooltipControlled.js

@@ -1 +1 @@
-import{j as o}from"../../_virtual/jsx-runtime.js";import{useRef as t,useImperativeHandle as s}from"react";import{useClassName as l}from"../../lib/hooks/useClassName/useClassName.js";import{useMediaDevice as e}from"../../lib/hooks/useMediaDevice/useMediaDevice.js";import{useScrollDetectionWithAutoFocus as i}from"../../lib/hooks/useScrollDetectionWithAutoFocus/useScrollDetectionWithAutoFocus.js";import{useTooltipAsModal as a}from"./hooks/useTooltipAsModal.js";import{useTooltipAsModalAriaLabel as r}from"./hooks/useTooltipAsModalAriaLabel.js";import{TooltipStandAlone as p}from"./tooltipStandAlone.js";const n=({additionalClasses:n,tooltipAriaLabel:m,tooltipAsModal:c,tooltipAsModal:d=!1,tooltipRef:u,variant:A,...f})=>{const M=l({additionalClassNames:n,component:"TOOLTIP",variant:A}),j=e(),h=t(null),T=r(h),b=a({propTooltipAsModal:c,styleTooltipAsModal:d}),{handleScrollDetection:v,hasScroll:D}=i({parentElementRef:h});return s(u,()=>h.current,[]),/* @__PURE__ */o.jsx(p,{...f,contentHasScroll:D,contentRef:v,cssClasses:M,mediaDevice:j,tooltipAriaLabel:m??T,tooltipAsModal:a({propTooltipAsModal:b,styleTooltipAsModal:d}),tooltipRef:h})};export{n as TooltipControlled};
+import{j as o}from"../../_virtual/jsx-runtime.js";import{useRef as t,useImperativeHandle as s}from"react";import{useClassName as l}from"../../lib/hooks/useClassName/useClassName.js";import{useMediaDevice as e}from"../../lib/hooks/useMediaDevice/useMediaDevice.js";import{useScrollDetection as i}from"../../lib/hooks/useScrollDetection/useScrollDetection.js";import{useTooltipAsModal as a}from"./hooks/useTooltipAsModal.js";import{useTooltipAsModalAriaLabel as r}from"./hooks/useTooltipAsModalAriaLabel.js";import{TooltipStandAlone as p}from"./tooltipStandAlone.js";const m=({additionalClasses:m,tooltipAriaLabel:n,tooltipAsModal:c,tooltipAsModal:d=!1,tooltipRef:u,variant:A,...f})=>{const M=l({additionalClassNames:m,component:"TOOLTIP",variant:A}),j=e(),T=t(null),h=r(T),b=a({propTooltipAsModal:c,styleTooltipAsModal:d}),{handleScrollDetection:v,hasScroll:D}=i({autoFocus:!0});return s(u,()=>T.current,[]),/* @__PURE__ */o.jsx(p,{...f,contentHasScroll:D,contentRef:v,cssClasses:M,mediaDevice:j,tooltipAriaLabel:n??h,tooltipAsModal:a({propTooltipAsModal:b,styleTooltipAsModal:d}),tooltipRef:T})};export{m as TooltipControlled};

package/dist/esm/components/tooltip/tooltipStandAlone.js

@@ -1,8 +1,8 @@
-import{j as o}from"../../_virtual/jsx-runtime.js";/* empty css           */import{useId as e}from"react";import{Text as t}from"../text/text.js";import{ElementOrIcon as i}from"../../lib/components/elementOrIcon/elementOrIcon.js";import{useActiveBreakpoints as s}from"../../lib/hooks/useMediaDevice/useActiveBreakpoints.js";import{POSITIONS as l}from"../../lib/types/positions/positions.js";import{classNames as r}from"../../lib/utils/classNames/classNames.js";import{pickCustomAttributes as n}from"../../lib/utils/pickCustomAttributes/pickCustomAttributes.js";import{processIcon as a}from"../../lib/utils/process/processIcon/processIcon.js";import{processText as c}from"../../lib/utils/process/processText/processText.js";import{IconHost as d}from"../icon/iconHost.js";import{Popover as p}from"../popover/popover.js";import{TooltipTrigger as m}from"./components/tooltipTrigger.js";import{getAriaDescriptorsBy as b}from"./utils/tooltip.utils.js";const v=({align:v,children:h,childrenAsButton:j=!0,closeIcon:u,content:x,contentHasScroll:g,contentRef:f,contentScrollArias:C,cssClasses:y,disabled:k,dragIcon:N,dragIconRef:T,labelRef:I,mediaDevice:A,onCloseIconClick:w,onPopoverCloseInternally:D,onTooltipFocus:_,onTooltipKeyDown:B,onTriggerClick:M,onTriggerKeyDown:$,onTriggerMouseDown:F,onTriggerMouseUp:O,popover:K,popoverOpen:R,title:H,tooltipAriaLabel:P,tooltipAsModal:S,tooltipRef:U,triggerAsButton:z,...E})=>{const L=E["data-testid"]||"tooltip",q=n(E),G=`tooltip-${e().replace(/:/g,"")}`,J=`${G}-title`,Q=`${G}-content`,V=c(x),W=c(H),X="string"==typeof V.children,{isDesktop:Y,isMobile:Z,isTablet:oo}=s(),eo=Y||oo;if(k)/* @__PURE__ */
-return o.jsx("div",{className:"kbt-tooltip","data-testid":L,children:/* @__PURE__ */o.jsx(m,{childrenAsButton:j,disabled:!0,children:h})});const to=b({contentId:Q,hasContent:!!x,hasTitle:!!W.children,titleId:J}),io={"data-align":v||l.TOP},so=n(io),lo=/* @__PURE__ */o.jsxs("div",{ref:U,"aria-label":eo?P:void 0,"aria-labelledby":eo?b({hasTitle:!!W.children,titleId:J}):void 0,"aria-modal":!(!eo||!S)||void 0,className:r("kbt-tooltip__external-container",y?.tooltipexternalcontainer),"data-testid":`${L}-content`,id:G,role:eo?S?"dialog":"tooltip":void 0,...eo&&{onFocus:_,onKeyDown:B},...q,children:[
-/* @__PURE__ */o.jsxs("div",{className:y?.tooltipinternalcontainer,children:[(Z||oo)&&!!N&&/* @__PURE__ */o.jsx("div",{ref:T,className:y?.dragiconcontainer,"data-testid":`${L}-drag`,children:/* @__PURE__ */o.jsx(i,{className:y?.dragicon,...N})}),
-/* @__PURE__ */o.jsxs("div",{className:r(y?.title,y?.headercontainer),style:(ro=!!W.children,no=!!u?.icon,ro&&no?{justifyContent:"space-between"}:ro?{justifyContent:"flex-end"}:no?{justifyContent:"flex-start"}:{display:"none"}),children:[a(u).icon&&/* @__PURE__ */o.jsx("div",{className:y?.closebuttoncontainer,children:/* @__PURE__ */o.jsx(d,{...a(u),className:y?.closebuttonicon,icon:a(u).icon,onClick:w})}),!!W.children&&/* @__PURE__ */o.jsx("div",{className:"kbt-tooltip__title",id:J,children:/* @__PURE__ */o.jsx(t,{additionalClasses:{text:y?.title},component:"h2",...W,children:W.children})})]}),
-/* @__PURE__ */o.jsx("div",{ref:f,"aria-label":g?C?.["aria-label"]:void 0,"aria-labelledby":g?C?.["aria-labelledby"]:void 0,className:"kbt-tooltip__inner-content",role:g?"region":void 0,...g&&{tabIndex:0},children:!!x&&/* @__PURE__ */o.jsx("div",{className:r("kbt-tooltip__paragraph",y?.paragraphcontainer,{[`${y?.divider}`]:!!W.children}),id:Q,children:X?/* @__PURE__ */o.jsx(t,{additionalClasses:{text:y?.paragraph},...V}):V.children})})]}),
+import{j as o}from"../../_virtual/jsx-runtime.js";/* empty css           */import{useId as e}from"react";import{Text as t}from"../text/text.js";import{ElementOrIcon as i}from"../../lib/components/elementOrIcon/elementOrIcon.js";import{useActiveBreakpoints as s}from"../../lib/hooks/useMediaDevice/useActiveBreakpoints.js";import{POSITIONS as l}from"../../lib/types/positions/positions.js";import{classNames as r}from"../../lib/utils/classNames/classNames.js";import{pickCustomAttributes as n}from"../../lib/utils/pickCustomAttributes/pickCustomAttributes.js";import{processTextProp as a,processIconProp as c}from"../../lib/utils/process/processCommonProp.js";import{IconHost as d}from"../icon/iconHost.js";import{Popover as p}from"../popover/popover.js";import{TooltipTrigger as m}from"./components/tooltipTrigger.js";import{getAriaDescriptorsBy as b}from"./utils/tooltip.utils.js";const v=({align:v,children:h,childrenAsButton:j=!0,closeIcon:u,content:g,contentHasScroll:x,contentRef:f,contentScrollArias:C,cssClasses:y,disabled:k,dragIcon:N,dragIconRef:A,labelRef:T,mediaDevice:w,onCloseIconClick:I,onPopoverCloseInternally:D,onTooltipFocus:_,onTooltipKeyDown:B,onTriggerClick:M,onTriggerKeyDown:$,onTriggerMouseDown:F,onTriggerMouseUp:O,popover:K,popoverOpen:R,title:P,tooltipAriaLabel:H,tooltipAsModal:S,tooltipRef:U,triggerAsButton:z,...E})=>{const L=E["data-testid"]||"tooltip",q=n(E),G=`tooltip-${e().replace(/:/g,"")}`,J=`${G}-title`,Q=`${G}-content`,V=a(g),W=a(P),X="string"==typeof V.children,{isDesktop:Y,isMobile:Z,isTablet:oo}=s(),eo=Y||oo;if(k)/* @__PURE__ */
+return o.jsx("div",{className:"kbt-tooltip","data-testid":L,children:/* @__PURE__ */o.jsx(m,{childrenAsButton:j,disabled:!0,children:h})});const to=b({contentId:Q,hasContent:!!g,hasTitle:!!W.children,titleId:J}),io={"data-align":v||l.TOP},so=n(io),lo=/* @__PURE__ */o.jsxs("div",{ref:U,"aria-label":eo?H:void 0,"aria-labelledby":eo?b({hasTitle:!!W.children,titleId:J}):void 0,"aria-modal":!(!eo||!S)||void 0,className:r("kbt-tooltip__external-container",y?.tooltipexternalcontainer),"data-testid":`${L}-content`,id:G,role:eo?S?"dialog":"tooltip":void 0,...eo&&{onFocus:_,onKeyDown:B},...q,children:[
+/* @__PURE__ */o.jsxs("div",{className:y?.tooltipinternalcontainer,children:[(Z||oo)&&!!N&&/* @__PURE__ */o.jsx("div",{ref:A,className:y?.dragiconcontainer,"data-testid":`${L}-drag`,children:/* @__PURE__ */o.jsx(i,{className:y?.dragicon,...N})}),
+/* @__PURE__ */o.jsxs("div",{className:r(y?.title,y?.headercontainer),style:(ro=!!W.children,no=!!u?.icon,ro&&no?{justifyContent:"space-between"}:ro?{justifyContent:"flex-end"}:no?{justifyContent:"flex-start"}:{display:"none"}),children:[c(u).icon&&/* @__PURE__ */o.jsx("div",{className:y?.closebuttoncontainer,children:/* @__PURE__ */o.jsx(d,{...c(u),className:y?.closebuttonicon,icon:c(u).icon,onClick:I})}),!!W.children&&/* @__PURE__ */o.jsx("div",{className:"kbt-tooltip__title",id:J,children:/* @__PURE__ */o.jsx(t,{additionalClasses:{text:y?.title},component:"h2",...W,children:W.children})})]}),
+/* @__PURE__ */o.jsx("div",{ref:f,"aria-label":x?C?.["aria-label"]:void 0,"aria-labelledby":x?C?.["aria-labelledby"]:void 0,className:"kbt-tooltip__inner-content",role:x?"region":void 0,...x&&{tabIndex:0},children:!!g&&/* @__PURE__ */o.jsx("div",{className:r("kbt-tooltip__paragraph",y?.paragraphcontainer,{[`${y?.divider}`]:!!W.children}),id:Q,children:X?/* @__PURE__ */o.jsx(t,{additionalClasses:{text:y?.paragraph},...V}):V.children})})]}),
 /* @__PURE__ */o.jsx("div",{...so,className:r("kbt-tooltip__arrow",y?.arrowsize,y?.tooltipalignstyles,y?.arrowcontainer),children:/* @__PURE__ */o.jsx("div",{className:y?.arrow})})]});var ro,no;/* @__PURE__ */
-return o.jsxs("div",{ref:I,className:"kbt-tooltip","data-testid":L,children:[
-/* @__PURE__ */o.jsx(m,{ariaDescribedBy:S||!eo&&!R?void 0:to,childrenAsButton:j,triggerAsButton:z,onClick:M,onKeyDown:$,onMouseDown:F,onMouseUp:O,children:h}),eo?lo:/* @__PURE__ */o.jsx(p,{additionalClasses:y?.popover?{arrow:"",popover:y.popover.popover||""}:void 0,"aria-label":K?.["aria-label"]||P,"aria-labelledby":b({hasTitle:!!W.children,titleId:J}),"aria-modal":S||void 0,component:"div",disableAutoFocusFirstDescendantAfterClose:!0,disableTrapFocus:!1,open:R,preventCloseOnClickElements:[I?.current],role:S?"dialog":"tooltip",strategy:"absolute",onClose:D,...K,children:lo})]})};export{v as TooltipStandAlone};
+return o.jsxs("div",{ref:T,className:"kbt-tooltip","data-testid":L,children:[
+/* @__PURE__ */o.jsx(m,{ariaDescribedBy:S||!eo&&!R?void 0:to,childrenAsButton:j,triggerAsButton:z,onClick:M,onKeyDown:$,onMouseDown:F,onMouseUp:O,children:h}),eo?lo:/* @__PURE__ */o.jsx(p,{additionalClasses:y?.popover?{arrow:"",popover:y.popover.popover||""}:void 0,"aria-label":K?.["aria-label"]||H,"aria-labelledby":b({hasTitle:!!W.children,titleId:J}),"aria-modal":S||void 0,component:"div",disableAutoFocusFirstDescendantAfterClose:!0,disableTrapFocus:!1,open:R,preventCloseOnClickElements:[T?.current],role:S?"dialog":"tooltip",strategy:"absolute",onClose:D,...K,children:lo})]})};export{v as TooltipStandAlone};

package/dist/esm/components/tooltip/tooltipUnControlled.js

@@ -1 +1 @@
-import{j as o}from"../../_virtual/jsx-runtime.js";import{forwardRef as e,useRef as t,useImperativeHandle as r}from"react";import{useClassName as s}from"../../lib/hooks/useClassName/useClassName.js";import{useActiveBreakpoints as i}from"../../lib/hooks/useMediaDevice/useActiveBreakpoints.js";import{useScrollDetectionWithAutoFocus as l}from"../../lib/hooks/useScrollDetectionWithAutoFocus/useScrollDetectionWithAutoFocus.js";import{useSwipeDown as n}from"../../lib/hooks/useSwipeDown/useSwipeDown.js";import{useTrapFocus as a}from"../../lib/hooks/useTrapFocus/useTrapFocus.js";import{isKeyEnterPressed as p}from"../../lib/utils/keyboard/keyboard.js";import{useTooltip as c}from"./hooks/useTooltip.js";import{useTooltipAsModal as u}from"./hooks/useTooltipAsModal.js";import{TooltipStandAlone as m}from"./tooltipStandAlone.js";const f=e(function({additionalClasses:e,align:f,closeIcon:d,onOpenClose:v,popover:T,tooltipAriaLabel:g,tooltipAsModal:k,variant:C,...b},h){const j=s({additionalClassNames:e,component:"TOOLTIP",variant:C}),{device:D,isDesktop:A,isMobile:M,isTablet:R}=i(),w=A||R,F=t(null),S=t(null),y=u({propTooltipAsModal:k,styleTooltipAsModal:k});r(h,()=>F.current);const{allowFocusOpenTooltip:I,hideTooltip:O,open:W,placement:L,showTooltip:P}=c({additionalClasses:e,align:f||"top",labelRef:F,onOpenClose:v,tooltipAsModal:y,tooltipRef:S,variant:C}),{handleScrollDetection:x,hasScroll:N}=l({parentElementRef:S}),B=t(!1),{setDragIconRef:E,setPopoverRef:H}=n(void 0,O);return a({ref:S,trapFocus:W&&y}),/* @__PURE__ */o.jsx(m,{...b,align:L,contentHasScroll:N,contentRef:x,cssClasses:j,dragIconRef:E,labelRef:F,mediaDevice:D,popover:{...T,popoverContainerRef:H},popoverOpen:W,tooltipAriaLabel:g,tooltipAsModal:y,tooltipRef:S,onCloseIconClick:o=>{d?.onClick?.(o),O()},onPopoverCloseInternally:()=>{T?.onClose?.(),O()},onTooltipFocus:o=>{y||(o.preventDefault(),o.stopPropagation())},onTriggerClick:o=>{if(w){if(!y)return;return W?void(S.current?.contains(o.target)||O()):void P()}W?S.current?.contains(o.target)||O():P()},onTriggerKeyDown:o=>{p(o.key)&&!W&&(P(),o.preventDefault())},onTriggerMouseDown:()=>{B.current=!0},onTriggerMouseUp:()=>{B.current=!1},onWrapperBlur:o=>{y||o.currentTarget.contains(o.relatedTarget)||O()},onWrapperFocus:()=>{B.current||y||!I.current||M||P()},onWrapperMouseEnter:()=>{!y&&w&&P()},onWrapperMouseLeave:()=>{!y&&w&&O()}})});export{f as Tooltip,f as TooltipUnControlled};
+import{j as o}from"../../_virtual/jsx-runtime.js";import{forwardRef as e,useRef as t,useImperativeHandle as r}from"react";import{ENTER as s}from"../../lib/constants/keyboardKeys/keyboardKeys.js";import{useClassName as l}from"../../lib/hooks/useClassName/useClassName.js";import{useActiveBreakpoints as i}from"../../lib/hooks/useMediaDevice/useActiveBreakpoints.js";import{useScrollDetection as n}from"../../lib/hooks/useScrollDetection/useScrollDetection.js";import{useSwipeDown as a}from"../../lib/hooks/useSwipeDown/useSwipeDown.js";import{useTrapFocus as p}from"../../lib/hooks/useTrapFocus/useTrapFocus.js";import{isKeyPressed as c}from"../../lib/utils/keyboard/keyboard.js";import{useTooltip as u}from"./hooks/useTooltip.js";import{useTooltipAsModal as m}from"./hooks/useTooltipAsModal.js";import{TooltipStandAlone as f}from"./tooltipStandAlone.js";const d=e(function({additionalClasses:e,align:d,closeIcon:T,onOpenClose:v,popover:g,tooltipAriaLabel:k,tooltipAsModal:b,variant:C,...j},D){const M=l({additionalClassNames:e,component:"TOOLTIP",variant:C}),{device:h,isDesktop:y,isMobile:A,isTablet:R}=i(),w=y||R,S=t(null),F=t(null),I=m({propTooltipAsModal:b,styleTooltipAsModal:b});r(D,()=>S.current);const{allowFocusOpenTooltip:O,hideTooltip:L,open:P,placement:W,showTooltip:x}=u({additionalClasses:e,align:d||"top",labelRef:S,onOpenClose:v,tooltipAsModal:I,tooltipRef:F,variant:C}),{handleScrollDetection:K,hasScroll:N}=n({autoFocus:!0}),B=t(!1),{setDragIconRef:E,setPopoverRef:H}=a({onClose:L});return p({ref:F,trapFocus:P&&I}),/* @__PURE__ */o.jsx(f,{...j,align:W,contentHasScroll:N,contentRef:K,cssClasses:M,dragIconRef:E,labelRef:S,mediaDevice:h,popover:{...g,popoverContainerRef:H},popoverOpen:P,tooltipAriaLabel:k,tooltipAsModal:I,tooltipRef:F,onCloseIconClick:o=>{T?.onClick?.(o),L()},onPopoverCloseInternally:()=>{g?.onClose?.(),L()},onTooltipFocus:o=>{I||(o.preventDefault(),o.stopPropagation())},onTriggerClick:o=>{if(w){if(!I)return;return P?void(F.current?.contains(o.target)||L()):void x()}P?F.current?.contains(o.target)||L():x()},onTriggerKeyDown:o=>{c(o.key,s.key)&&!P&&(x(),o.preventDefault())},onTriggerMouseDown:()=>{B.current=!0},onTriggerMouseUp:()=>{B.current=!1},onWrapperBlur:o=>{I||o.currentTarget.contains(o.relatedTarget)||L()},onWrapperFocus:()=>{B.current||I||!O.current||A||x()},onWrapperMouseEnter:()=>{!I&&w&&x()},onWrapperMouseLeave:()=>{!I&&w&&L()}})});export{d as Tooltip,d as TooltipUnControlled};

package/dist/esm/lib/components/errorMessage/errorMessageStandAlone.js

@@ -1,4 +1,4 @@
-import{j as s}from"../../../_virtual/jsx-runtime.js";import{forwardRef as r}from"react";import{Text as t}from"../../../components/text/text.js";import{ElementOrIcon as e}from"../elementOrIcon/elementOrIcon.js";import{classNames as o}from"../../utils/classNames/classNames.js";import{pickCustomAttributes as m}from"../../utils/pickCustomAttributes/pickCustomAttributes.js";import{processIcon as i}from"../../utils/process/processIcon/processIcon.js";import{processText as c}from"../../utils/process/processText/processText.js";const n=r(({cssClasses:r,icon:n,message:a,...p},l)=>{if(!a)return null;const j=m(p);/* @__PURE__ */
-return s.jsx("div",{ref:l,...j,className:o("kbt-error-message__container",r?.error_message,{"kbt-sr-only":!p.show}),id:p.id,children:p.show&&/* @__PURE__ */s.jsxs(s.Fragment,{children:[
-/* @__PURE__ */s.jsx(e,{className:r?.icon,...i(n)}),
-/* @__PURE__ */s.jsx(t,{additionalClasses:{text:r?.typography},...c(a)})]})})});export{n as ErrorMessageStandAlone};
+import{j as s}from"../../../_virtual/jsx-runtime.js";import{forwardRef as r}from"react";import{Text as t}from"../../../components/text/text.js";import{ElementOrIcon as e}from"../elementOrIcon/elementOrIcon.js";import{classNames as o}from"../../utils/classNames/classNames.js";import{pickCustomAttributes as m}from"../../utils/pickCustomAttributes/pickCustomAttributes.js";import{processIconProp as i,processTextProp as n}from"../../utils/process/processCommonProp.js";const a=r(({cssClasses:r,icon:a,message:c,...l},p)=>{if(!c)return null;const j=m(l);/* @__PURE__ */
+return s.jsx("div",{ref:p,...j,className:o("kbt-error-message__container",r?.error_message,{"kbt-sr-only":!l.show}),id:l.id,children:l.show&&/* @__PURE__ */s.jsxs(s.Fragment,{children:[
+/* @__PURE__ */s.jsx(e,{className:r?.icon,...i(a)}),
+/* @__PURE__ */s.jsx(t,{additionalClasses:{text:r?.typography},...n(c)})]})})});export{a as ErrorMessageStandAlone};

package/dist/esm/lib/hooks/useClickOutside/useClickOutside.js

@@ -1 +1 @@
-import{useEffect as e}from"react";const t=(t,n,r=[])=>{e(()=>{function e(e){const o=e.composedPath(),u=t.current&&o.includes(t.current),c=r.some(e=>e&&o.includes(e));!t.current||u||c||n(e)}return document.addEventListener("mouseup",e),()=>{document.removeEventListener("mouseup",e)}},[t,n,r])};export{t as useClickOutside};
+import{useRef as e,useEffect as t}from"react";const n=(n,r,c=[])=>{const o=e(r);t(()=>{o.current=r},[r]),t(()=>{function e(e){const t=e.composedPath(),r=n.current&&t.includes(n.current),u=c.some(e=>e&&t.includes(e));!n.current||r||u||o.current(e)}return document.addEventListener("mouseup",e,!0),()=>{document.removeEventListener("mouseup",e,!0)}},[n,c])};export{n as useClickOutside};

package/dist/esm/lib/hooks/useContentVisibility/useContentVisibility.js

@@ -1 +1 @@
-import{useRef as e,useCallback as t}from"react";import{ResizeObserver as r}from"../../utils/resizeObserver/resizeObserver.js";import{isContentVisibleEnough as n}from"./utils/contentVisibility.js";const o=({minVisibleHeight:o=100,onContentInvisible:i,onContentVisible:c})=>{const s=e(null),l=e(null),u=e(),b=e(),v=e(void 0),f=t(()=>{const e=s.current,t=l.current;e&&t&&(c?c():(e.style.overflowY="",t.style.overflowY=""))},[c]),m=t(()=>{const e=s.current,t=l.current;e&&t&&(i?i():(e.style.overflowY="auto",t.style.overflowY="visible"))},[i]);return{handleContentVisibility:t(({container:e,content:t})=>{if(s.current=e,l.current=t,e&&t){const i=()=>{const r=n({container:e,content:t,minVisibleHeight:o});r!==v.current&&(r?f():m()),v.current=r};i(),u.current=new r(()=>{i()}),b.current=new r(()=>{i()}),u.current.observe(t),u.current.observe(e)}else u.current?.disconnect(),b.current?.disconnect()},[o,f,m])}};export{o as useContentVisibility};
+import{useRef as e,useCallback as n}from"react";import{isContentVisibleEnough as t}from"./utils/contentVisibility.js";const r=({minVisibleHeight:r=100,onContentInvisible:o,onContentVisible:i})=>{const c=e(null),s=e(null),l=e(),u=e(),b=e(void 0),v=n(()=>{const e=c.current,n=s.current;e&&n&&(i?i():(e.style.overflowY="",n.style.overflowY=""))},[i]),f=n(()=>{const e=c.current,n=s.current;e&&n&&(o?o():(e.style.overflowY="auto",n.style.overflowY="visible"))},[o]);return{handleContentVisibility:n(({container:e,content:n})=>{if(c.current=e,s.current=n,e&&n){const o=()=>{const o=t({container:e,content:n,minVisibleHeight:r});o!==b.current&&(o?v():f()),b.current=o};o(),l.current=new ResizeObserver(()=>{o()}),u.current=new ResizeObserver(()=>{o()}),l.current.observe(n),l.current.observe(e)}else l.current?.disconnect(),u.current?.disconnect()},[r,v,f])}};export{r as useContentVisibility};

package/dist/esm/lib/hooks/useManageState/useManageState.js

@@ -1 +1 @@
-import{useState as e,useRef as n,useImperativeHandle as t,useCallback as r,useMemo as i}from"react";import{STATES as s}from"../../types/states/states.js";const o=({active:o=!1,disabled:d=!1,loading:c=!1,ref:u,states:E})=>{const[a,v]=e(!1),[m,l]=e(!1),L=n(null);t(u,()=>L?.current,[]);const p=()=>{v(!0)},w=()=>{v(!1)},D=()=>{l(!0)},S=()=>{l(!1)},f=()=>{l(!1)};return{setRef:r(e=>{e?(L.current=e,E?.includes(s.PRESSED)&&(L?.current?.addEventListener("pointerdown",D),L?.current?.addEventListener("pointercancel",S),window.addEventListener("pointerup",f)),(()=>{if("undefined"!=typeof window&&window?.matchMedia)return!window.matchMedia("(hover: none)").matches;return!0})()&&E?.includes(s.HOVER)&&(L?.current?.addEventListener("mouseenter",p),L?.current?.addEventListener("mouseleave",w))):(L?.current?.removeEventListener("mouseenter",p),L?.current?.removeEventListener("mouseleave",w),L?.current?.removeEventListener("pointerdown",D),L?.current?.removeEventListener("pointercancel",S),window.removeEventListener("pointerup",f),L.current=e)},[]),states:i(()=>E?.includes(s.LOADING)&&c?s.LOADING:E?.includes(s.DISABLED)&&d?s.DISABLED:E?.includes(s.ACTIVE)&&o?s.ACTIVE:E?.includes(s.PRESSED)&&m?s.PRESSED:E?.includes(s.HOVER)&&a?s.HOVER:s.DEFAULT,[E,d,c,o,a,m])}};export{o as useManageState};
+import{useState as e,useRef as n,useImperativeHandle as t,useCallback as r,useEffect as i,useMemo as o}from"react";import{STATES as s}from"../../types/states/states.js";const c=({active:c=!1,disabled:d=!1,loading:u=!1,ref:v,states:E})=>{const[a,m]=e(!1),[L,l]=e(!1),p=n(null);t(v,()=>p?.current,[]);const w=r(()=>{if("undefined"!=typeof window&&window?.matchMedia){return!window.matchMedia("(hover: none)").matches}return!0},[]),D=r(()=>m(!0),[]),S=r(()=>m(!1),[]),f=r(()=>l(!0),[]),A=r(()=>l(!1),[]),R=r(()=>l(!1),[]),I=r(e=>{p.current&&(p.current.removeEventListener("mouseenter",D),p.current.removeEventListener("mouseleave",S),p.current.removeEventListener("pointerdown",f),p.current.removeEventListener("pointercancel",A),window.removeEventListener("pointerup",R)),p.current=e,e&&(E?.includes(s.PRESSED)&&(e.addEventListener("pointerdown",f),e.addEventListener("pointercancel",A),window.addEventListener("pointerup",R)),w()&&E?.includes(s.HOVER)&&(e.addEventListener("mouseenter",D),e.addEventListener("mouseleave",S)))},[E,D,S,f,A,R,w]);i(()=>()=>{p.current&&(p.current.removeEventListener("mouseenter",D),p.current.removeEventListener("mouseleave",S),p.current.removeEventListener("pointerdown",f),p.current.removeEventListener("pointercancel",A),window.removeEventListener("pointerup",R))},[D,S,f,A,R]);return{setRef:I,states:o(()=>E?.includes(s.LOADING)&&u?s.LOADING:E?.includes(s.DISABLED)&&d?s.DISABLED:E?.includes(s.ACTIVE)&&c?s.ACTIVE:E?.includes(s.PRESSED)&&L?s.PRESSED:E?.includes(s.HOVER)&&a?s.HOVER:s.DEFAULT,[E,d,u,c,a,L])}};export{c as useManageState};

package/dist/esm/lib/hooks/useScrollDetection/useScrollDetection.js

@@ -0,0 +1 @@
+import{useState as r,useRef as e,useCallback as c}from"react";import{hasScroll as o}from"../../utils/scroll/hasScroll.js";const t=({autoFocus:t=!1}={})=>{const[s,n]=r(!1),l=e(),u=e(!1);return{handleScrollDetection:c(r=>{if(r){const e=r=>{const e=o(r);n(e),t&&e&&!u.current&&(r.focus(),u.current=!0)};e(r),l.current=new ResizeObserver(()=>{e(r)}),l.current.observe(r)}else l.current?.disconnect()},[t]),hasScroll:s}};export{t as useScrollDetection};

package/dist/esm/lib/hooks/useScrollEffect/useScrollEffect.js

@@ -1 +1 @@
-import{useRef as r,useCallback as e}from"react";import{scrollPercentage as t}from"./utils/scrollPercentage.js";const c=({conditional:c=!0,scrollCallback:n,shadowStyles:s,shadowVisible:l=1})=>{const u=r(null),o=r(null),a=r(null),i=r(0),p=r(0),d=e(()=>{if(!u.current)return;const r=t(u.current,1.25);if(o.current){const e=r*i.current/100,t=r*p.current/100;[{cssPropertyName:"min-height",cssPropertyValue:`calc(${i.current}px - ${e}px)`},{cssPropertyName:"height",cssPropertyValue:`calc(${i.current}px - ${e}px)`},{cssPropertyName:"min-width",cssPropertyValue:`calc(${p.current}px - ${t}px)`},{cssPropertyName:"width",cssPropertyValue:`calc(${p.current}px - ${t}px)`}].forEach(({cssPropertyName:r,cssPropertyValue:e})=>{o.current?.style.setProperty(r,e)})}a.current&&(r>l?a.current.classList.add(...s.split(" ")):a.current.classList.remove(...s.split(" ")))},[c,s,l]),m=e(r=>{r?(u.current=r,d(),u.current?.addEventListener("scroll",r=>{d(),n?.(r)})):(u.current?.removeEventListener("scroll",r=>{d(),n?.(r)}),u.current=null)},[d,n]);return{resizeRef:e(r=>{const e=()=>{o.current&&(i.current=o.current.clientHeight,p.current=o.current.clientWidth)};r?(o.current=r,o.current?.addEventListener("load",e)):(o.current?.removeEventListener("load",e),o.current=null)},[]),scrollableRef:m,shadowRef:e(r=>{a.current=r||null},[])}};export{c as useScrollEffect};
+import{useRef as r,useCallback as e,useEffect as t}from"react";import{scrollPercentage as n}from"./utils/scrollPercentage.js";const c=({conditional:c=!0,scrollCallback:u,shadowStyles:l,shadowVisible:s=1})=>{const o=r(null),a=r(null),i=r(null),p=r(0),m=r(0),d=r(null),y=r(null),h=r(null),P=e(()=>{if(!c||!o.current)return;const r=n(o.current,1.25);if(a.current&&p.current>0){const e=r*p.current/100,t=r*m.current/100;[{cssPropertyName:"min-height",cssPropertyValue:`calc(${p.current}px - ${e}px)`},{cssPropertyName:"height",cssPropertyValue:`calc(${p.current}px - ${e}px)`},{cssPropertyName:"min-width",cssPropertyValue:`calc(${m.current}px - ${t}px)`},{cssPropertyName:"width",cssPropertyValue:`calc(${m.current}px - ${t}px)`}].forEach(({cssPropertyName:r,cssPropertyValue:e})=>{a.current?.style.setProperty(r,e)})}if(i.current&&l){const e=l.split(" ");r>s?i.current.classList.add(...e):i.current.classList.remove(...e)}},[c,l,s]),v=e(r=>{null!==d.current&&cancelAnimationFrame(d.current),d.current=requestAnimationFrame(()=>{P(),u?.(r),d.current=null})},[P,u]);t(()=>{y.current=v},[v]);const f=e(r=>{o.current&&y.current&&o.current.removeEventListener("scroll",y.current),o.current=r,r&&y.current&&(r.addEventListener("scroll",y.current),P())},[P]),x=e(r=>{const e=()=>{a.current&&(p.current=a.current.clientHeight,m.current=a.current.clientWidth)};a.current&&h.current&&a.current.removeEventListener("load",h.current),h.current=e,a.current=r,r&&(r.addEventListener("load",e),e())},[]),L=e(r=>{i.current=r},[]);return t(()=>()=>{null!==d.current&&cancelAnimationFrame(d.current),o.current&&y.current&&o.current.removeEventListener("scroll",y.current),a.current&&h.current&&a.current.removeEventListener("load",h.current)},[]),{resizeRef:x,scrollableRef:f,shadowRef:L}};export{c as useScrollEffect};

package/dist/esm/lib/hooks/useSwipeDown/useSwipeDown.js

@@ -1 +1 @@
-import{useRef as e,useCallback as t}from"react";import{convertDurationToNumber as r}from"./utils/convertDurationToNumber.js";const n=(n,u)=>{const o=e(null),c=e(null),s=t(e=>{o.current=e||null},[]),i=e(0),m=e(0),v=e(0),l=e(!1),a=e=>{const t=o?.current;t&&(e.preventDefault?.(),t.style.removeProperty("transition"),"touchstart"===e.type?m.current=e.touches[0].clientY:m.current=e.clientY,l.current=!0,v.current=null)},d=e=>{const t=o?.current;if(!l.current||!t)return;"touchmove"===e.type&&null!==v?v.current=e.touches[0].clientY:v.current=e.clientY;const r=m.current-v.current;v.current<m.current||(t.style.bottom=`${i.current+r}px`)},p=1e3*((r(n?.exitDuration)||r(n?.duration)||0)+(r(n?.delay)||0)),E=async()=>{const e=o?.current;if(!e||!v.current)return;if(l.current=!1,e.style.setProperty("transition",`bottom ${p}ms linear`),v.current<m.current+30)return void(e.style.bottom="0px");const t=i.current+e.scrollHeight;var r;e.style.bottom=`-${t}px`,await(r=p,new Promise(e=>setTimeout(e,r))),u?.()};return{setDragIconRef:t(e=>{e?(c.current=e,c?.current?.addEventListener("mousedown",a),c?.current?.addEventListener("mousemove",d),c?.current?.addEventListener("mouseup",E),c?.current?.addEventListener("touchstart",a),c?.current?.addEventListener("touchmove",d),c?.current?.addEventListener("touchend",E)):(c?.current?.removeEventListener("mousedown",a),c?.current?.removeEventListener("mousemove",d),c?.current?.removeEventListener("mouseup",E),c?.current?.removeEventListener("touchstart",a),c?.current?.removeEventListener("touchmove",d),c?.current?.removeEventListener("touchend",E),c.current=null)},[]),setPopoverRef:s}};export{n as useSwipeDown};
+import{useRef as e,useCallback as t,useEffect as r}from"react";import{convertDurationToNumber as n}from"./utils/convertDurationToNumber.js";const o=({animationOptions:o,distanceThreshold:u=30,enabled:c=!0,onClose:s}={})=>{const v=e(null),i=e(null),m=e(0),a=e(0),d=e(null),l=e(!1),M=e(null),E=1e3*((n(o?.exitDuration)||n(o?.duration)||0)+(n(o?.delay)||0)),L=t(e=>new Promise(t=>{M.current=setTimeout(t,e)}),[]),h=t(e=>{if(!c)return;const t=v?.current;t&&(e.preventDefault?.(),t.style.removeProperty("transition"),"touchstart"===e.type?a.current=e.touches[0].clientY:a.current=e.clientY,l.current=!0,d.current=null)},[c]),p=t(e=>{if(!c)return;const t=v?.current;if(!l.current||!t)return;"touchmove"===e.type?d.current=e.touches[0].clientY:d.current=e.clientY;const r=a.current-d.current;d.current<a.current||(t.style.bottom=`${m.current+r}px`)},[c]),f=t(async()=>{if(!c)return;const e=v?.current;if(!e||null===d.current)return;if(l.current=!1,e.style.setProperty("transition",`bottom ${E}ms linear`),d.current<a.current+u)return void(e.style.bottom="0px");const t=m.current+e.scrollHeight;e.style.bottom=`-${t}px`,await L(E),s?.()},[c,E,u,s,L]),y=e({currentMove:p,endMove:f,startMove:h});r(()=>{y.current={currentMove:p,endMove:f,startMove:h}},[p,f,h]);const b=t(e=>{v.current=e},[]),w=t(e=>{if(i.current){const e=y.current;i.current.removeEventListener("mousedown",e.startMove),i.current.removeEventListener("mousemove",e.currentMove),i.current.removeEventListener("mouseup",e.endMove),i.current.removeEventListener("touchstart",e.startMove),i.current.removeEventListener("touchmove",e.currentMove),i.current.removeEventListener("touchend",e.endMove)}if(i.current=e,e&&c){const t=y.current;e.addEventListener("mousedown",t.startMove),e.addEventListener("mousemove",t.currentMove),e.addEventListener("mouseup",t.endMove),e.addEventListener("touchstart",t.startMove),e.addEventListener("touchmove",t.currentMove),e.addEventListener("touchend",t.endMove)}},[c]);return r(()=>()=>{if(M.current&&clearTimeout(M.current),i.current){const e=y.current;i.current.removeEventListener("mousedown",e.startMove),i.current.removeEventListener("mousemove",e.currentMove),i.current.removeEventListener("mouseup",e.endMove),i.current.removeEventListener("touchstart",e.startMove),i.current.removeEventListener("touchmove",e.currentMove),i.current.removeEventListener("touchend",e.endMove)}},[]),{setDragIconRef:w,setPopoverRef:b}};export{o as useSwipeDown};

package/dist/esm/lib/utils/keyboard/keyboard.js

@@ -1 +1 @@
-import{ESCAPE as e,TAB as y,ENTER as k,SPACE as o,ARROW_LEFT as s,ARROW_RIGHT as r}from"../../constants/keyboardKeys/keyboardKeys.js";const t=e=>e===k.key,a=e=>e===o.key,m=e=>e===s.key,n=e=>e===r.key,b=y=>e.key.some(e=>e===y),c=e=>e===y.key;export{m as isArrowLeftPressed,n as isArrowRightPressed,t as isKeyEnterPressed,b as isKeyEscapePressed,a as isKeySpacePressed,c as isKeyTabPressed};
+const r=(r,...s)=>s.some(s=>Array.isArray(s)?s.includes(r):r===s);export{r as isKeyPressed};

package/dist/esm/lib/utils/process/processCommonProp.js

@@ -0,0 +1 @@
+import{isValidElement as t}from"react";const e=(e,n={})=>{const{allowReactElements:r=!0,extractContent:l=!0,maxLength:c,propertyName:o="children"}=n;if(null==e)return"children"===o?{children:null}:{};if("string"==typeof e){const t=c&&e.length>c?e.substring(0,c):e;return{[o]:t}}if(r&&t(e))return{children:e};if("object"==typeof e&&null!==e){if(l&&"content"in e){const t=e.content,n=c&&"string"==typeof t?t.substring(0,c):t;return{...e,children:n}}return e}return"children"===o?{children:null}:{}},n=t=>e(t,{allowReactElements:!1,extractContent:!1,propertyName:"icon"}),r=(t,n)=>e(t,{allowReactElements:!0,extractContent:!0,maxLength:n,propertyName:"children"});export{e as processCommonProp,n as processIconProp,r as processTextProp};