@kubit-ui-web/react-components 2.0.0-beta.11 → 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/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 l}from"../../lib/hooks/useMediaDevice/useActiveBreakpoints.js";import{useScrollDetection as i}from"../../lib/hooks/useScrollDetection/useScrollDetection.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:T,popover:v,tooltipAriaLabel:g,tooltipAsModal:C,variant:k,...b},j){const D=s({additionalClassNames:e,component:"TOOLTIP",variant:k}),{device:M,isDesktop:h,isMobile:A,isTablet:R}=l(),w=h||R,S=t(null),F=t(null),y=u({propTooltipAsModal:C,styleTooltipAsModal:C});r(j,()=>S.current);const{allowFocusOpenTooltip:I,hideTooltip:O,open:L,placement:P,showTooltip:W}=c({additionalClasses:e,align:f||"top",labelRef:S,onOpenClose:T,tooltipAsModal:y,tooltipRef:F,variant:k}),{handleScrollDetection:x,hasScroll:N}=i({autoFocus:!0}),B=t(!1),{setDragIconRef:E,setPopoverRef:H}=n({onClose:O});return a({ref:F,trapFocus:L&&y}),/* @__PURE__ */o.jsx(m,{...b,align:P,contentHasScroll:N,contentRef:x,cssClasses:D,dragIconRef:E,labelRef:S,mediaDevice:M,popover:{...v,popoverContainerRef:H},popoverOpen:L,tooltipAriaLabel:g,tooltipAsModal:y,tooltipRef:F,onCloseIconClick:o=>{d?.onClick?.(o),O()},onPopoverCloseInternally:()=>{v?.onClose?.(),O()},onTooltipFocus:o=>{y||(o.preventDefault(),o.stopPropagation())},onTriggerClick:o=>{if(w){if(!y)return;return L?void(F.current?.contains(o.target)||O()):void W()}L?F.current?.contains(o.target)||O():W()},onTriggerKeyDown:o=>{p(o.key)&&!L&&(W(),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||A||W()},onWrapperMouseEnter:()=>{!y&&w&&W()},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/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/useScrollDetection/useScrollDetection.js

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

package/dist/esm/scripts/generate-bundle-sizes.mjs

@@ -0,0 +1,236 @@
+#!/usr/bin/env node
+
+/**
+ * Generate bundle size information for each component
+ * This script analyzes the dist folder and generates a JSON file with size information
+ */
+import fs from 'fs';
+import path from 'path';
+import { fileURLToPath } from 'url';
+import { gzipSync } from 'zlib';
+
+const __filename = fileURLToPath(import.meta.url);
+const __dirname = path.dirname(__filename);
+const rootDir = path.resolve(__dirname, '..');
+
+// Paths
+const distEsmDir = path.join(rootDir, 'dist/esm/components');
+const outputFile = path.join(rootDir, '.storybook/bundle-sizes.json');
+
+/**
+ * Get file size in bytes
+ */
+function getFileSize(filePath) {
+  try {
+    const stats = fs.statSync(filePath);
+    return stats.size;
+  } catch (error) {
+    return 0;
+  }
+}
+
+/**
+ * Get gzipped size of file
+ */
+function getGzipSize(filePath) {
+  try {
+    const content = fs.readFileSync(filePath);
+    const gzipped = gzipSync(content);
+    return gzipped.length;
+  } catch (error) {
+    return 0;
+  }
+}
+
+/**
+ * Format bytes to human readable
+ */
+function formatBytes(bytes) {
+  if (bytes === 0) return '0 B';
+  const k = 1024;
+  const sizes = ['B', 'KB', 'MB'];
+  const i = Math.floor(Math.log(bytes) / Math.log(k));
+  return `${parseFloat((bytes / Math.pow(k, i)).toFixed(2))} ${sizes[i]}`;
+}
+
+/**
+ * Get component files
+ */
+function getComponentFiles(componentPath) {
+  const files = {
+    css: [],
+    js: [],
+  };
+
+  try {
+    const entries = fs.readdirSync(componentPath, { withFileTypes: true });
+
+    for (const entry of entries) {
+      const fullPath = path.join(componentPath, entry.name);
+
+      if (entry.isDirectory()) {
+        // Recursively search subdirectories
+        const subFiles = getComponentFiles(fullPath);
+        files.css.push(...subFiles.css);
+        files.js.push(...subFiles.js);
+      } else if (entry.isFile()) {
+        if (entry.name.endsWith('.css')) {
+          files.css.push(fullPath);
+        } else if (entry.name.endsWith('.js')) {
+          files.js.push(fullPath);
+        }
+      }
+    }
+  } catch (error) {
+    // Directory doesn't exist
+  }
+
+  return files;
+}
+
+/**
+ * Calculate sizes for a component
+ */
+function calculateComponentSizes(componentName, componentPath) {
+  const files = getComponentFiles(componentPath);
+
+  let jsSize = 0;
+  let jsGzipSize = 0;
+  let cssSize = 0;
+  let cssGzipSize = 0;
+
+  // Sum JS files
+  for (const file of files.js) {
+    jsSize += getFileSize(file);
+    jsGzipSize += getGzipSize(file);
+  }
+
+  // Sum CSS files
+  for (const file of files.css) {
+    cssSize += getFileSize(file);
+    cssGzipSize += getGzipSize(file);
+  }
+
+  const totalSize = jsSize + cssSize;
+  const totalGzipSize = jsGzipSize + cssGzipSize;
+
+  return {
+    component: componentName,
+    sizes: {
+      js: {
+        raw: jsSize,
+        gzip: jsGzipSize,
+        formatted: formatBytes(jsSize),
+        gzipFormatted: formatBytes(jsGzipSize),
+      },
+      css: {
+        raw: cssSize,
+        gzip: cssGzipSize,
+        formatted: formatBytes(cssSize),
+        gzipFormatted: formatBytes(cssGzipSize),
+      },
+      total: {
+        raw: totalSize,
+        gzip: totalGzipSize,
+        formatted: formatBytes(totalSize),
+        gzipFormatted: formatBytes(totalGzipSize),
+      },
+    },
+    treeshakeable: true, // All ESM exports are treeshakeable
+    timestamp: new Date().toISOString(),
+  };
+}
+
+/**
+ * Main function
+ */
+function main() {
+  console.log('📦 Generating bundle size information...\n');
+
+  if (!fs.existsSync(distEsmDir)) {
+    console.warn('⚠️  Warning: dist/esm/components directory not found.');
+    console.warn(
+      '   Creating empty bundle-sizes.json. Run `yarn dist` to populate.\n',
+    );
+
+    // Create empty bundle sizes file
+    const emptyOutput = {
+      metadata: {
+        generated: new Date().toISOString(),
+        totalComponents: 0,
+        totalSize: {
+          raw: 0,
+          gzip: 0,
+          formatted: '0 B',
+          gzipFormatted: '0 B',
+        },
+      },
+      components: {},
+    };
+
+    const storybookDir = path.dirname(outputFile);
+    if (!fs.existsSync(storybookDir)) {
+      fs.mkdirSync(storybookDir, { recursive: true });
+    }
+
+    fs.writeFileSync(outputFile, JSON.stringify(emptyOutput, null, 2));
+    console.log('📄 Created empty bundle-sizes.json\n');
+    return;
+  }
+
+  const components = fs
+    .readdirSync(distEsmDir, { withFileTypes: true })
+    .filter((dirent) => dirent.isDirectory())
+    .map((dirent) => dirent.name);
+
+  const bundleSizes = {};
+  let totalComponents = 0;
+  let totalSize = 0;
+  let totalGzipSize = 0;
+
+  for (const component of components) {
+    const componentPath = path.join(distEsmDir, component);
+    const sizeInfo = calculateComponentSizes(component, componentPath);
+
+    bundleSizes[component] = sizeInfo;
+    totalComponents++;
+    totalSize += sizeInfo.sizes.total.raw;
+    totalGzipSize += sizeInfo.sizes.total.gzip;
+
+    console.log(
+      `✓ ${component.padEnd(20)} ${sizeInfo.sizes.total.gzipFormatted} (gzip)`,
+    );
+  }
+
+  // Add metadata
+  const output = {
+    metadata: {
+      generated: new Date().toISOString(),
+      totalComponents,
+      totalSize: {
+        raw: totalSize,
+        gzip: totalGzipSize,
+        formatted: formatBytes(totalSize),
+        gzipFormatted: formatBytes(totalGzipSize),
+      },
+    },
+    components: bundleSizes,
+  };
+
+  // Write to file
+  const storybookDir = path.dirname(outputFile);
+  if (!fs.existsSync(storybookDir)) {
+    fs.mkdirSync(storybookDir, { recursive: true });
+  }
+
+  fs.writeFileSync(outputFile, JSON.stringify(output, null, 2));
+
+  console.log(`\n✨ Bundle sizes generated successfully!`);
+  console.log(`📊 Total components: ${totalComponents}`);
+  console.log(
+    `📦 Total size: ${formatBytes(totalSize)} (raw) / ${formatBytes(totalGzipSize)} (gzip)`,
+  );
+  console.log(`📄 Output: ${path.relative(rootDir, outputFile)}\n`);
+}
+
+main();