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

package/dist/esm/components/table/hooks/index.mjs

@@ -0,0 +1 @@
+export*from"./useTableHasScroll.mjs";export*from"./useTableShadow.mjs";export*from"./useTableStickyLeftColumns.mjs";export*from"./useTableStickyRightColumns.mjs";

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

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

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

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

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

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

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

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

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

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

package/dist/esm/components/table/table.mjs

@@ -0,0 +1 @@
+import{jsx as o}from"react/jsx-runtime";import{forwardRef as s,useImperativeHandle as e,useRef as r}from"react";import{useClassName as a}from"../../lib/hooks/useClassName/useClassName.mjs";import{useTableHasScroll as t}from"./hooks/useTableHasScroll.mjs";import{useTableShadow as m}from"./hooks/useTableShadow.mjs";import{useTableStickyLeftColumns as l}from"./hooks/useTableStickyLeftColumns.mjs";import{useTableStickyRightColumns as i}from"./hooks/useTableStickyRightColumns.mjs";import{TableStandAlone as d}from"./tableStandAlone.mjs";const h=s(({additionalClasses:s,autoLeftStickyCalc:h=true,autoRightStickyCalc:f=true,disableShadowEffects:n,hasScrollDisabled:b,variant:u,...c},p)=>{const S=a({additionalClassNames:s,component:"TABLE",variant:u});const x=r(null);e(p,()=>x.current);const{hasScroll:j}=t({disabled:b,ref:x});i({disabled:!f,ref:x});l({disabled:!h,ref:x});m({disabled:n,headBoxShadow:S?.headboxshadow,leftBoxShadow:S?.leftboxshadow,ref:x,rightBoxShadow:S?.rightboxshadow});return o(d,{ref:x,cssClasses:S,hasScroll:j,...c})});export{h as Table};

package/dist/esm/components/table/tableStandAlone.mjs

@@ -0,0 +1 @@
+import{jsx as a,jsxs 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(({children:e,component:l="table",cssClasses:r,hasScroll:s,hasScrollDisabled:n,sticky:d,...c},b)=>{const m=o(c);const p=c["data-testid"]||"table-standalone";return t("div",{ref:b,className:r?.table,"data-sticky":d,"data-testid":`${p}-wrapper`,children:[a("div",{"aria-hidden":c["aria-hidden"],"aria-label":s?c["aria-label"]:void 0,"aria-labelledby":s?c["aria-labelledby"]:void 0,className:r?.scrollablecontainer,"data-table-scrollable-container":true,"data-testid":`${p}-scrollable-container`,role:s?"region":void 0,style:{overflow:n?"visible":"auto"},...s?{tabIndex:0}:{},children:a(i,{className:r?.container,component:l,"data-testid":p,...m,children:e})}),a("div",{className:r?.leftboxshadowcontainer,"data-table-left-shadow":true}),a("div",{className:r?.rightboxshadowcontainer,"data-table-right-shadow":true})]})});export{l as TableStandAlone};

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

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

package/dist/esm/components/tableBody/tableBody.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{TableBodyStandAlone as m}from"./tableBodyStandAlone.mjs";const r=o(({additionalClasses:o,variant:r,...t},a)=>{const l=e({additionalClassNames:o,component:"TABLE_BODY",variant:r});return s(m,{ref:a,cssClasses:l,...t})});export{r as TableBody};

package/dist/esm/components/tableBody/tableBodyStandAlone.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="tbody",cssClasses:s,id:i,...n},c)=>{const p=m(n);return t(e,{ref:c,className:s?.table_body,component:r,"data-testid":"table-body",...p,id:i,children:o})});export{r as TableBodyStandAlone};

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

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

package/dist/esm/components/tableCaption/tableCaption.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{TableCaptionStandAlone as a}from"./tableCaptionStandAlone.mjs";const e=o(({additionalClasses:o,variant:e,...m},r)=>{const n=t({additionalClassNames:o,component:"TABLE_CAPTION",variant:e});return s(a,{ref:r,cssClasses:n,...m})});export{e as TableCaption};

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,14 @@
+.kbt-text {
+  -webkit-text-size-adjust: 100%;
+  text-size-adjust: 100%;
+}
+
+.kbt-text--disabled {
+  pointer-events: none;
+}
+
+.kbt-text--truncate {
+  white-space: nowrap;
+  overflow: hidden;
+  text-overflow: ellipsis;
+}

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,54 @@
+.kbt-tooltip {
+  display: inline-block;
+}
+
+.kbt-tooltip__trigger-wrapper {
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  padding: 0;
+  border: none;
+  background: none;
+  min-height: 1.5rem;
+  min-width: 1.5rem;
+}
+
+.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: translateX(-50%);
+}
+
+.kbt-tooltip__arrow--right {
+  top: 50%;
+  left: 100%;
+  transform: translateY(-50%);
+}
+
+.kbt-tooltip__arrow--bottom {
+  top: 100%;
+  left: 50%;
+  transform: translateX(-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};