@kubit-ui-web/react-components 2.0.0-beta.60 → 2.0.0-beta.63

package/dist/esm/components/tableCaption/tableCaptionStandAlone.mjs

@@ -0,0 +1 @@
+import{jsx as t}from"react/jsx-runtime";import{forwardRef as o}from"react";import{pickCustomAttributes as m}from"../../lib/utils/pickCustomAttributes/pickCustomAttributes.mjs";import{CustomComponent as n}from"../../lib/components/customComponent/customComponent.mjs";const e=o(({children:o,component:e="caption",cssClasses:i,hidden:r,id:s,...c},p)=>{const a=m(c);return t(n,{ref:p,className:i?.table_caption,component:e,"data-hidden":r,id:s,...a,children:o})});export{e as TableCaptionStandAlone};

package/dist/esm/components/tableCell/index.mjs

@@ -0,0 +1 @@
+import{TableCell as l}from"./tableCell.mjs";export{l as TableCell};

package/dist/esm/components/tableCell/tableCell.mjs

@@ -0,0 +1 @@
+import{jsx as s}from"react/jsx-runtime";import{forwardRef as e}from"react";import{useClassName as o}from"../../lib/hooks/useClassName/useClassName.mjs";import{TableCellStandAlone as m}from"./tableCellStandAlone.mjs";const r=e(({additionalClasses:e,variant:r,...t},a)=>{const l=o({additionalClassNames:e,component:"TABLE_CELL",variant:r});return s(m,{ref:a,cssClasses:l,...t})});export{r as TableCell};

package/dist/esm/components/tableCell/tableCellStandAlone.mjs

@@ -0,0 +1 @@
+import{jsx as t}from"react/jsx-runtime";import{forwardRef as e}from"react";import{pickCustomAttributes as o}from"../../lib/utils/pickCustomAttributes/pickCustomAttributes.mjs";import{CustomComponent as i}from"../../lib/components/customComponent/customComponent.mjs";const l=e(({alignItems:e,bottom:l,children:a,colSpan:n,component:d,cssClasses:r,height:s,hidden:c,id:m,justifyContent:p,left:b,maxWidth:u,minWidth:$,onClick:h,onMouseEnter:f,onMouseLeave:C,right:y,role:A,rowSpan:g,scope:j,sticky:k,textAlign:x,th:M,top:S,verticalAlign:T,width:W,...v},L)=>{const _=o(v);const w=r?.dynamic_values({$tdAlignItems:e||"",$tdBottom:l||"",$tdHeight:s||"",$tdJustifyContent:p||"",$tdLeft:b||"",$tdMaxWidth:u||"",$tdMinWidth:$||"",$tdRight:y||"",$tdTextAlign:x||"",$tdTop:S||"",$tdVerticalAlign:T||"",$tdWidth:W||""}).object;return t(i,{ref:L,"aria-label":v["aria-label"],"aria-labelledby":v["aria-labelledby"],className:r?.table_cell,colSpan:n,component:d||(M?"th":"td"),"data-hidden":c,"data-sticky":k,"data-testid":"table-cell",id:m,role:A,rowSpan:g,scope:j,style:w,onClick:h,onMouseEnter:f,onMouseLeave:C,..._,children:c?t("span",{children:a}):a})});export{l as TableCellStandAlone};

package/dist/esm/components/tableDivider/index.mjs

@@ -0,0 +1 @@
+import{TableDivider as e}from"./tableDivider.mjs";export{e as TableDivider};

package/dist/esm/components/tableDivider/tableDivider.mjs

@@ -0,0 +1 @@
+import{jsx as s}from"react/jsx-runtime";import{forwardRef as e}from"react";import{useClassName as o}from"../../lib/hooks/useClassName/useClassName.mjs";import{TableDividerStandAlone as r}from"./tableDividerStandAlone.mjs";const m=e(({additionalClasses:e,variant:m,...t},a)=>{const i=o({additionalClassNames:e,component:"TABLE_DIVIDER",variant:m});return s(r,{ref:a,cssClasses:i,...t})});export{m as TableDivider};

package/dist/esm/components/tableDivider/tableDividerStandAlone.mjs

@@ -0,0 +1 @@
+import{jsx as t}from"react/jsx-runtime";import{forwardRef as e}from"react";import{pickCustomAttributes as i}from"../../lib/utils/pickCustomAttributes/pickCustomAttributes.mjs";import{CustomComponent as o}from"../../lib/components/customComponent/customComponent.mjs";const r=e(({children:e,component:r="div",cssClasses:m,id:s,...n},d)=>{const a=i(n);return t(o,{ref:d,className:m?.table_divider,component:r,"data-table-divider":true,"data-testid":"table-divider",id:s,...a,children:e})});export{r as TableDividerStandAlone};

package/dist/esm/components/tableFoot/index.mjs

@@ -0,0 +1 @@
+import{TableFoot as o}from"./tableFoot.mjs";export{o as TableFoot};

package/dist/esm/components/tableFoot/tableFoot.mjs

@@ -0,0 +1 @@
+import{jsx as o}from"react/jsx-runtime";import{forwardRef as s}from"react";import{useClassName as t}from"../../lib/hooks/useClassName/useClassName.mjs";import{TableFootStandAlone as e}from"./tableFootStandAlone.mjs";const m=s(({additionalClasses:s,variant:m,...r},a)=>{const l=t({additionalClassNames:s,component:"TABLE_FOOT",variant:m});return o(e,{ref:a,cssClasses:l,...r})});export{m as TableFoot};

package/dist/esm/components/tableFoot/tableFootStandAlone.mjs

@@ -0,0 +1 @@
+import{jsx as t}from"react/jsx-runtime";import{forwardRef as o}from"react";import{pickCustomAttributes as m}from"../../lib/utils/pickCustomAttributes/pickCustomAttributes.mjs";import{CustomComponent as e}from"../../lib/components/customComponent/customComponent.mjs";const r=o(({children:o,component:r="tfoot",cssClasses:s,id:i,...n},c)=>{const p=m(n);return t(e,{ref:c,className:s?.table_foot,component:r,"data-testid":"table-foot",id:i,...p,children:o})});export{r as TableFootStandAlone};

package/dist/esm/components/tableHead/index.mjs

@@ -0,0 +1 @@
+import{TableHead as e}from"./tableHead.mjs";export{e as TableHead};

package/dist/esm/components/tableHead/tableHead.mjs

@@ -0,0 +1 @@
+import{jsx as s}from"react/jsx-runtime";import{forwardRef as e}from"react";import{useClassName as o}from"../../lib/hooks/useClassName/useClassName.mjs";import{TableHeadStandAlone as a}from"./tableHeadStandAlone.mjs";const m=e(({additionalClasses:e,variant:m,...r},t)=>{const l=o({additionalClassNames:e,component:"TABLE_HEAD",variant:m});return s(a,{ref:t,cssClasses:l,...r})});export{m as TableHead};

package/dist/esm/components/tableHead/tableHeadStandAlone.mjs

@@ -0,0 +1 @@
+import{jsx as t}from"react/jsx-runtime";import{forwardRef as e}from"react";import{pickCustomAttributes as o}from"../../lib/utils/pickCustomAttributes/pickCustomAttributes.mjs";import{CustomComponent as a}from"../../lib/components/customComponent/customComponent.mjs";const m=e(({children:e,component:m="thead",cssClasses:r,hidden:i,id:s,sticky:n,...d},c)=>{const p=o(d);return t(a,{ref:c,className:r?.table_head,component:m,"data-hidden":i,"data-sticky":n,"data-table-head":true,"data-testid":"table-head",id:s,...p,children:e})});export{m as TableHeadStandAlone};

package/dist/esm/components/tableRow/index.mjs

@@ -0,0 +1 @@
+import{TableRow as o}from"./tableRow.mjs";export{o as TableRow};

package/dist/esm/components/tableRow/tableRow.mjs

@@ -0,0 +1 @@
+import{jsx as s}from"react/jsx-runtime";import{forwardRef as o}from"react";import{useClassName as e}from"../../lib/hooks/useClassName/useClassName.mjs";import{TableRowStandAlone as m}from"./tableRowStandAlone.mjs";const r=o(({additionalClasses:o,variant:r,...t},a)=>{const l=e({additionalClassNames:o,component:"TABLE_ROW",variant:r});return s(m,{ref:a,cssClasses:l,...t})});export{r as TableRow};

package/dist/esm/components/tableRow/tableRowStandAlone.mjs

@@ -0,0 +1 @@
+import{jsx as t}from"react/jsx-runtime";import{forwardRef as o}from"react";import{pickCustomAttributes as e}from"../../lib/utils/pickCustomAttributes/pickCustomAttributes.mjs";import{CustomComponent as r}from"../../lib/components/customComponent/customComponent.mjs";const n=o(({active:o,children:n,component:a="tr",cssClasses:m,hoverable:s=true,id:i,onClick:c,onKeyDown:u,onMouseEnter:l,onMouseLeave:p,...b},d)=>{const f=e(b);return t(r,{ref:d,className:m?.table_row,component:a,"data-active":o,"data-hoverable":s,"data-table-row":true,"data-testid":"table-row",id:i,onClick:c,onKeyDown:u,onMouseEnter:l,onMouseLeave:p,...f,children:n})});export{n as TableRowStandAlone};

package/dist/esm/components/tabs/hooks/useTabs/useTabs.mjs

@@ -0,0 +1 @@
+import{useEffect as e,useMemo as o,useState as t}from"react";import{useActiveBreakpoints as s}from"../../../../lib/hooks/useMediaDevice/useActiveBreakpoints.mjs";import{useRoveFocus as r}from"../../../../lib/hooks/useRoveFocus/useRoveFocus.mjs";import{keyLeftMove as n}from"../../utils/keyMove/keLeftMove.mjs";import{keyRightMove as c}from"../../utils/keyMove/keyRightMove.mjs";const i=({numTabsInView:i,selectedTab:m,tabsLength:u})=>{const{device:v,isMobile:k}=s();const[f,l]=t(0);const M=o(()=>({keyDownMove:0,keyLeftMove:k?n(f,i):-1,keyRightMove:k?c(u,f,i):1,keyTabMove:null,keyUpMove:0,size:u}),[v,f,i]);const[p,y,a]=r(M);e(()=>{if(a.current&&k){const e=a?.current?.clientWidth/i;const o=e*f;a.current.style.transform=`translate(-${o}px)`}y(f)},[f,v]);const h=e=>l(o=>{let t=o;const s=e>=o&&e<o+i;if(!s){t=e-i+1;t=t<0?0:t}return t});e(()=>{const e=m??0;h(e)},[m]);const b=e=>{l(e?f+1:f-1)};const j=e=>{y(e)};return{focus:p,handleClickIcon:b,handleClickTab:j,listEl:a,position:f}};export{i as useTabs};

package/dist/esm/components/tabs/index.mjs

@@ -0,0 +1 @@
+import{TabsControlled as o}from"./tabsControlled.mjs";import{Tabs as r}from"./tabsUnControlled.mjs";export{r as Tabs,o as TabsControlled};

package/dist/esm/components/tabs/tabsControlled.mjs

@@ -0,0 +1 @@
+import{jsx as e}from"react/jsx-runtime";import{forwardRef as s}from"react";import{useClassName as o}from"../../lib/hooks/useClassName/useClassName.mjs";import{useMediaDevice as t}from"../../lib/hooks/useMediaDevice/useMediaDevice.mjs";import{TabsStandAlone as a}from"./tabsStandAlone.mjs";const m=s(({additionalClasses:s,variant:m,...r},i)=>{const l=o({additionalClassNames:s,component:"TABS",variant:m});const c=t();return e(a,{...r,ref:i,cssClasses:l,device:c,selectedTab:r.defaultSelectedTab})});export{m as TabsControlled};

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

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

package/dist/esm/components/tabs/tabsUnControlled.mjs

@@ -0,0 +1 @@
+import{jsx as t}from"react/jsx-runtime";import{forwardRef as o,useState as r}from"react";import{TabsControlled as e}from"./tabsControlled.mjs";const n=o(function({defaultSelectedTab:o=0,onSelectTab:n,...a},s){const[l,c]=r(o);const m=t=>{c(t);n?.(t)};return t(e,{...a,ref:s,defaultSelectedTab:l,onSelectTab:m})});export{n as Tabs,n as TabsUnControlled};

package/dist/esm/components/tabs/utils/keyMove/keLeftMove.mjs

@@ -0,0 +1 @@
+const e=(e,r)=>t=>{if(t-1<0||t-1<e)return e-1+r;return t-1};export{e as keyLeftMove};

package/dist/esm/components/tabs/utils/keyMove/keyRightMove.mjs

@@ -0,0 +1 @@
+const e=(e,r,t)=>n=>{if(n+1>=e||n+1===r+t)return r;return n+1};export{e as keyRightMove};

package/dist/esm/components/tag/index.mjs

@@ -0,0 +1 @@
+import{Tag as m}from"./tag.mjs";export{m as Tag};

package/dist/esm/components/tag/tag.mjs

@@ -0,0 +1 @@
+import{jsx as s}from"react/jsx-runtime";import{forwardRef as o}from"react";import{useClassName as m}from"../../lib/hooks/useClassName/useClassName.mjs";import{TagStandAlone as r}from"./tagStandAlone.mjs";const t=o(({additionalClasses:o,variant:t,...a},e)=>{const n=m({additionalClassNames:o,component:"TAG",variant:t});return s(r,{...a,ref:e,cssClasses:n})});export{t as Tag};

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

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

package/dist/esm/components/text/index.mjs

@@ -0,0 +1 @@
+import{Text as t}from"./text.mjs";export{t as Text};

package/dist/esm/components/text/text.css

@@ -0,0 +1 @@
+.kbt-text{text-size-adjust:100%}.kbt-text--disabled{pointer-events:none}.kbt-text--truncate{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}

package/dist/esm/components/text/text.mjs

@@ -0,0 +1 @@
+import{jsx as s}from"react/jsx-runtime";import{forwardRef as e}from"react";import{useClassName as r}from"../../lib/hooks/useClassName/useClassName.mjs";import{TextStandAlone as t}from"./textStandAlone.mjs";const o=e(({additionalClasses:e,children:o,variant:m,...a},n)=>{const i=r({additionalClassNames:e,component:"TEXT",variant:m});if(!o)return null;return s(t,{...a,ref:n,cssClasses:i,children:o})});export{o as Text};

package/dist/esm/components/text/textStandAlone.mjs

@@ -0,0 +1 @@
+import{jsx as t}from"react/jsx-runtime";import"./text.css";import{forwardRef as e}from"react";import{classNames as o}from"../../lib/utils/classNames/classNames.mjs";import{pickCustomAttributes as r}from"../../lib/utils/pickCustomAttributes/pickCustomAttributes.mjs";import{CustomComponent as s}from"../../lib/components/customComponent/customComponent.mjs";const m=e(({align:e,children:m,color:i,component:a,cssClasses:n,cursor:c,customAttributes:l,decoration:p,disabled:x,display:u,draggable:d,filter:b,htmlFor:f,id:k,maxTruncatedLines:g,onClick:j,role:A,target:C,textSizeAdjust:h,textWrap:N,transform:W,truncate:w,weight:y,wordBreak:S,wordWrap:T,...z},B)=>{const D=r({...z,...l});const F=o("kbt-text",n?.text,{"kbt-text--disabled":x??false},{"kbt-text--truncate":w||!!g});const q={color:i,cursor:c,display:u,filter:b,fontWeight:y,textAlign:e,textDecoration:p,textSizeAdjust:h,textTransform:W,textWrap:N,wordBreak:S,wordWrap:T};return t(s,{ref:B,className:F,component:a,"data-testid":"text",draggable:d,htmlFor:f,id:k,role:A,style:q,target:C,onClick:j,...D,children:m})});export{m as TextStandAlone};

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

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

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

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

package/dist/esm/components/textArea/components/textCount/__stories__/argtypes.mjs

@@ -0,0 +1 @@
+import{TextVariantType as t}from"@/lib/designSystem/kubit/components/text/variants";import{TextCountVariantType as e}from"@/lib/designSystem/kubit/components/textCount/variants";import{configArgTypes as r}from"@/lib/storybook/argtypes/argtypes";import{CATEGORY_CONTROL as o}from"@/lib/storybook/constants/categoryControl";const n=()=>({...r,currentCharacters:{control:{type:"number"},description:"Current number of characters",table:{category:o.CONTENT,type:{summary:"number"}},type:{name:"number",required:true}},id:{control:{type:"text"},description:"String used for id screen reader text",table:{category:o.ACCESIBILITY,type:{summary:"string"}},type:{name:"string",required:true}},leftColor:{control:{type:"color"},description:"TextCount left color",table:{category:o.MODIFIERS,type:{summary:"string"}},type:{name:"string"}},leftWeight:{control:{type:"text"},description:"TextCount left font weight",table:{category:o.MODIFIERS,type:{summary:"string"}},type:{name:"string"}},marginTop:{control:{type:"text"},description:"Margin top",table:{category:o.MODIFIERS,type:{summary:"string"}},type:{name:"string"}},maxLength:{control:{type:"number"},description:"Max length of characters",table:{category:o.CONTENT,type:{summary:"number"}},type:{name:"number",required:true}},rightColor:{control:{type:"color"},description:"TextCount right color",table:{category:o.MODIFIERS,type:{summary:"string"}},type:{name:"string"}},rightWeight:{control:{type:"text"},description:"TextCount right font weight",table:{category:o.MODIFIERS,type:{summary:"string"}},type:{name:"string"}},screenReaderText:{control:{type:"text"},description:"String used for screen reader text",table:{category:o.ACCESIBILITY,type:{summary:"string"}},type:{name:"string",required:true}},textVariant:{control:{type:"select"},description:"Text variant styles",options:Object.keys(t),table:{category:o.MODIFIERS,type:{summary:"string"}},type:{name:"string"}},variant:{control:{type:"select"},description:"Variant to add styles",options:Object.keys(e),table:{category:o.MODIFIERS,type:{summary:"string"}},type:{name:"string",required:true}}});export{n as argtypes};

package/dist/esm/components/textArea/components/textCount/textCount.mjs

@@ -0,0 +1 @@
+import{jsx as s}from"react/jsx-runtime";import{forwardRef as o}from"react";import{useClassName as t}from"../../../../lib/hooks/useClassName/useClassName.mjs";import{TextCountStandAlone as e}from"./textCountStandAlone.mjs";const m="TEXT_COUNT";const r=o(({additionalClasses:o,variant:r,...a},n)=>{const i=t({additionalClassNames:o,component:m,variant:r});return s(e,{...a,ref:n,cssClasses:i})});export{r as TextCount};

package/dist/esm/components/textArea/components/textCount/textCountStandAlone.mjs

@@ -0,0 +1 @@
+import{jsx as t,jsxs as e}from"react/jsx-runtime";import{forwardRef as r}from"react";import{Text as i}from"../../../text/text.mjs";import{ScreenReaderOnly as o}from"../../../../lib/components/screen-reader-only/screenReaderOnly.mjs";import{pickCustomAttributes as n}from"../../../../lib/utils/pickCustomAttributes/pickCustomAttributes.mjs";const s=({cssClasses:r,currentCharacters:s,id:a,leftColor:c,leftWeight:l,marginTop:m,maxLength:d,rightColor:p,rightWeight:u,screenReaderText:x,textVariant:h,...f},C)=>{const b=()=>{if(0===s||s>=d)return"polite"};const j=n(f);return e("div",{ref:C,"aria-live":b(),className:r?.text_count,"data-testid":"text-count",style:{marginTop:m},...j,children:[t(o,{children:x},s),t(i,{additionalClasses:{text:r?.letftext},"aria-hidden":true,color:c,component:"span",variant:h,weight:l,children:s}),t(i,{additionalClasses:{text:r?.righttext},"aria-hidden":true,color:p,component:"span",variant:h,weight:u,children:` / ${d}`})]})};const a=r(s);export{a as TextCountStandAlone};

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

@@ -0,0 +1 @@
+import{jsx as t}from"react/jsx-runtime";import{Text as e}from"../../text/text.mjs";import{processTextProp as o}from"../../../lib/utils/process/processCommonProp.mjs";const r=({cssClasses:r,customAttributtes:i,title:n})=>{if(!n)return null;return t("div",{className:r?.titlecontainer,...i,children:t(e,{additionalClasses:{text:r?.title},customAttributes:i,...o(n),component:o(n).component??"p",children:o(n).children})})};export{r as TitleStandAlone};

package/dist/esm/components/textArea/index.mjs

@@ -0,0 +1 @@
+import{TextArea as e}from"./textArea.mjs";export{e as TextArea};

package/dist/esm/components/textArea/textArea.mjs

@@ -0,0 +1 @@
+import{jsx as e}from"react/jsx-runtime";import{forwardRef as t,useState as o}from"react";import{useClassName as s}from"../../lib/hooks/useClassName/useClassName.mjs";import{TextAreaStandAlone as r}from"./textAreaStandAlone.mjs";import{getState as n}from"./utils/state.utils.mjs";const l="TEXT_AREA";const a=t(function({additionalClasses:t,disabled:a=false,error:m=false,labelInsideTextArea:i=false,onBlur:c,onFocus:u,value:f,variant:p,...y},d){const x=s({additionalClassNames:t,component:l,variant:p});const[w,S]=o(false);const b=e=>{if(i){const t=e?.target;const o=t?.parentElement;if(t&&o){const e=window.getComputedStyle(t);o.style.outline=e.outline;o.style.boxShadow=e.boxShadow;t.style.outline="none";t.style.boxShadow="none"}}S(true);u?.(e)};const h=e=>{if(i){const t=e?.target;const o=t?.parentElement;if(t&&o){o.style.removeProperty("outline");o.style.removeProperty("boxShadow");t.style.removeProperty("outline");t.style.removeProperty("boxShadow")}}S(false);c?.(e)};return e(r,{ref:d,cssClasses:x,state:n(a,m,f,w),value:f,onBlur:h,onFocus:b,...y})});export{a as TextArea};

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

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

package/dist/esm/components/textArea/utils/aria.utils.mjs

@@ -0,0 +1 @@
+import{STATES as t}from"../../../lib/types/states/states.mjs";const e=({errorMessage:e,helpMessage:s,state:i,textAreaErrorId:r,textAreaHelpTextId:o})=>{let a="";if(s)a+=` ${o}`;if(e&&i===t.ERROR)a+=` ${r}`;return a};export{e as buildAriaDescribedBy};

package/dist/esm/components/textArea/utils/state.utils.mjs

@@ -0,0 +1 @@
+import{STATES as t}from"../../../lib/types/states/states.mjs";const e=(e,E,s,D)=>{let L;L=e&&s?t.DISABLED_FILLED:e?t.DISABLED_EMPTY:E?t.ERROR:s?t.FILLED:D?t.ACTIVE:t.EMPTY;return L};export{e as getState};

package/dist/esm/components/toggle/index.mjs

@@ -0,0 +1 @@
+import{ToggleControlled as o}from"./toggleControlled.mjs";import{ToggleStandalone as e}from"./toggleStandAlone.mjs";import{ToggleUncontrolled as l}from"./toggleUnControlled.mjs";export*from"./types/index.mjs";export{o as ToggleControlled,e as ToggleStandalone,l as ToggleUncontrolled};

package/dist/esm/components/toggle/stories/argtypesControlled.mjs

@@ -0,0 +1 @@
+import{configArgTypes as e}from"@/lib/storybook/argtypes/argtypes";import{getBooleanArgTypes as a}from"@/lib/storybook/argtypes/booleanArgTypes";import{getDisabledArgTypes as o}from"@/lib/storybook/argtypes/disabledArgTypes";import{getHtmlComponentArgTypes as t}from"@/lib/storybook/argtypes/htmlComponentArgTypes";import{getNumbertArgTypes as r}from"@/lib/storybook/argtypes/numberArgTypes";import{getStringtArgTypes as g}from"@/lib/storybook/argtypes/stringArgTypes";import{getVariantArgTypes as y}from"@/lib/storybook/argtypes/variantArgtypes";import{CATEGORY_CONTROL as m}from"@/lib/storybook/constants/categoryControl";const i=()=>({...e,...o(["leftIcon","rightIcon"]),"aria-describedby":g({category:m.ACCESIBILITY,keyName:"aria-describedby",name:"toggle"}),"aria-label":g({category:m.ACCESIBILITY,keyName:"aria-label",name:"toggle"}),"aria-labelledby":g({category:m.ACCESIBILITY,keyName:"aria-labelledby",name:"toggle"}),checked:a({descriptionName:"toggle",name:"checked",subCategory:m.MODIFIERS}),component:t({name:"toggle"}),"data-*":g({category:m.MODIFIERS,keyName:"data-*",name:"toggle"}),dataTestId:g({category:m.TESTING,keyName:"dataTestId",name:"toggle"}),disabled:a({descriptionName:"toggle",name:"disabled",subCategory:m.MODIFIERS}),id:g({category:m.MODIFIERS,keyName:"id",name:"toggle"}),name:g({category:m.MODIFIERS,keyName:"name",name:"toggle"}),tabIndex:r({category:m.ACCESIBILITY,keyName:"tabIndex",name:"toggle"}),value:g({category:m.MODIFIERS,keyName:"value",name:"toggle"}),variant:y({category:m.MODIFIERS,keyVariant:"variant",name:"toggle",variants:{REGULAR:"REGULAR"}})});export{i as argtypes};

package/dist/esm/components/toggle/stories/argtypesUncontrolled.mjs

@@ -0,0 +1 @@
+import{configArgTypes as e}from"@/lib/storybook/argtypes/argtypes";import{getBooleanArgTypes as a}from"@/lib/storybook/argtypes/booleanArgTypes";import{getDisabledArgTypes as o}from"@/lib/storybook/argtypes/disabledArgTypes";import{getHtmlComponentArgTypes as t}from"@/lib/storybook/argtypes/htmlComponentArgTypes";import{getNumbertArgTypes as r}from"@/lib/storybook/argtypes/numberArgTypes";import{getStringtArgTypes as g}from"@/lib/storybook/argtypes/stringArgTypes";import{getVariantArgTypes as y}from"@/lib/storybook/argtypes/variantArgtypes";import{CATEGORY_CONTROL as m}from"@/lib/storybook/constants/categoryControl";const l=()=>({...e,...o(["leftIcon","rightIcon"]),"aria-describedby":g({category:m.ACCESIBILITY,keyName:"aria-describedby",name:"toggle"}),"aria-label":g({category:m.ACCESIBILITY,keyName:"aria-label",name:"toggle"}),"aria-labelledby":g({category:m.ACCESIBILITY,keyName:"aria-labelledby",name:"toggle"}),component:t({name:"toggle"}),"data-*":g({category:m.MODIFIERS,keyName:"data-*",name:"toggle"}),dataTestId:g({category:m.TESTING,keyName:"dataTestId",name:"toggle"}),defaultChecked:a({descriptionName:"toggle",name:"defaultChecked",subCategory:m.MODIFIERS}),disabled:a({descriptionName:"toggle",name:"disabled",subCategory:m.MODIFIERS}),id:g({category:m.MODIFIERS,keyName:"id",name:"toggle"}),name:g({category:m.MODIFIERS,keyName:"name",name:"toggle"}),tabIndex:r({category:m.ACCESIBILITY,keyName:"tabIndex",name:"toggle"}),value:g({category:m.MODIFIERS,keyName:"value",name:"toggle"}),variant:y({category:m.MODIFIERS,keyVariant:"variant",name:"toggle",variants:{REGULAR:"REGULAR"}})});export{l as argtypes};

package/dist/esm/components/toggle/toggleControlled.mjs

@@ -0,0 +1 @@
+import{jsx as o}from"react/jsx-runtime";import{forwardRef as s}from"react";import{useClassName as e}from"../../lib/hooks/useClassName/useClassName.mjs";import{ToggleStandalone as t}from"./toggleStandAlone.mjs";const r=s(({additionalVariantClasses:s,checked:r,onClick:a,onToggle:l,variant:m,...n},c)=>{const i=e({additionalClassNames:s,component:"TOGGLE",variant:m});const d=o=>{const s=!r;l?.(s);a?.(o)};return o(t,{...n,ref:c,checked:r,cssClasses:i,onClick:d})});r.displayName="ToggleControlled";export{r as ToggleControlled};

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

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

package/dist/esm/components/toggle/toggleUnControlled.mjs

@@ -0,0 +1 @@
+import{jsx as o}from"react/jsx-runtime";import{forwardRef as e,useState as r}from"react";import{ToggleControlled as t}from"./toggleControlled.mjs";const l=e(({defaultChecked:e=false,onToggle:l,variant:n,...c},m)=>{const[g,a]=r(e);const s=o=>{a(o);l?.(o)};return o(t,{...c,ref:m,checked:g,variant:n,onToggle:s})});l.displayName="ToggleUncontrolled";export{l as ToggleUncontrolled};

package/dist/esm/components/toggle/utils/buildComponentProps.mjs

@@ -0,0 +1 @@
+const a=a=>({"aria-hidden":true,id:a.id,name:void 0,value:void 0});const e=a=>{const{"aria-describedby":e,"aria-label":i,"aria-labelledby":d,checked:r,disabled:l,id:o,name:b,onBlur:n,onClick:c,onFocus:t,onKeyDown:s,onMouseEnter:u,onMouseLeave:v,tabIndex:y,value:h}=a;return{"aria-checked":Boolean(r),"aria-describedby":e,"aria-label":i,"aria-labelledby":d,disabled:Boolean(l),id:o,name:b,onBlur:n,onClick:c,onFocus:t,onKeyDown:s,onMouseEnter:u,onMouseLeave:v,role:"switch",tabIndex:y,value:h}};const i=i=>i.decorative?a(i):e(i);export{i as buildComponentProps};

package/dist/esm/components/toggle/utils/thumbTransformCalculations.mjs

@@ -0,0 +1 @@
+import{useEffect as t,useState as r}from"react";const e=({borderMultiple:t,borderWidth:r,thumbStyles:e,trackStyles:n})=>{if(!n||!e)return"translateX(0px)";const d=r||"0px";if(n.paddingRight&&n.paddingLeft||n.padding)return`translateX(calc(${n.width} - ${e.width} - ${n.paddingLeft||n.padding} - ${n.paddingRight||n.padding} - ${d} * ${t}))`;return`translateX(calc(${n.width} - ${e.width} - ${d} * ${t}))`};const n=t=>!!(t?.borderWidth&&t?.borderWidth!=="0"&&t?.borderWidth!=="0rem"&&t?.borderWidth!=="0px"&&t?.borderStyle!=="none");const d=({checked:t,thumbStyles:r,trackStyles:d})=>{if(!d||!r)return"translateX(0px)";const i=n(d);const o=i?d?.borderWidth:"0px";const a=i?2:0;if(t)return e({borderMultiple:a,borderWidth:o,thumbStyles:r,trackStyles:d});return"translateX(0px)"};const i=({checked:e,thumbRef:n,trackRef:i})=>{const[o,a]=r("translateX(0px)");t(()=>{if(i.current&&n.current){const t=window.getComputedStyle(i.current);const r=window.getComputedStyle(n.current);if("development"===process.env.NODE_ENV)t.borderStyle,t.borderWidth,r.width,t.padding,t.paddingLeft,t.paddingRight,t.width;const o=d({checked:e,thumbStyles:r,trackStyles:t});process.env.NODE_ENV;a(o)}},[e]);return{transform:o}};export{i as useToggleTransform};

package/dist/esm/components/tooltip/components/tooltipTrigger.mjs

@@ -0,0 +1 @@
+import{jsx as o}from"react/jsx-runtime";const e=({ariaDescribedBy:e,children:n,childrenAsButton:r,disabled:t,onClick:i,onKeyDown:s,onMouseDown:a,onMouseEnter:u,onMouseLeave:l,onMouseUp:p,triggerAsButton:b})=>{if(r)return o("button",{"aria-describedby":e,"aria-disabled":t,className:"kbt-tooltip__trigger-wrapper ",...b,disabled:t,type:"button",onClick:i,onKeyDown:s,onMouseDown:a,onMouseEnter:o=>{u?.(o)},onMouseLeave:o=>{l?.(o)},onMouseUp:p,children:n});return o("div",{className:"kbt-tooltip__trigger-wrapper ",role:"button",tabIndex:0,onClick:i,onKeyDown:s,onMouseDown:a,onMouseEnter:u,onMouseLeave:l,onMouseUp:p,children:n})};export{e as TooltipTrigger};

package/dist/esm/components/tooltip/hooks/useTooltip.mjs

@@ -0,0 +1 @@
+import{arrow as t,flip as e,shift as o}from"@floating-ui/dom";import{useCallback as r,useEffect as s,useRef as n,useState as i}from"react";import{useClassName as l}from"../../../lib/hooks/useClassName/useClassName.mjs";import{useClickOutside as c}from"../../../lib/hooks/useClickOutside/useClickOutside.mjs";import{useEscPressed as p}from"../../../lib/hooks/useEscPressed/useEscPressed.mjs";import{useActiveBreakpoints as a}from"../../../lib/hooks/useMediaDevice/useActiveBreakpoints.mjs";import{DEVICE_BREAKPOINTS as u}from"../../../lib/types/breakpoints/breakpoints.mjs";import{POSITIONS as f}from"../../../lib/types/positions/positions.mjs";import{focusElementOrFirstDescendant as m}from"../../../lib/utils/focusHandlers/focusHandlers.mjs";import{computePosition as d}from"../positioning/computePosition.mjs";const y=({align:y=f.TOP,...b})=>{const{device:R,isDesktop:v,isTablet:O}=a();const P=v||O;const g=n(null);const E=n(true);const w=n(false);const[T,j]=i(false);const[C,h]=i(y);const k=l({additionalClassNames:b.additionalClasses,component:"TOOLTIP",variant:b.variant});const x=async()=>{if(!b.labelRef.current||!b.tooltipRef.current)return;const r=b.tooltipRef.current.lastElementChild;try{const s=await d(b.labelRef.current,b.tooltipRef.current,{middleware:[e(),o({padding:4}),t({element:r})],placement:y,strategy:"absolute"});const{middlewareData:n,placement:i,x:l,y:c}=s;h(i);if(b.tooltipRef.current?.style)Object.assign(b.tooltipRef.current.style,{left:`${l}px`,top:`${c}px`});const{x:p,y:a}=n.arrow;const m={bottom:f.TOP,left:f.RIGHT,right:f.LEFT,top:f.BOTTOM}[C.split("-")[0]];const R={bottom:"",left:null!==p?`${p}px`:"",right:"",[m]:`calc(${k.tooltipexternalcontainer?.[u.DESKTOP]?.padding??0} - ${k.arrowposition?.[u.DESKTOP]?.top??"0px"} / 2)`,top:null!==a?`${a}px`:""};if(r&&r.style){r.style.removeProperty("left");r.style.removeProperty("top");r.style.removeProperty("right");r.style.removeProperty("bottom");Object.assign(r?.style,R)}}catch(t){console.error("Error computing position:",t)}};const L=t=>{if(!b.tooltipRef.current?.contains(t.target))x()};s(()=>{const t=()=>{x()};window.addEventListener("scroll",L,true);window.addEventListener("resize",t);return()=>{window.removeEventListener("scroll",L,true);window.removeEventListener("resize",t)}},[]);const $=()=>{if(w.current)return;w.current=true;g.current=document.activeElement;if(P){if(!b.tooltipRef.current)return;if(b.tooltipRef.current.style)b.tooltipRef.current.style.display="flex";x();m(b.tooltipRef.current,{preventScroll:true})}j(true);b.onOpenClose?.(true)};const S=r(()=>{if(!w.current)return;w.current=false;E.current=false;if(b.tooltipAsModal)g.current?.focus({preventScroll:true});E.current=true;if(P){if(!b.tooltipRef.current)return;if(b.tooltipRef.current.style)b.tooltipRef.current.style.display="none"}j(false);b.onOpenClose?.(false)},[R,b.onOpenClose,b.tooltipAsModal]);const M=r(t=>{if(!w.current)return;t.stopPropagation();S()},[S]);p({disableStopPropagation:true,onEscPress:M,ref:b.labelRef});c(b.tooltipRef,S,[b.labelRef.current]);return{allowFocusOpenTooltip:E,hideTooltip:S,open:T,placement:C,showTooltip:$}};export{y as useTooltip};

package/dist/esm/components/tooltip/hooks/useTooltipAsModal.mjs

@@ -0,0 +1 @@
+import{useMemo as o}from"react";const t=({propTooltipAsModal:t,styleTooltipAsModal:e})=>o(()=>t??e??false,[t,e]);export{t as useTooltipAsModal};

package/dist/esm/components/tooltip/hooks/useTooltipAsModalAriaLabel.mjs

@@ -0,0 +1 @@
+import{useEffect as r,useState as t}from"react";const e=e=>{const[o,n]=t(void 0);r(()=>{if(!e.current)return;n(e.current.innerText)});return o};export{e as useTooltipAsModalAriaLabel};

package/dist/esm/components/tooltip/hooks/useTooltipContentScroll.mjs

@@ -0,0 +1 @@
+import{useCallback as t,useRef as e,useState as o}from"react";import{hasScroll as r}from"../../../lib/utils/scroll/hasScroll.mjs";const n=({tooltipRef:n})=>{const[c,s]=o(false);const i=e(void 0);const l=t(t=>{if(t){const e=t=>{const e=r(t);if(e&&!n.current?.contains(document.activeElement)){t.setAttribute("tabindex","0");t.focus()}s(e)};e(t);i.current=new ResizeObserver(()=>{e(t)});i.current.observe(t)}else i.current?.disconnect()},[]);return{contentHasScroll:c,contentRefHandler:l}};export{n as useTooltipContentScroll};

package/dist/esm/components/tooltip/index.mjs

@@ -0,0 +1 @@
+import{TooltipControlled as o}from"./tooltipControlled.mjs";import{Tooltip as t}from"./tooltipUnControlled.mjs";export{t as Tooltip,o as TooltipControlled};

package/dist/esm/components/tooltip/positioning/computePosition.mjs

@@ -0,0 +1,2 @@
+/*! For license information please see computePosition.mjs.LICENSE.txt */
+import{computePosition as t}from"@floating-ui/dom";const o=async(o,e,a)=>{const{middleware:n=[],placement:i="top",strategy:c="fixed"}=a;const s=i||"top";const m=await t(o,e,{middleware:n,placement:s,strategy:c});const p=m.placement||"top";return{middlewareData:m.middlewareData,placement:p,strategy:m.strategy,x:m.x,y:m.y}};export{o as computePosition};

package/dist/esm/components/tooltip/positioning/computePosition.mjs.LICENSE.txt

@@ -0,0 +1,5 @@
+/**
+ * Tooltip positioning utilities built on top of Floating UI.
+ * @see https://floating-ui.com/docs/platform
+ * @license MIT - Floating UI is licensed under MIT
+ */

package/dist/esm/components/tooltip/tooltip.css

@@ -0,0 +1 @@
+.kbt-tooltip{display:inline-block}.kbt-tooltip__trigger-wrapper{background:0 0;border:none;justify-content:center;align-items:center;min-width:1.5rem;min-height:1.5rem;padding:0;display:flex}.kbt-tooltip__external-container{display:flex}.kbt-tooltip__paragraph{word-break:break-word}.kbt-tooltip__inner-content{overflow-y:auto}.kbt-tooltip__arrow{position:absolute}.kbt-tooltip__arrow--top{bottom:100%;left:50%;transform:translate(-50%)}.kbt-tooltip__arrow--right{top:50%;left:100%;transform:translateY(-50%)}.kbt-tooltip__arrow--bottom{top:100%;left:50%;transform:translate(-50%)}.kbt-tooltip__arrow--left{top:50%;right:100%;transform:translateY(-50%)}

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

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

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

@@ -0,0 +1 @@
+import{jsx as o,jsxs as t}from"react/jsx-runtime";import"./tooltip.css";import{useId as e}from"react";import{Text as i}from"../text/text.mjs";import{useActiveBreakpoints as r}from"../../lib/hooks/useMediaDevice/useActiveBreakpoints.mjs";import{POSITIONS as a}from"../../lib/types/positions/positions.mjs";import{classNames as s}from"../../lib/utils/classNames/classNames.mjs";import{pickCustomAttributes as l}from"../../lib/utils/pickCustomAttributes/pickCustomAttributes.mjs";import{processTextProp as n}from"../../lib/utils/process/processCommonProp.mjs";import{Popover as d}from"../popover/popover.mjs";import{TooltipTrigger as c}from"./components/tooltipTrigger.mjs";import{getAriaDescriptorsBy as p}from"./utils/tooltip.utils.mjs";const m=({align:m,children:b,childrenAsButton:u=true,content:v,contentHasScroll:h,contentRef:f,contentScrollArias:g,cssClasses:k,disabled:y,labelRef:C,mediaDevice:j,onPopoverCloseInternally:N,onTooltipFocus:A,onTooltipKeyDown:w,onTriggerClick:x,onTriggerKeyDown:_,onTriggerMouseDown:D,onTriggerMouseUp:B,onWrapperMouseEnter:M,onWrapperMouseLeave:T,popover:F,popoverOpen:$,tooltipAriaLabel:E,tooltipAsModal:I,tooltipRef:K,triggerAsButton:O,...P})=>{const z=P["data-testid"]||"tooltip";const L=l(P);const S=e();const U=`tooltip-${S.replace(/:/g,"")}`;const q=`${U}-content`;const G=n(v);const H="string"==typeof G.children;const{isDesktop:J,isTablet:Q}=r();const R=J||Q;if(y)return o("div",{className:"kbt-tooltip","data-testid":z,children:o(c,{childrenAsButton:u,disabled:true,children:b})});const V=p({contentId:q,hasContent:!!v,hasTitle:false,titleId:""});const W={"data-align":m||a.TOP};const X=l(W);const Y=t("div",{ref:K,"aria-label":R?E:void 0,"aria-labelledby":R?void 0:void 0,"aria-modal":R&&I?true:void 0,className:s("kbt-tooltip__external-container",k?.tooltipexternalcontainer),"data-testid":`${z}-content`,id:U,role:R?I?"dialog":"tooltip":void 0,...R&&{onFocus:A,onKeyDown:w},...L,children:[o("div",{className:k?.tooltipinternalcontainer,children:o("div",{ref:f,"aria-label":h?g?.["aria-label"]:void 0,"aria-labelledby":h?g?.["aria-labelledby"]:void 0,className:"kbt-tooltip__inner-content",role:h?"region":void 0,...h&&{tabIndex:0},children:!!v&&o("div",{className:s("kbt-tooltip__paragraph",k?.paragraphcontainer),id:q,children:H?o(i,{additionalClasses:{text:k?.paragraph},...G}):G.children})})}),o("div",{...X,className:s("kbt-tooltip__arrow",k?.arrowsize,k?.tooltipalignstyles,k?.arrowcontainer),children:o("div",{className:k?.arrow})})]});return t("div",{ref:C,className:"kbt-tooltip","data-testid":z,children:[o(c,{ariaDescribedBy:!I&&(R||$)?V:void 0,childrenAsButton:u,triggerAsButton:O,onClick:x,onKeyDown:_,onMouseDown:D,onMouseEnter:M,onMouseLeave:T,onMouseUp:B,children:b}),R?Y:o(d,{additionalClasses:k?.popover?{arrow:"",popover:k.popover.popover||""}:void 0,"aria-label":F?.["aria-label"]||E,"aria-labelledby":void 0,"aria-modal":I||void 0,component:"div",disableAutoFocusFirstDescendantAfterClose:true,disableTrapFocus:false,open:$,preventCloseOnClickElements:[C?.current],role:I?"dialog":"tooltip",strategy:"absolute",onClose:N,...F,children:Y})]})};export{m as TooltipStandAlone};

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

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

package/dist/esm/components/tooltip/utils/tooltip.utils.mjs

@@ -0,0 +1 @@
+const t=({contentId:t,hasContent:o,hasTitle:r,titleId:e})=>{const i=[r&&e,o&&t].filter(Boolean);return i.length>0?i.join(" ").trim():void 0};export{t as getAriaDescriptorsBy};

package/dist/esm/components/virtualKeyboard/components/digitButton.mjs

@@ -0,0 +1 @@
+import{jsx as t}from"react/jsx-runtime";import{Text as i}from"../../text/text.mjs";import{pickCustomAttributes as o}from"../../../lib/utils/pickCustomAttributes/pickCustomAttributes.mjs";const s=({cssClasses:s,digit:e,onClick:n,...r})=>{const m=t=>{n(e,t)};const c=r["data-testid"]||"digit-button";const u=o(r);return t("button",{className:s?.digitbuttons,"data-testid":c,type:"button",onClick:m,...u,children:t(i,{additionalClasses:{text:s?.digittext},component:"span",children:e})})};export{s as DigitButton};

package/dist/esm/components/virtualKeyboard/index.mjs

@@ -0,0 +1 @@
+import{VirtualKeyboard as r}from"./virtualKeyboard.mjs";export{r as VirtualKeyboard};

package/dist/esm/components/virtualKeyboard/virtualKeyboard.mjs

@@ -0,0 +1 @@
+import{jsx as t}from"react/jsx-runtime";import{forwardRef as s,useState as r}from"react";import{useClassName as o}from"../../lib/hooks/useClassName/useClassName.mjs";import{STATES as a}from"../../lib/types/states/states.mjs";import{VirtualKeyboardStandAlone as e}from"./virtualKeyboardStandAlone.mjs";const m=s(({additionalClasses:s,variant:m,...n},i)=>{const l=o({additionalClassNames:s,component:"VIRTUAL_KEYBOARD",variant:m});const[c,u]=r(a.INACTIVE);const d=()=>{u(a.ACTIVE)};const p=t=>{if(!t.currentTarget.contains(t.relatedTarget))u(a.INACTIVE)};return t(e,{...n,ref:i,cssClasses:l,state:c,onVirtualKeyboardBlur:p,onVirtualKeyboardFocus:d})});export{m as VirtualKeyboard};

package/dist/esm/components/virtualKeyboard/virtualKeyboardStandAlone.mjs

@@ -0,0 +1 @@
+import{jsx as t,jsxs as o}from"react/jsx-runtime";import{forwardRef as s,useId as e}from"react";import{ElementOrIcon as r}from"../../lib/components/elementOrIcon/elementOrIcon.mjs";import{STATES as i}from"../../lib/types/states/states.mjs";import{pickCustomAttributes as n}from"../../lib/utils/pickCustomAttributes/pickCustomAttributes.mjs";import{processIconProp as m}from"../../lib/utils/process/processCommonProp.mjs";import{DigitButton as a}from"./components/digitButton.mjs";const c=s(({cssClasses:s,digits:c,icon:l,id:p,onDigitButtonClick:d,onRemoveButtonClick:u,onVirtualKeyboardBlur:b,onVirtualKeyboardFocus:C,state:f,...A},I)=>{const k=e();const j=`virtualkeyboard-${k.replace(/:/g,"")}`;const v=p??j;const y={[i.ACTIVE]:f===i.ACTIVE,[i.INACTIVE]:f===i.INACTIVE};const N=A["data-testid"]||"virtual-keyboard";return o("div",{ref:I,className:s?.virtual_keyboard,"data-testid":N,id:v,role:"presentation",onBlur:b,onFocus:C,...n(y),children:[t("div",{className:s?.digitwrapper,...n(y),children:c?.map((o,e)=>t(a,{cssClasses:s,"data-testid":`${N}-digit-button-${e}`,digit:o,onClick:d},o))}),t("button",{className:s?.removebutton,type:"button",onClick:u,children:t(r,{className:s?.iconcontainer,customAttributes:y,...m(l)})})]})});export{c as VirtualKeyboardStandAlone};

package/dist/esm/index.mjs

@@ -0,0 +1 @@
+export*from"./components/index.mjs";export*from"./lib/components/index.mjs";export*from"./lib/provider/index.mjs";export*from"./lib/types/index.mjs";

package/dist/esm/lib/components/customComponent/customComponent.mjs

@@ -0,0 +1 @@
+import{jsx as e}from"react/jsx-runtime";import{forwardRef as t}from"react";const s=t(({children:t,className:s,component:r,...o},n)=>{const c=r||"span";const i=["middlewareOptions","pressEscapeClose","onSelectItem","ariaDisabled","focus","index"];const a="string"==typeof c;const m=a?Object.keys(o).reduce((e,t)=>{if(!i.includes(t))e[t]=o[t];return e},{}):o;return e(c,{ref:n,className:s,...m,children:t})});export{s as CustomComponent};

package/dist/esm/lib/components/elementOrIcon/elementOrIcon.mjs

@@ -0,0 +1 @@
+import{jsx as o}from"react/jsx-runtime";import{forwardRef as r,isValidElement as n}from"react";import{IconBasic as t}from"../../../components/icon/icon.mjs";import{Icon as e}from"../../../components/icon/iconHost.mjs";const i=r(({basic:r=false,icon:i,...m},c)=>{if(!i)return null;if("string"==typeof i)return r?o(t,{...m,ref:c,icon:i}):o(e,{...m,ref:c,icon:i});return n(i)?i:null});export{i as ElementOrIcon};

package/dist/esm/lib/components/elementOrIcon/index.mjs

@@ -0,0 +1 @@
+import{ElementOrIcon as e}from"./elementOrIcon.mjs";export{e as ElementOrIcon};

package/dist/esm/lib/components/errorMessage/errorMessage.mjs

@@ -0,0 +1 @@
+import{jsx as s}from"react/jsx-runtime";import{forwardRef as r}from"react";import{useClassName as e}from"../../hooks/useClassName/useClassName.mjs";import{ErrorMessageStandAlone as o}from"./errorMessageStandAlone.mjs";const a=r(({additionalClasses:r,variant:a,...t},m)=>{const n=e({additionalClassNames:r,component:"ERROR_MESSAGE",variant:a});return s(o,{ref:m,cssClasses:n,...t,"data-testid":"error-message"})});export{a as ErrorMessage};

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

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

package/dist/esm/lib/components/errorMessage/index.mjs

@@ -0,0 +1 @@
+import{ErrorMessage as r}from"./errorMessage.mjs";export*from"./types/index.mjs";export{r as ErrorMessage};

package/dist/esm/lib/components/index.mjs

@@ -0,0 +1 @@
+export*from"./errorMessage/index.mjs";export*from"./overlay/index.mjs";

package/dist/esm/lib/components/itemRove/index.mjs

@@ -0,0 +1 @@
+import{ItemRove as e}from"./itemRove.mjs";export{e as ItemRove};

package/dist/esm/lib/components/itemRove/itemRove.mjs

@@ -0,0 +1 @@
+import{jsx as e}from"react/jsx-runtime";import{useEffect as s,useRef as o}from"react";import{useClassName as t}from"../../hooks/useClassName/useClassName.mjs";import{classNames as r}from"../../utils/classNames/classNames.mjs";import{pickCustomAttributes as a}from"../../utils/pickCustomAttributes/pickCustomAttributes.mjs";import{CustomComponent as m}from"../customComponent/customComponent.mjs";const l=({ariaControls:l,ariaDisabled:n=false,ariaHidden:i=false,ariaLabel:c,ariaSelected:u,asElement:f,checkIsFirstTime:p=false,children:d,classNames:C,customAttributes:b,disabled:N=false,disableKeys:j=false,focus:v,id:k,index:h,onMouseOver:x,onSelectItem:I,preventScrollOnFocus:y=false,role:A,setFocus:E,type:M,url:O,...R})=>{const _=o(null);const w=o(p);const D=t({component:"ITEM_ROVE"});const F=a({...R,...b});s(()=>{if(v&&!w.current)_.current?.focus({preventScroll:y});else w.current=false},[v,y]);const K=e=>{if(!j){E?.(h);if(e)I?.()}};const S=()=>v?0:-1;return e(m,{ref:_,"aria-controls":l,"aria-disabled":n,"aria-hidden":i,"aria-label":c,"aria-selected":u,className:r(D.item_rove,C),component:f,"data-testid":"item-rove",disabled:N,id:k,role:A,tabIndex:S(),type:M,url:O,onClick:()=>K(true),onFocus:x,onKeyDown:()=>K(false),onMouseOver:x,...F,children:d})};export{l as ItemRove};

package/dist/esm/lib/components/overlay/__stories__/argtypes.mjs

@@ -0,0 +1 @@
+import{OverlayVariantType as r}from"@/lib/designSystem/kubit/components/overlay/variants";import{configArgTypes as t}from"@/lib/storybook/argtypes/argtypes";import{getVariantArgTypes as o}from"@/lib/storybook/argtypes/variantArgtypes";import{CATEGORY_CONTROL as a}from"@/lib/storybook/constants/categoryControl";const e=()=>({...t,variant:o({category:a.MODIFIERS,keyVariant:"variant",name:"overlay",variants:Object.keys(r).reduce((r,t)=>({...r,[t]:t}),{})})});export{e as argtypes};

package/dist/esm/lib/components/overlay/index.mjs

@@ -0,0 +1 @@
+export*from"./types/overlayTheme.mjs";

package/dist/esm/lib/components/overlay/overlay.mjs

@@ -0,0 +1 @@
+import{jsx as s}from"react/jsx-runtime";import{forwardRef as o}from"react";import{useClassName as r}from"../../hooks/useClassName/useClassName.mjs";import{OverlayStandAlone as e}from"./overlayStandAlone.mjs";const m=o(({additionalClasses:o,variant:m,...a},t)=>{const n=r({additionalClassNames:o,component:"OVERLAY",variant:m});return s(e,{...a,ref:t,cssClasses:n})});export{m as Overlay};

package/dist/esm/lib/components/overlay/overlayStandAlone.mjs

@@ -0,0 +1 @@
+import{jsx as t}from"react/jsx-runtime";import{forwardRef as r}from"react";import{pickCustomAttributes as e}from"../../utils/pickCustomAttributes/pickCustomAttributes.mjs";const o=r(({cssClasses:r,...o},s)=>{const i=e(o);return t("div",{ref:s,className:r?.overlay,"data-testid":"overlay",...o,...i,...i})});export{o as OverlayStandAlone};

package/dist/esm/lib/components/screen-reader-only/index.mjs

@@ -0,0 +1 @@
+import{ScreenReaderOnly as e}from"./screenReaderOnly.mjs";import{ScreenReaderOnlyStandAlone as r}from"./screenReaderOnlyStandAlone.mjs";export{e as ScreenReaderOnly,r as ScreenReaderOnlyStandAlone};

package/dist/esm/lib/components/screen-reader-only/screenReaderOnly.mjs

@@ -0,0 +1 @@
+import{jsx as e}from"react/jsx-runtime";import{forwardRef as r}from"react";import{ScreenReaderOnlyStandAlone as n}from"./screenReaderOnlyStandAlone.mjs";const m=r((r,m)=>e(n,{ref:m,...r}));m.displayName="ScreenReaderOnly";export{m as ScreenReaderOnly};

package/dist/esm/lib/components/screen-reader-only/screenReaderOnlyStandAlone.mjs

@@ -0,0 +1 @@
+import{jsx as e}from"react/jsx-runtime";import{forwardRef as r}from"react";import{classNames as t}from"../../utils/classNames/classNames.mjs";import{pickCustomAttributes as i}from"../../utils/pickCustomAttributes/pickCustomAttributes.mjs";const s=r(({ariaAtomic:r,ariaLive:s,children:o,className:a,id:m,role:n,...c},l)=>{const d=i(c);const p=t("kbt-screen-reader-only",a);const f={};if(void 0!==s)f["aria-live"]=s;if(void 0!==r)f["aria-atomic"]=r;if(void 0!==n)f.role=n;return e("span",{ref:l,className:p,id:m,...f,...d,children:o})});s.displayName="ScreenReaderOnlyStandAlone";export{s as ScreenReaderOnlyStandAlone};

package/dist/esm/lib/constants/keyboardKeys/keyboardKeys.mjs

@@ -0,0 +1 @@
+const e={code:"Backspace",key:"Backspace",keyCode:8,which:8};const o={code:"Tab",key:"Tab",keyCode:9,which:9};const c={code:"Enter",key:"Enter",keyCode:13,which:13};const k={code:"Esc",key:["Escape","Esc"],keyCode:27,which:27};const h={code:"Space",key:" ",keyCode:32,which:32};const y={code:"PageUp",key:"PageUp",keyCode:33,which:33};const d={code:"PageDown",key:"PageDown",keyCode:34,which:34};const w={code:"ArrowLeft",key:"ArrowLeft",keyCode:37,which:37};const t={code:"ArrowUp",key:"ArrowUp",keyCode:38,which:38};const n={code:"ArrowRight",key:"ArrowRight",keyCode:39,which:39};const r={code:"ArrowDown",key:"ArrowDown",keyCode:40,which:40};const A={code:"ArrowDecimal",key:"Delete",keyCode:46,which:46};const E={key:"Home"};const s={key:"End"};export{r as ARROW_DOWN,w as ARROW_LEFT,n as ARROW_RIGHT,t as ARROW_UP,e as BACKSPACE,A as DELETE,s as END,c as ENTER,k as ESCAPE,E as HOME,d as PAGE_DOWN,y as PAGE_UP,h as SPACE,o as TAB};

package/dist/esm/lib/hooks/useClassName/useClassName.mjs

@@ -0,0 +1 @@
+import{useStylesContext as r}from"../../provider/stylesProvider/stylesProvider.mjs";const s=({additionalClassNames:s,component:e,variant:o})=>{const{getComponentStyles:t}=r();return t({additionalClassNames:s,component:e,variant:o})};export{s as useClassName};

package/dist/esm/lib/hooks/useClickOutside/clickOutsideHandler.mjs

@@ -0,0 +1 @@
+function e({element:e,onClickOutside:t,preventOnClickElements:n=[]}){if("u"<typeof window||!e)return{destroy:()=>{}};function o(o){if(e&&!e.contains(o.target)&&!n.some(e=>e?.contains(o.target)))t(o)}document.addEventListener("mouseup",o);return{destroy(){document.removeEventListener("mouseup",o)}}}export{e as createClickOutsideHandler};

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

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

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

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

package/dist/esm/lib/hooks/useContentVisibility/utils/contentVisibility.mjs

@@ -0,0 +1 @@
+import{hasVerticalScroll as t}from"../../../utils/scroll/hasScroll.mjs";const i=({container:i,content:e,minVisibleHeight:l})=>{if(t(e)){const t=e.clientHeight>=l;return t}const n=i.scrollHeight-e.clientHeight+l<=i.clientHeight;return n};export{i as isContentVisibleEnough};

package/dist/esm/lib/hooks/useEscPressed/useEscPressed.mjs

@@ -0,0 +1 @@
+import{useEffect as e}from"react";const r=({disablePreventDefault:r=false,disableStopPropagation:t=false,onEscPress:n,ref:s})=>{e(()=>{if(!s.current)return;const e=e=>{if("Escape"===e.key){if(!r)e.preventDefault();if(!t)e.stopPropagation();n(e)}};s.current.addEventListener("keydown",e);return()=>{s.current?.removeEventListener("keydown",e)}},[n])};export{r as useEscPressed};