@kubit-ui-web/react-components 1.17.3 → 2.0.0-beta.1

package/dist/cjs/components/tableDivider/tableDividerStandAlone.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("../../_virtual/jsx-runtime.js"),t=require("react"),i=require("../../lib/utils/pickCustomAttributes/pickCustomAttributes.js"),r=require("../../lib/components/customComponent/customComponent.js"),s=t.forwardRef(({children:t,component:s="div",cssClasses:o,id:n,...u},d)=>{const a=i.pickCustomAttributes(u);return e.jsxRuntimeExports.jsx(r.CustomComponent,{ref:d,className:o?.table_divider,component:s,"data-table-divider":!0,"data-testid":"table-divider",id:n,...a,children:t})});exports.TableDividerStandAlone=s;

package/dist/cjs/components/tableFoot/index.js

@@ -0,0 +1,2 @@
+const { TableFoot } = require('./tableFoot.js');
+module.exports = { ...module.exports, TableFoot };

package/dist/cjs/components/tableFoot/tableFoot.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("../../_virtual/jsx-runtime.js"),s=require("react"),a=require("../../lib/hooks/useClassName/useClassName.js"),t=require("./tableFootStandAlone.js"),r=s.forwardRef(({additionalClasses:s,variant:r,...o},l)=>{const i=a.useClassName({additionalClassNames:s,component:"TABLE_FOOT",variant:r});return e.jsxRuntimeExports.jsx(t.TableFootStandAlone,{ref:l,cssClasses:i,...o})});exports.TableFoot=r;

package/dist/cjs/components/tableFoot/tableFootStandAlone.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("../../_virtual/jsx-runtime.js"),e=require("react"),o=require("../../lib/utils/pickCustomAttributes/pickCustomAttributes.js"),s=require("../../lib/components/customComponent/customComponent.js"),r=e.forwardRef(({children:e,component:r="tfoot",cssClasses:i,id:n,...u},c)=>{const m=o.pickCustomAttributes(u);return t.jsxRuntimeExports.jsx(s.CustomComponent,{ref:c,className:i?.table_foot,component:r,"data-testid":"table-foot",id:n,...m,children:e})});exports.TableFootStandAlone=r;

package/dist/cjs/components/tableHead/index.js

@@ -0,0 +1,2 @@
+const { TableHead } = require('./tableHead.js');
+module.exports = { ...module.exports, TableHead };

package/dist/cjs/components/tableHead/tableHead.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("../../_virtual/jsx-runtime.js"),s=require("react"),a=require("../../lib/hooks/useClassName/useClassName.js"),r=require("./tableHeadStandAlone.js"),t=s.forwardRef(({additionalClasses:s,variant:t,...l},o)=>{const i=a.useClassName({additionalClassNames:s,component:"TABLE_HEAD",variant:t});return e.jsxRuntimeExports.jsx(r.TableHeadStandAlone,{ref:o,cssClasses:i,...l})});exports.TableHead=t;

package/dist/cjs/components/tableHead/tableHeadStandAlone.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("../../_virtual/jsx-runtime.js"),e=require("react"),s=require("../../lib/utils/pickCustomAttributes/pickCustomAttributes.js"),o=require("../../lib/components/customComponent/customComponent.js"),i=e.forwardRef(({children:e,component:i="thead",cssClasses:r,hidden:a,id:n,sticky:d,...u},c)=>{const l=s.pickCustomAttributes(u);return t.jsxRuntimeExports.jsx(o.CustomComponent,{ref:c,className:r?.table_head,component:i,"data-hidden":a,"data-sticky":d,"data-table-head":!0,"data-testid":"table-head",id:n,...l,children:e})});exports.TableHeadStandAlone=i;

package/dist/cjs/components/tableRow/index.js

@@ -0,0 +1,2 @@
+const { TableRow } = require('./tableRow.js');
+module.exports = { ...module.exports, TableRow };

package/dist/cjs/components/tableRow/tableRow.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("../../_virtual/jsx-runtime.js"),s=require("react"),a=require("../../lib/hooks/useClassName/useClassName.js"),r=require("./tableRowStandAlone.js"),t=s.forwardRef(({additionalClasses:s,variant:t,...o},l)=>{const i=a.useClassName({additionalClassNames:s,component:"TABLE_ROW",variant:t});return e.jsxRuntimeExports.jsx(r.TableRowStandAlone,{ref:l,cssClasses:i,...o})});exports.TableRow=t;

package/dist/cjs/components/tableRow/tableRowStandAlone.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("../../_virtual/jsx-runtime.js"),t=require("react"),o=require("../../lib/utils/pickCustomAttributes/pickCustomAttributes.js"),r=require("../../lib/components/customComponent/customComponent.js"),s=t.forwardRef(({active:t,children:s,component:n="tr",cssClasses:i,hoverable:a=!0,id:u,onClick:c,onKeyDown:l,onMouseEnter:m,onMouseLeave:b,...d},p)=>{const C=o.pickCustomAttributes(d);return e.jsxRuntimeExports.jsx(r.CustomComponent,{ref:p,className:i?.table_row,component:n,"data-active":t,"data-hoverable":a,"data-table-row":!0,"data-testid":"table-row",id:u,onClick:c,onKeyDown:l,onMouseEnter:m,onMouseLeave:b,...C,children:s})});exports.TableRowStandAlone=s;

package/dist/cjs/components/tabs/hooks/useTabs/useTabs.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react"),t=require("../../../../lib/hooks/useMediaDevice/useActiveBreakpoints.js"),s=require("../../../../lib/hooks/useRoveFocus/useRoveFocus.js"),o=require("../../utils/keyMove/keLeftMove.js"),i=require("../../utils/keyMove/keyRightMove.js");exports.useTabs=({numTabsInView:r,selectedTab:u,tabsLength:c})=>{const{device:n,isMobile:l}=t.useActiveBreakpoints(),[v,a]=e.useState(0),k=e.useMemo(()=>({keyDownMove:0,keyLeftMove:l?o.keyLeftMove(v,r):-1,keyRightMove:l?i.keyRightMove(c,v,r):1,keyTabMove:null,keyUpMove:0,size:c}),[n,v,r]),[M,y,b]=s.useRoveFocus(k);e.useEffect(()=>{if(b.current&&l){const e=b?.current?.clientWidth/r*v;b.current.style.transform=`translate(-${e}px)`}y(v)},[v,n]);e.useEffect(()=>{(e=>{a(t=>{let s=t;return e>=t&&e<t+r||(s=e-r+1,s=s<0?0:s),s})})(u??0)},[u]);return{focus:M,handleClickIcon:e=>{a(e?v+1:v-1)},handleClickTab:e=>{y(e)},listEl:b,position:v}};

package/dist/cjs/components/tabs/index.js

@@ -0,0 +1,4 @@
+const { TabsControlled } = require('./tabsControlled.js');
+module.exports = { ...module.exports, TabsControlled };
+const { Tabs } = require('./tabsUnControlled.js');
+module.exports = { ...module.exports, Tabs };

package/dist/cjs/components/tabs/tabsControlled.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("../../_virtual/jsx-runtime.js"),s=require("react"),a=require("../../lib/hooks/useClassName/useClassName.js"),r=require("../../lib/hooks/useMediaDevice/useMediaDevice.js"),t=require("./tabsStandAlone.js"),i=s.forwardRef(({additionalClasses:s,variant:i,...o},l)=>{const u=a.useClassName({additionalClassNames:s,component:"TABS",variant:i}),n=r.useMediaDevice();return e.jsxRuntimeExports.jsx(t.TabsStandAlone,{...o,ref:l,cssClasses:u,device:n,selectedTab:o.defaultSelectedTab})});exports.TabsControlled=i;

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

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

package/dist/cjs/components/tabs/tabsUnControlled.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("../../_virtual/jsx-runtime.js"),t=require("react"),r=require("./tabsControlled.js"),o=t.forwardRef(function({defaultSelectedTab:o=0,onSelectTab:s,...a},l){const[n,u]=t.useState(o);return e.jsxRuntimeExports.jsx(r.TabsControlled,{...a,ref:l,defaultSelectedTab:n,onSelectTab:e=>{u(e),s?.(e)}})});exports.Tabs=o,exports.TabsUnControlled=o;

package/dist/cjs/components/tabs/utils/keyMove/keLeftMove.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});exports.keyLeftMove=(e,t)=>o=>o-1<0||o-1<e?e-1+t:o-1;

package/dist/cjs/components/tabs/utils/keyMove/keyRightMove.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});exports.keyRightMove=(e,t,o)=>r=>r+1>=e||r+1===t+o?t:r+1;

package/dist/cjs/components/tag/index.js

@@ -0,0 +1,2 @@
+const { Tag } = require('./tag.js');
+module.exports = { ...module.exports, Tag };

package/dist/cjs/components/tag/tag.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("../../_virtual/jsx-runtime.js"),s=require("react"),a=require("../../lib/hooks/useClassName/useClassName.js"),r=require("./tagStandAlone.js"),t=s.forwardRef(({additionalClasses:s,variant:t,...o},i)=>{const n=a.useClassName({additionalClassNames:s,component:"TAG",variant:t});return e.jsxRuntimeExports.jsx(r.TagStandAlone,{...o,ref:i,cssClasses:n})});exports.Tag=t;

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

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("../../_virtual/jsx-runtime.js"),s=require("react"),t=require("../elementOrIcon/elementOrIcon.js"),o=require("../text/text.js"),r=require("../../lib/components/customComponent/customComponent.js"),n=require("../../lib/utils/pickCustomAttributes/pickCustomAttributes.js"),i=require("../../lib/utils/process/processIcon/processIcon.js"),c=require("../../lib/utils/process/processText/processText.js"),u=s.forwardRef(({component:s="div",cssClasses:u,icon:p,label:l,...m},x)=>{const a=n.pickCustomAttributes(m);return e.jsxRuntimeExports.jsx(r.CustomComponent,{ref:x,className:u?.tag,component:s,"data-testid":"tag",...a,children:e.jsxRuntimeExports.jsxs(e.jsxRuntimeExports.Fragment,{children:[e.jsxRuntimeExports.jsx(t.ElementOrIcon,{className:u?.icon,...i.processIcon(p)}),e.jsxRuntimeExports.jsx(o.Text,{additionalClasses:{text:u?.label},component:"span",...c.processText(l)})]})})});exports.TagStandAlone=u;

package/dist/cjs/components/text/index.js

@@ -0,0 +1,2 @@
+const { Text } = require('./text.js');
+module.exports = { ...module.exports, Text };

package/dist/cjs/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/cjs/components/text/text.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("../../_virtual/jsx-runtime.js"),s=require("react"),r=require("../../lib/hooks/useClassName/useClassName.js"),t=require("./textStandAlone.js"),a=s.forwardRef(({additionalClasses:s,children:a,variant:n,...i},l)=>{const o=r.useClassName({additionalClassNames:s,component:"TEXT",variant:n});return a?e.jsxRuntimeExports.jsx(t.TextStandAlone,{...i,ref:l,cssClasses:o,children:a}):null});exports.Text=a;

package/dist/cjs/components/text/textStandAlone.js

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

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

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("../../../_virtual/jsx-runtime.js"),r=require("../../renderIf/renderIf.js"),s=require("../../text/text.js"),t=require("../../../lib/types/states/states.js"),i=require("../../../lib/utils/process/processText/processText.js"),o=require("../../elementOrIcon/elementOrIcon.js");exports.ErrorStandAlone=({cssClasses:n,customAttributtes:c,errorAriaLiveType:x,errorIcon:u,errorMessage:l,id:a,state:j})=>e.jsxRuntimeExports.jsx("div",{"aria-live":x,className:n?.errorcontainer,id:a,...c,children:e.jsxRuntimeExports.jsx(r.RenderIf,{condition:!!i.processText(l).children&&j===t.STATES.ERROR,children:e.jsxRuntimeExports.jsxs(e.jsxRuntimeExports.Fragment,{children:[e.jsxRuntimeExports.jsx(o.ElementOrIcon,{className:n?.erroricon,customAttributes:c,...u}),e.jsxRuntimeExports.jsx(s.Text,{additionalClasses:{text:n?.errormessage},component:"p",customAttributes:c,...i.processText(l),children:i.processText(l).children})]})})});

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

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("../../../_virtual/jsx-runtime.js"),s=require("../../text/text.js"),t=require("../../../lib/utils/process/processText/processText.js");exports.HelpMessageStandAlone=({cssClasses:r,customAttributtes:o,helpMessage:i,id:l})=>e.jsxRuntimeExports.jsx(s.Text,{additionalClasses:{text:r?.helpmessage},component:"small",customAttributes:o,id:l,...t.processText(i)});

package/dist/cjs/components/textArea/components/textCount/textCount.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("../../../../_virtual/jsx-runtime.js"),s=require("react"),t=require("../../../../lib/hooks/useClassName/useClassName.js"),a=require("./textCountStandAlone.js"),r=s.forwardRef(({additionalClasses:s,variant:r,...o},n)=>{const i=t.useClassName({additionalClassNames:s,component:"TEXT_COUNT",variant:r});return e.jsxRuntimeExports.jsx(a.TextCountStandAlone,{...o,ref:n,cssClasses:i})});exports.TextCount=r;

package/dist/cjs/components/textArea/components/textCount/textCountStandAlone.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("../../../../_virtual/jsx-runtime.js"),e=require("react"),r=require("../../../text/text.js"),i=require("../../../../lib/utils/pickCustomAttributes/pickCustomAttributes.js"),s=e.forwardRef(({cssClasses:e,currentCharacters:s,id:n,leftColor:a,leftWeight:o,marginTop:x,maxLength:l,rightColor:u,rightWeight:c,screenReaderText:d,textVariant:p,...h},m)=>{const j=i.pickCustomAttributes(h);return t.jsxRuntimeExports.jsxs("div",{ref:m,"aria-live":(()=>{if(0===s||s>=l)return"polite"})(),className:e?.text_count,"data-testid":"text-count",style:{marginTop:x},...j,children:[t.jsxRuntimeExports.jsx("screen-reader-only",{children:d},s),t.jsxRuntimeExports.jsx(r.Text,{additionalClasses:{text:e?.letftext},"aria-hidden":!0,color:a,component:"span",variant:p,weight:o,children:s}),t.jsxRuntimeExports.jsx(r.Text,{additionalClasses:{text:e?.righttext},"aria-hidden":!0,color:u,component:"span",variant:p,weight:c,children:` / ${l}`})]})});exports.TextCountStandAlone=s;

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

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("../../../_virtual/jsx-runtime.js"),t=require("../../text/text.js"),s=require("../../../lib/utils/process/processText/processText.js");exports.TitleStandAlone=({cssClasses:r,customAttributtes:i,title:o})=>o?e.jsxRuntimeExports.jsx("div",{className:r?.titlecontainer,...i,children:e.jsxRuntimeExports.jsx(t.Text,{additionalClasses:{text:r?.title},customAttributes:i,...s.processText(o),component:s.processText(o).component??"p",children:s.processText(o).children})}):null;

package/dist/cjs/components/textArea/index.js

@@ -0,0 +1,2 @@
+const { TextArea } = require('./textArea.js');
+module.exports = { ...module.exports, TextArea };

package/dist/cjs/components/textArea/textArea.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("../../_virtual/jsx-runtime.js"),t=require("react"),o=require("../../lib/hooks/useClassName/useClassName.js"),s=require("./textAreaStandAlone.js"),r=require("./utils/state.utils.js"),a=t.forwardRef(function({additionalClasses:a,disabled:n=!1,error:l=!1,labelInsideTextArea:i=!1,onBlur:u,onFocus:d,value:m,variant:x,...y},c){const p=o.useClassName({additionalClassNames:a,component:"TEXT_AREA",variant:x}),[S,b]=t.useState(!1);return e.jsxRuntimeExports.jsx(s.TextAreaStandAlone,{ref:c,cssClasses:p,state:r.getState(n,l,m,S),value:m,onBlur:e=>{if(i){const t=e?.target,o=t?.parentElement;t&&o&&(o.style.removeProperty("outline"),o.style.removeProperty("boxShadow"),t.style.removeProperty("outline"),t.style.removeProperty("boxShadow"))}b(!1),u?.(e)},onFocus:e=>{if(i){const t=e?.target,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"}}b(!0),d?.(e)},...y})});exports.TextArea=a;

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

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

package/dist/cjs/components/textArea/utils/aria.utils.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("../../../lib/types/states/states.js");exports.buildAriaDescribedBy=({errorMessage:t,helpMessage:r,state:s,textAreaErrorId:a,textAreaHelpTextId:o})=>{let i="";return r&&(i+=` ${o}`),t&&s===e.STATES.ERROR&&(i+=` ${a}`),i};

package/dist/cjs/components/textArea/utils/state.utils.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("../../../lib/types/states/states.js");exports.getState=(e,S,T,E)=>{let s;return s=e&&T?t.STATES.DISABLED_FILLED:e?t.STATES.DISABLED_EMPTY:S?t.STATES.ERROR:T?t.STATES.FILLED:E?t.STATES.ACTIVE:t.STATES.EMPTY,s};

package/dist/cjs/components/toggle/index.js

@@ -0,0 +1,7 @@
+module.exports = { ...module.exports, ...require('./types.js') };
+const { ToggleControlled } = require('./toggleControlled.js');
+module.exports = { ...module.exports, ToggleControlled };
+const { ToggleStandalone } = require('./toggleStandAlone.js');
+module.exports = { ...module.exports, ToggleStandalone };
+const { ToggleUncontrolled } = require('./toggleUnControlled.js');
+module.exports = { ...module.exports, ToggleUncontrolled };

package/dist/cjs/components/toggle/toggleControlled.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("../../_virtual/jsx-runtime.js"),s=require("react"),o=require("../../lib/hooks/useClassName/useClassName.js"),a=require("./toggleStandAlone.js"),r=s.forwardRef(({additionalVariantClasses:s,checked:r,onClick:t,onToggle:l,variant:n,...i},c)=>{const d=o.useClassName({additionalClassNames:s,component:"TOGGLE",variant:n});return e.jsxRuntimeExports.jsx(a.ToggleStandalone,{...i,ref:c,checked:r,cssClasses:d,onClick:e=>{const s=!r;l?.(s),t?.(e)}})});r.displayName="ToggleControlled",exports.ToggleControlled=r;

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

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

package/dist/cjs/components/toggle/toggleUnControlled.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("../../_virtual/jsx-runtime.js"),r=require("react"),o=require("./toggleControlled.js"),t=r.forwardRef(({defaultChecked:t=!1,onToggle:l,variant:n,...g},s)=>{const[a,i]=r.useState(t);return e.jsxRuntimeExports.jsx(o.ToggleControlled,{...g,ref:s,checked:a,variant:n,onToggle:e=>{i(e),l?.(e)}})});t.displayName="ToggleUncontrolled",exports.ToggleUncontrolled=t;

package/dist/cjs/components/toggle/utils/buildComponentProps.js

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

package/dist/cjs/components/toggle/utils/thumbTransformCalculations.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("react");exports.useToggleTransform=({checked:e,thumbRef:r,trackRef:d})=>{const[n,a]=t.useState("translateX(0px)");return t.useEffect(()=>{if(d.current&&r.current){const t=window.getComputedStyle(d.current),n=window.getComputedStyle(r.current),i=(({checked:t,thumbStyles:e,trackStyles:r})=>{if(!r||!e)return"translateX(0px)";const d=(t=>!(!t?.borderWidth||"0"===t?.borderWidth||"0rem"===t?.borderWidth||"0px"===t?.borderWidth||"none"===t?.borderStyle))(r);return t?(({borderMultiple:t,borderWidth:e,thumbStyles:r,trackStyles:d})=>{if(!d||!r)return"translateX(0px)";const n=e||"0px";return d.paddingRight&&d.paddingLeft||d.padding?`translateX(calc(${d.width} - ${r.width} - ${d.paddingLeft||d.padding} - ${d.paddingRight||d.padding} - ${n} * ${t}))`:`translateX(calc(${d.width} - ${r.width} - ${n} * ${t}))`})({borderMultiple:d?2:0,borderWidth:d?r?.borderWidth:"0px",thumbStyles:e,trackStyles:r}):"translateX(0px)"})({checked:e,thumbStyles:n,trackStyles:t});a(i)}},[e]),{transform:n}};

package/dist/cjs/components/tooltip/components/tooltipTrigger.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("../../../_virtual/jsx-runtime.js");exports.TooltipTrigger=({ariaDescribedBy:o,children:t,childrenAsButton:n,disabled:r,onClick:i,onKeyDown:s,onMouseDown:l,onMouseUp:a,triggerAsButton:u})=>n?e.jsxRuntimeExports.jsx("button",{"aria-describedby":o,"aria-disabled":r,className:"kbt-tooltip__trigger-wrapper ",...u,disabled:r,type:"button",onClick:i,onKeyDown:s,onMouseDown:l,onMouseUp:a,children:t}):e.jsxRuntimeExports.jsx("div",{className:"kbt-tooltip__trigger-wrapper ",role:"button",tabIndex:0,onClick:i,onKeyDown:s,onMouseDown:l,onMouseUp:a,children:t});

package/dist/cjs/components/tooltip/hooks/useTooltip.js

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

package/dist/cjs/components/tooltip/hooks/useTooltipAsModal.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const o=require("react");exports.useTooltipAsModal=({propTooltipAsModal:e,styleTooltipAsModal:t})=>o.useMemo(()=>e??t??!1,[e,t]);

package/dist/cjs/components/tooltip/hooks/useTooltipAsModalAriaLabel.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react");exports.useTooltipAsModalAriaLabel=t=>{const[r,o]=e.useState(void 0);return e.useEffect(()=>{t.current&&o(t.current.innerText)}),r};

package/dist/cjs/components/tooltip/index.js

@@ -0,0 +1,4 @@
+const { TooltipControlled } = require('./tooltipControlled.js');
+module.exports = { ...module.exports, TooltipControlled };
+const { Tooltip } = require('./tooltipUnControlled.js');
+module.exports = { ...module.exports, Tooltip };

package/dist/cjs/components/tooltip/positioning/computePosition.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("@floating-ui/dom");exports.computePosition=async(t,a,o)=>{const{middleware:r=[],placement:i="top",strategy:n="fixed"}=o,s=i||"top",d=await e.computePosition(t,a,{middleware:r,placement:s,strategy:n}),l=d.placement||"top";return{middlewareData:d.middlewareData,placement:l,strategy:d.strategy,x:d.x,y:d.y}};

package/dist/cjs/components/tooltip/tooltip.css

@@ -0,0 +1,69 @@
+.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__header-content {
+  display: flex;
+  align-items: flex-start;
+}
+
+.kbt-tooltip__close-icon {
+  display: flex;
+  justify-content: flex-end;
+  align-self: flex-end;
+}
+
+.kbt-tooltip__title {
+  word-break: break-word;
+}
+
+.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/cjs/components/tooltip/tooltipControlled.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const o=require("../../_virtual/jsx-runtime.js"),e=require("react"),t=require("../../lib/hooks/useClassName/useClassName.js"),s=require("../../lib/hooks/useMediaDevice/useMediaDevice.js"),l=require("../../lib/hooks/useScrollDetectionWithAutoFocus/useScrollDetectionWithAutoFocus.js"),i=require("./hooks/useTooltipAsModal.js"),a=require("./hooks/useTooltipAsModalAriaLabel.js"),r=require("./tooltipStandAlone.js");exports.TooltipControlled=({additionalClasses:u,tooltipAriaLabel:n,tooltipAsModal:p,tooltipAsModal:c=!1,tooltipRef:d,variant:A,...M})=>{const T=t.useClassName({additionalClassNames:u,component:"TOOLTIP",variant:A}),j=s.useMediaDevice(),m=e.useRef(null),h=a.useTooltipAsModalAriaLabel(m),S=i.useTooltipAsModal({propTooltipAsModal:p,styleTooltipAsModal:c}),{handleScrollDetection:b,hasScroll:v}=l.useScrollDetectionWithAutoFocus({parentElementRef:m});return e.useImperativeHandle(d,()=>m.current,[]),o.jsxRuntimeExports.jsx(r.TooltipStandAlone,{...M,contentHasScroll:v,contentRef:b,cssClasses:T,mediaDevice:j,tooltipAriaLabel:n??h,tooltipAsModal:i.useTooltipAsModal({propTooltipAsModal:S,styleTooltipAsModal:c}),tooltipRef:m})};

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

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

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

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

package/dist/cjs/components/tooltip/utils/tooltip.utils.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});exports.getAriaDescriptorsBy=({contentId:t,hasContent:e,hasTitle:o,titleId:r})=>{const i=[o&&r,e&&t].filter(Boolean);return i.length>0?i.join(" ").trim():void 0};

package/dist/cjs/components/virtualKeyboard/components/digitButton.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("../../../_virtual/jsx-runtime.js"),s=require("../../text/text.js"),e=require("../../../lib/utils/pickCustomAttributes/pickCustomAttributes.js");exports.DigitButton=({cssClasses:i,digit:o,onClick:r,...u})=>{const n=u["data-testid"]||"digit-button",a=e.pickCustomAttributes(u);return t.jsxRuntimeExports.jsx("button",{className:i?.digitbuttons,"data-testid":n,type:"button",onClick:t=>{r(o,t)},...a,children:t.jsxRuntimeExports.jsx(s.Text,{additionalClasses:{text:i?.digittext},component:"span",children:o})})};

package/dist/cjs/components/virtualKeyboard/index.js

@@ -0,0 +1,2 @@
+const { VirtualKeyboard } = require('./virtualKeyboard.js');
+module.exports = { ...module.exports, VirtualKeyboard };

package/dist/cjs/components/virtualKeyboard/virtualKeyboard.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("../../_virtual/jsx-runtime.js"),s=require("react"),a=require("../../lib/hooks/useClassName/useClassName.js"),r=require("../../lib/types/states/states.js"),t=require("./virtualKeyboardStandAlone.js"),o=s.forwardRef(({additionalClasses:o,variant:i,...u},l)=>{const n=a.useClassName({additionalClassNames:o,component:"VIRTUAL_KEYBOARD",variant:i}),[d,T]=s.useState(r.STATES.INACTIVE);return e.jsxRuntimeExports.jsx(t.VirtualKeyboardStandAlone,{...u,ref:l,cssClasses:n,state:d,onVirtualKeyboardBlur:e=>{e.currentTarget.contains(e.relatedTarget)||T(r.STATES.INACTIVE)},onVirtualKeyboardFocus:()=>{T(r.STATES.ACTIVE)}})});exports.VirtualKeyboard=o;

package/dist/cjs/components/virtualKeyboard/virtualKeyboardStandAlone.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("../../_virtual/jsx-runtime.js"),e=require("react"),s=require("../../lib/hooks/useId/useId.js"),i=require("../../lib/types/states/states.js"),r=require("../../lib/utils/pickCustomAttributes/pickCustomAttributes.js"),o=require("../elementOrIcon/elementOrIcon.js"),u=require("./components/digitButton.js"),n=e.forwardRef(({cssClasses:e,digits:n,icon:a,id:l,onDigitButtonClick:c,onRemoveButtonClick:d,onVirtualKeyboardBlur:m,onVirtualKeyboardFocus:b,state:p,...j},x)=>{const A=s.useId("virtualKeyboard"),C=l??A,E={[i.STATES.ACTIVE]:p===i.STATES.ACTIVE,[i.STATES.INACTIVE]:p===i.STATES.INACTIVE},T=j["data-testid"]||"virtual-keyboard";return t.jsxRuntimeExports.jsxs("div",{ref:x,className:e?.virtual_keyboard,"data-testid":T,id:C,role:"presentation",onBlur:m,onFocus:b,...r.pickCustomAttributes(E),children:[t.jsxRuntimeExports.jsx("div",{className:e?.digitwrapper,...r.pickCustomAttributes(E),children:n?.map((s,i)=>t.jsxRuntimeExports.jsx(u.DigitButton,{cssClasses:e,"data-testid":`${T}-digit-button-${i}`,digit:s,onClick:c},s))}),t.jsxRuntimeExports.jsx("button",{className:e?.removebutton,type:"button",onClick:d,children:t.jsxRuntimeExports.jsx(o.ElementOrIcon,{className:e?.iconcontainer,customAttributes:E,...a})})]})});exports.VirtualKeyboardStandAlone=n;

package/dist/cjs/index.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./components/accordion/accordionControlled.js"),o=require("./components/accordion/accordionUnControlled.js"),r=require("./components/avatar/avatar.js"),t=require("./components/badge/badge.js"),n=require("./components/breadcrumbs/breadcrumbs.js"),s=require("./components/button/button.js"),l=require("./components/calendar/calendar.js"),p=require("./components/cardImage/cardImage.js"),i=require("./components/carousel/carousel.js"),a=require("./components/carousel/types/carousel.js"),c=require("./components/checkbox/checkboxControlled.js"),d=require("./components/checkbox/checkboxUnControlled.js"),u=require("./components/checkboxBase/checkboxBaseControlled.js"),x=require("./components/checkboxBase/checkboxBaseUncontrolled.js"),m=require("./components/chip/chip.js"),b=require("./components/container/container.js"),C=require("./components/dataTable/dataTable.js"),g=require("./components/dot/dot.js"),j=require("./components/dropdownSelected/dropdownSelectedControlled.js"),q=require("./components/dropdownSelected/dropdownSelectedUncontrolled.js"),S=require("./components/icon/icon.js"),v=require("./components/icon/iconHost.js"),B=require("./components/image/image.js"),T=require("./components/input/input.js"),P=require("./components/inputBase/inputBase.js"),U=require("./components/inputDecoration/inputDecoration.js"),k=require("./components/inputSignature/inputSignatureControlled.js"),A=require("./components/inputSignature/inputSignatureUncontrolled.js"),E=require("./components/label/labelStandAlone.js"),R=require("./components/link/link.js"),D=require("./components/link/linkAsButton/linkAsButton.js"),I=require("./components/listOptions/listOptions.js"),_=require("./components/message/messageControlled.js"),h=require("./components/message/messageUnControlled.js"),y=require("./components/modal/modalControlled.js"),O=require("./components/modal/modalUnControlled.js"),M=require("./components/navBar/navBar.js"),f=require("./components/option/option.js"),L=require("./components/pageControl/pageControl.js"),w=require("./components/pagination/pagination.js"),N=require("./components/popover/popover.js"),G=require("@floating-ui/dom"),K=require("./components/progressBar/progressBar.js"),F=require("./components/radioButton/radioButton.js"),H=require("./components/radioButton/radioButtonStandAlone.js"),W=require("./components/selectorBoxFile/selectorBoxFile.js"),V=require("./components/skeleton/skeleton.js"),Y=require("./components/slider/slider.js"),z=require("./components/snackbar/snackbar.js"),J=require("./components/stepperNumber/stepperNumber.js"),Q=require("./components/table/table.js"),X=require("./components/tableCaption/tableCaption.js"),Z=require("./components/tableCell/tableCell.js"),$=require("./components/tableDivider/tableDivider.js"),ee=require("./components/tableFoot/tableFoot.js"),oe=require("./components/tableHead/tableHead.js"),re=require("./components/tableRow/tableRow.js"),te=require("./components/tabs/tabsControlled.js"),ne=require("./components/tabs/tabsUnControlled.js"),se=require("./components/tag/tag.js"),le=require("./components/text/text.js"),pe=require("./components/textArea/textArea.js"),ie=require("./components/toggle/toggleControlled.js"),ae=require("./components/toggle/toggleStandAlone.js"),ce=require("./components/toggle/toggleUnControlled.js"),de=require("./components/tooltip/tooltipControlled.js"),ue=require("./components/tooltip/tooltipUnControlled.js"),xe=require("./components/virtualKeyboard/virtualKeyboard.js"),me=require("./lib/provider/genericComponentsProvider/genericComponentsProvider.js"),be=require("./lib/provider/kubitProvider/kubitProvider.js"),Ce=require("./lib/provider/stylesProvider/stylesProvider.js"),ge=require("./lib/provider/utilsProvider/utilsProvider.js");exports.AccordionControlled=e.AccordionControlled,exports.Accordion=o.Accordion,exports.Avatar=r.Avatar,exports.Badge=t.Badge,exports.BreadCrumbs=n.BreadCrumbs,exports.Button=s.Button,exports.Calendar=l.Calendar,exports.CardImage=p.CardImage,exports.Carousel=i.Carousel,exports.CAROUSEL_BUILD_SCREEN_READER_CURRENT_PAGE_KEY=a.CAROUSEL_BUILD_SCREEN_READER_CURRENT_PAGE_KEY,exports.CAROUSEL_BUILD_SCREEN_READER_NUM_PAGES_KEY=a.CAROUSEL_BUILD_SCREEN_READER_NUM_PAGES_KEY,exports.CheckboxControlled=c.CheckboxControlled,exports.Checkbox=d.CheckboxUnControlled,exports.CheckboxBaseControlled=u.CheckboxBaseControlled,exports.CheckboxBase=x.CheckboxBaseUnControlled,exports.Chip=m.Chip,exports.Container=b.Container,exports.DataTable=C.DataTable,exports.Dot=g.Dot,exports.DropdownSelectedControlled=j.DropdownSelectedControlled,exports.DropdownSelected=q.DropdownSelectedUnControlled,exports.IconBasic=S.IconBasic,exports.Icon=v.IconHost,exports.Image=B.Image,exports.Input=T.Input,exports.InputBase=P.InputBase,exports.InputDecoration=U.InputDecoration,exports.InputSignatureControlled=k.InputSignatureControlled,exports.InputSignature=A.InputSignatureUnControlled,exports.Label=E.LabelStandAlone,exports.Link=R.Link,exports.LinkAsButton=D.LinkAsButton,exports.ListOptions=I.ListOptions,exports.MessageControlled=_.MessageControlled,exports.Message=h.MessageUnControlled,exports.ModalControlled=y.ModalControlled,exports.Modal=O.ModalUnControlled,exports.NabVar=M.NabVar,exports.Option=f.Option,exports.PageControl=L.PageControl,exports.Pagination=w.Pagination,exports.Popover=N.Popover,Object.defineProperty(exports,"popoverMWArrow",{enumerable:!0,get:()=>G.arrow}),Object.defineProperty(exports,"popoverMWAutoPlacement",{enumerable:!0,get:()=>G.autoPlacement}),Object.defineProperty(exports,"popoverMWFlip",{enumerable:!0,get:()=>G.flip}),Object.defineProperty(exports,"popoverMWHide",{enumerable:!0,get:()=>G.hide}),Object.defineProperty(exports,"popoverMWOffset",{enumerable:!0,get:()=>G.offset}),Object.defineProperty(exports,"popoverMWShift",{enumerable:!0,get:()=>G.shift}),Object.defineProperty(exports,"popoverMWSize",{enumerable:!0,get:()=>G.size}),exports.ProgressBar=K.ProgressBar,exports.RadioButton=F.RadioButton,exports.RadioButtonStandAlone=H.RadioButtonStandAlone,exports.SelectorBoxFile=W.SelectorBoxFile,exports.Skeleton=V.Skeleton,exports.Slider=Y.Slider,exports.Snackbar=z.Snackbar,exports.StepperNumber=J.StepperNumber,exports.Table=Q.Table,exports.TableCaption=X.TableCaption,exports.TableCell=Z.TableCell,exports.TableDivider=$.TableDivider,exports.TableFoot=ee.TableFoot,exports.TableHead=oe.TableHead,exports.TableRow=re.TableRow,exports.TabsControlled=te.TabsControlled,exports.Tabs=ne.TabsUnControlled,exports.Tag=se.Tag,exports.Text=le.Text,exports.TextArea=pe.TextArea,exports.ToggleControlled=ie.ToggleControlled,exports.ToggleStandalone=ae.ToggleStandalone,exports.ToggleUncontrolled=ce.ToggleUncontrolled,exports.TooltipControlled=de.TooltipControlled,exports.Tooltip=ue.TooltipUnControlled,exports.VirtualKeyboard=xe.VirtualKeyboard,exports.GenericComponentContext=me.GenericComponentContext,exports.GenericComponentsProvider=me.GenericComponentsProvider,exports.useGenericComponents=me.useGenericComponents,exports.KubitProvider=be.KubitProvider,exports.StylesContext=Ce.StylesContext,exports.StylesProvider=Ce.StylesProvider,exports.useStylesContext=Ce.useStylesContext,exports.UtilsContext=ge.UtilsContext,exports.UtilsProvider=ge.UtilsProvider,exports.useUtilsProvider=ge.useUtilsProvider;

package/dist/cjs/lib/components/customComponent/customComponent.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("../../../_virtual/jsx-runtime.js"),r=require("react").forwardRef(({children:r,className:t,component:s,...o},n)=>{const a=s||"span";return e.jsxRuntimeExports.jsx(a,{ref:n,className:t,...o,children:r})});exports.CustomComponent=r;

package/dist/cjs/lib/components/errorMessage/errorMessage.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("../../../_virtual/jsx-runtime.js"),s=require("react"),r=require("../../hooks/useClassName/useClassName.js"),a=require("./errorMessageStandAlone.js"),t=s.forwardRef(({additionalClasses:s,variant:t,...o},i)=>{const n=r.useClassName({additionalClassNames:s,component:"ERROR_MESSAGE",variant:t});return e.jsxRuntimeExports.jsx(a.ErrorMessageStandAlone,{ref:i,cssClasses:n,...o,"data-testid":"error-message"})});exports.ErrorMessage=t;

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

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const s=require("../../../_virtual/jsx-runtime.js"),e=require("react"),r=require("../../../components/elementOrIcon/elementOrIcon.js"),t=require("../../../components/text/text.js"),o=require("../../utils/classNames/classNames.js"),i=require("../../utils/pickCustomAttributes/pickCustomAttributes.js"),n=require("../../utils/process/processIcon/processIcon.js"),c=require("../../utils/process/processText/processText.js"),u=e.forwardRef(({cssClasses:e,icon:u,message:a,...l},m)=>{if(!a)return null;const x=i.pickCustomAttributes(l);return s.jsxRuntimeExports.jsx("div",{ref:m,...x,className:o.classNames("kbt-error-message__container",e?.error_message,{"kbt-sr-only":!l.show}),id:l.id,children:l.show&&s.jsxRuntimeExports.jsxs(s.jsxRuntimeExports.Fragment,{children:[s.jsxRuntimeExports.jsx(r.ElementOrIcon,{className:e?.icon,...n.processIcon(u)}),s.jsxRuntimeExports.jsx(t.Text,{additionalClasses:{text:e?.typography},...c.processText(a)})]})})});exports.ErrorMessageStandAlone=u;

package/dist/cjs/lib/constants/keyboardKeys/keyboardKeys.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});exports.ARROW_DOWN={code:"ArrowDown",key:"ArrowDown"},exports.ARROW_LEFT={code:"ArrowLeft",key:"ArrowLeft"},exports.ARROW_RIGHT={code:"ArrowRight",key:"ArrowRight"},exports.ARROW_UP={code:"ArrowUp",key:"ArrowUp"},exports.END={key:"End"},exports.ENTER={key:"Enter"},exports.ESCAPE={key:["Escape","Esc"]},exports.HOME={key:"Home"},exports.PAGE_DOWN={code:"PageDown"},exports.PAGE_UP={code:"PageUp"},exports.SPACE={key:" "},exports.TAB={code:"Tab",key:"Tab"};