@kubit-ui-web/react-components 2.0.0-beta.5 → 2.0.0-beta.51

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

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react"),r=require("../../../lib/utils/resizeObserver/resizeObserver.js"),s=require("../../../lib/utils/scroll/hasScroll.js");exports.useTableHasScroll=({disabled:t=!1,ref:l})=>{const[o,c]=e.useState(!1);return e.useEffect(()=>{const e=l.current?.querySelector?.("[data-table-scrollable-container]");let o;if(e instanceof HTMLElement&&!t){const t=e=>{c(s.hasScroll(e))};t(e),o=new r.ResizeObserver(()=>{t(e)}),o.observe(e)}return t&&c(!1),()=>{o?.disconnect()}},[t]),{hasScroll:o}};
+const e=require(`../../../lib/utils/scroll/hasScroll.js`);let t=require(`react`);exports.useTableHasScroll=({disabled:n=!1,ref:r})=>{let[i,a]=(0,t.useState)(!1);return(0,t.useEffect)(()=>{let t=r.current?.querySelector?.(`[data-table-scrollable-container]`),i;if(t instanceof HTMLElement&&!n){let n=t=>{a(e.hasScroll(t))};n(t),i=new ResizeObserver(()=>{n(t)}),i.observe(t)}return n&&a(!1),()=>{i?.disconnect()}},[n]),{hasScroll:i}};

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

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

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

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

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

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

package/dist/cjs/components/table/table.js

@@ -1 +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"),l=require("./hooks/useTableHasScroll.js"),o=require("./hooks/useTableShadow.js"),r=require("./hooks/useTableStickyLeftColumns.js"),t=require("./hooks/useTableStickyRightColumns.js"),i=require("./tableStandAlone.js"),u=s.forwardRef(({additionalClasses:u,autoLeftStickyCalc:d=!0,autoRightStickyCalc:n=!0,disableShadowEffects:h,hasScrollDisabled:b,variant:c,...S},f)=>{const m=a.useClassName({additionalClassNames:u,component:"TABLE",variant:c}),x=s.useRef(null);s.useImperativeHandle(f,()=>x.current);const{hasScroll:C}=l.useTableHasScroll({disabled:b,ref:x});return t.useTableStickyRightColumns({disabled:!n,ref:x}),r.useTableStickyLeftColumns({disabled:!d,ref:x}),o.useTableShadow({disabled:h,headBoxShadow:m?.headboxshadow,leftBoxShadow:m?.leftboxshadow,ref:x,rightBoxShadow:m?.rightboxshadow}),e.jsxRuntimeExports.jsx(i.TableStandAlone,{ref:x,cssClasses:m,hasScroll:C,...S})});exports.Table=u;
+const e=require(`../../lib/hooks/useClassName/useClassName.js`),t=require(`./hooks/useTableHasScroll.js`),n=require(`./hooks/useTableShadow.js`),r=require(`./hooks/useTableStickyLeftColumns.js`),i=require(`./hooks/useTableStickyRightColumns.js`),a=require(`./tableStandAlone.js`);let o=require(`react`),s=require(`react/jsx-runtime`);const c=(0,o.forwardRef)(({additionalClasses:c,autoLeftStickyCalc:l=!0,autoRightStickyCalc:u=!0,disableShadowEffects:d,hasScrollDisabled:f,variant:p,...m},h)=>{let g=e.useClassName({additionalClassNames:c,component:`TABLE`,variant:p}),_=(0,o.useRef)(null);(0,o.useImperativeHandle)(h,()=>_.current);let{hasScroll:v}=t.useTableHasScroll({disabled:f,ref:_});return i.useTableStickyRightColumns({disabled:!u,ref:_}),r.useTableStickyLeftColumns({disabled:!l,ref:_}),n.useTableShadow({disabled:d,headBoxShadow:g?.headboxshadow,leftBoxShadow:g?.leftboxshadow,ref:_,rightBoxShadow:g?.rightboxshadow}),(0,s.jsx)(a.TableStandAlone,{ref:_,cssClasses:g,hasScroll:v,...m})});exports.Table=c;

package/dist/cjs/components/table/tableStandAlone.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("../../_virtual/jsx-runtime.js"),t=require("react"),a=require("../../lib/utils/pickCustomAttributes/pickCustomAttributes.js"),s=require("../../lib/components/customComponent/customComponent.js"),i=t.forwardRef(({children:t,component:i="table",cssClasses:o,hasScroll:r,hasScrollDisabled:l,sticky:n,...d},c)=>{const b=a.pickCustomAttributes(d),u=d["data-testid"]||"table-standalone";return e.jsxRuntimeExports.jsxs("div",{ref:c,className:o?.table,"data-sticky":n,"data-testid":`${u}-wrapper`,children:[e.jsxRuntimeExports.jsx("div",{"aria-hidden":d["aria-hidden"],"aria-label":r?d["aria-label"]:void 0,"aria-labelledby":r?d["aria-labelledby"]:void 0,className:o?.scrollablecontainer,"data-table-scrollable-container":!0,"data-testid":`${u}-scrollable-container`,role:r?"region":void 0,style:{overflow:l?"visible":"auto"},...r?{tabIndex:0}:{},children:e.jsxRuntimeExports.jsx(s.CustomComponent,{className:o?.container,component:i,"data-testid":u,...b,children:t})}),e.jsxRuntimeExports.jsx("div",{className:o?.leftboxshadowcontainer,"data-table-left-shadow":!0}),e.jsxRuntimeExports.jsx("div",{className:o?.rightboxshadowcontainer,"data-table-right-shadow":!0})]})});exports.TableStandAlone=i;
+const e=require(`../../lib/utils/pickCustomAttributes/pickCustomAttributes.js`),t=require(`../../lib/components/customComponent/customComponent.js`);let n=require(`react`),r=require(`react/jsx-runtime`);const i=(0,n.forwardRef)(({children:n,component:i=`table`,cssClasses:a,hasScroll:o,hasScrollDisabled:s,sticky:c,...l},u)=>{let d=e.pickCustomAttributes(l),f=l[`data-testid`]||`table-standalone`;return(0,r.jsxs)(`div`,{ref:u,className:a?.table,"data-sticky":c,"data-testid":`${f}-wrapper`,children:[(0,r.jsx)(`div`,{"aria-hidden":l[`aria-hidden`],"aria-label":o?l[`aria-label`]:void 0,"aria-labelledby":o?l[`aria-labelledby`]:void 0,className:a?.scrollablecontainer,"data-table-scrollable-container":!0,"data-testid":`${f}-scrollable-container`,role:o?`region`:void 0,style:{overflow:s?`visible`:`auto`},...o?{tabIndex:0}:{},children:(0,r.jsx)(t.CustomComponent,{className:a?.container,component:i,"data-testid":f,...d,children:n})}),(0,r.jsx)(`div`,{className:a?.leftboxshadowcontainer,"data-table-left-shadow":!0}),(0,r.jsx)(`div`,{className:a?.rightboxshadowcontainer,"data-table-right-shadow":!0})]})});exports.TableStandAlone=i;

package/dist/cjs/components/tableBody/tableBody.js

@@ -1 +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("./tableBodyStandAlone.js"),t=s.forwardRef(({additionalClasses:s,variant:t,...o},l)=>{const i=a.useClassName({additionalClassNames:s,component:"TABLE_BODY",variant:t});return e.jsxRuntimeExports.jsx(r.TableBodyStandAlone,{ref:l,cssClasses:i,...o})});exports.TableBody=t;
+const e=require(`../../lib/hooks/useClassName/useClassName.js`),t=require(`./tableBodyStandAlone.js`);let n=require(`react`),r=require(`react/jsx-runtime`);const i=(0,n.forwardRef)(({additionalClasses:n,variant:i,...a},o)=>(0,r.jsx)(t.TableBodyStandAlone,{ref:o,cssClasses:e.useClassName({additionalClassNames:n,component:`TABLE_BODY`,variant:i}),...a}));exports.TableBody=i;

package/dist/cjs/components/tableBody/tableBodyStandAlone.js

@@ -1 +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="tbody",cssClasses:i,id:n,...u},c)=>{const m=o.pickCustomAttributes(u);return t.jsxRuntimeExports.jsx(s.CustomComponent,{ref:c,className:i?.table_body,component:r,"data-testid":"table-body",...m,id:n,children:e})});exports.TableBodyStandAlone=r;
+const e=require(`../../lib/utils/pickCustomAttributes/pickCustomAttributes.js`),t=require(`../../lib/components/customComponent/customComponent.js`);let n=require(`react`),r=require(`react/jsx-runtime`);const i=(0,n.forwardRef)(({children:n,component:i=`tbody`,cssClasses:a,id:o,...s},c)=>{let l=e.pickCustomAttributes(s);return(0,r.jsx)(t.CustomComponent,{ref:c,className:a?.table_body,component:i,"data-testid":`table-body`,...l,id:o,children:n})});exports.TableBodyStandAlone=i;

package/dist/cjs/components/tableCaption/tableCaption.js

@@ -1 +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("./tableCaptionStandAlone.js"),r=s.forwardRef(({additionalClasses:s,variant:r,...o},i)=>{const n=a.useClassName({additionalClassNames:s,component:"TABLE_CAPTION",variant:r});return e.jsxRuntimeExports.jsx(t.TableCaptionStandAlone,{ref:i,cssClasses:n,...o})});exports.TableCaption=r;
+const e=require(`../../lib/hooks/useClassName/useClassName.js`),t=require(`./tableCaptionStandAlone.js`);let n=require(`react`),r=require(`react/jsx-runtime`);const i=(0,n.forwardRef)(({additionalClasses:n,variant:i,...a},o)=>(0,r.jsx)(t.TableCaptionStandAlone,{ref:o,cssClasses:e.useClassName({additionalClassNames:n,component:`TABLE_CAPTION`,variant:i}),...a}));exports.TableCaption=i;

package/dist/cjs/components/tableCaption/tableCaptionStandAlone.js

@@ -1 +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"),i=e.forwardRef(({children:e,component:i="caption",cssClasses:n,hidden:r,id:u,...c},a)=>{const m=o.pickCustomAttributes(c);return t.jsxRuntimeExports.jsx(s.CustomComponent,{ref:a,className:n?.table_caption,component:i,"data-hidden":r,id:u,...m,children:e})});exports.TableCaptionStandAlone=i;
+const e=require(`../../lib/utils/pickCustomAttributes/pickCustomAttributes.js`),t=require(`../../lib/components/customComponent/customComponent.js`);let n=require(`react`),r=require(`react/jsx-runtime`);const i=(0,n.forwardRef)(({children:n,component:i=`caption`,cssClasses:a,hidden:o,id:s,...c},l)=>{let u=e.pickCustomAttributes(c);return(0,r.jsx)(t.CustomComponent,{ref:l,className:a?.table_caption,component:i,"data-hidden":o,id:s,...u,children:n})});exports.TableCaptionStandAlone=i;

package/dist/cjs/components/tableCell/tableCell.js

@@ -1 +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("./tableCellStandAlone.js"),l=s.forwardRef(({additionalClasses:s,variant:l,...t},o)=>{const i=a.useClassName({additionalClassNames:s,component:"TABLE_CELL",variant:l});return e.jsxRuntimeExports.jsx(r.TableCellStandAlone,{ref:o,cssClasses:i,...t})});exports.TableCell=l;
+const e=require(`../../lib/hooks/useClassName/useClassName.js`),t=require(`./tableCellStandAlone.js`);let n=require(`react`),r=require(`react/jsx-runtime`);const i=(0,n.forwardRef)(({additionalClasses:n,variant:i,...a},o)=>(0,r.jsx)(t.TableCellStandAlone,{ref:o,cssClasses:e.useClassName({additionalClassNames:n,component:`TABLE_CELL`,variant:i}),...a}));exports.TableCell=i;

package/dist/cjs/components/tableCell/tableCellStandAlone.js

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

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

@@ -1 +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("./tableDividerStandAlone.js"),t=s.forwardRef(({additionalClasses:s,variant:t,...i},l)=>{const o=a.useClassName({additionalClassNames:s,component:"TABLE_DIVIDER",variant:t});return e.jsxRuntimeExports.jsx(r.TableDividerStandAlone,{ref:l,cssClasses:o,...i})});exports.TableDivider=t;
+const e=require(`../../lib/hooks/useClassName/useClassName.js`),t=require(`./tableDividerStandAlone.js`);let n=require(`react`),r=require(`react/jsx-runtime`);const i=(0,n.forwardRef)(({additionalClasses:n,variant:i,...a},o)=>(0,r.jsx)(t.TableDividerStandAlone,{ref:o,cssClasses:e.useClassName({additionalClassNames:n,component:`TABLE_DIVIDER`,variant:i}),...a}));exports.TableDivider=i;

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

@@ -1 +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;
+const e=require(`../../lib/utils/pickCustomAttributes/pickCustomAttributes.js`),t=require(`../../lib/components/customComponent/customComponent.js`);let n=require(`react`),r=require(`react/jsx-runtime`);const i=(0,n.forwardRef)(({children:n,component:i=`div`,cssClasses:a,id:o,...s},c)=>{let l=e.pickCustomAttributes(s);return(0,r.jsx)(t.CustomComponent,{ref:c,className:a?.table_divider,component:i,"data-table-divider":!0,"data-testid":`table-divider`,id:o,...l,children:n})});exports.TableDividerStandAlone=i;

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

@@ -1 +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;
+const e=require(`../../lib/hooks/useClassName/useClassName.js`),t=require(`./tableFootStandAlone.js`);let n=require(`react`),r=require(`react/jsx-runtime`);const i=(0,n.forwardRef)(({additionalClasses:n,variant:i,...a},o)=>(0,r.jsx)(t.TableFootStandAlone,{ref:o,cssClasses:e.useClassName({additionalClassNames:n,component:`TABLE_FOOT`,variant:i}),...a}));exports.TableFoot=i;

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

@@ -1 +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;
+const e=require(`../../lib/utils/pickCustomAttributes/pickCustomAttributes.js`),t=require(`../../lib/components/customComponent/customComponent.js`);let n=require(`react`),r=require(`react/jsx-runtime`);const i=(0,n.forwardRef)(({children:n,component:i=`tfoot`,cssClasses:a,id:o,...s},c)=>{let l=e.pickCustomAttributes(s);return(0,r.jsx)(t.CustomComponent,{ref:c,className:a?.table_foot,component:i,"data-testid":`table-foot`,id:o,...l,children:n})});exports.TableFootStandAlone=i;

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

@@ -1 +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;
+const e=require(`../../lib/hooks/useClassName/useClassName.js`),t=require(`./tableHeadStandAlone.js`);let n=require(`react`),r=require(`react/jsx-runtime`);const i=(0,n.forwardRef)(({additionalClasses:n,variant:i,...a},o)=>(0,r.jsx)(t.TableHeadStandAlone,{ref:o,cssClasses:e.useClassName({additionalClassNames:n,component:`TABLE_HEAD`,variant:i}),...a}));exports.TableHead=i;

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

@@ -1 +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;
+const e=require(`../../lib/utils/pickCustomAttributes/pickCustomAttributes.js`),t=require(`../../lib/components/customComponent/customComponent.js`);let n=require(`react`),r=require(`react/jsx-runtime`);const i=(0,n.forwardRef)(({children:n,component:i=`thead`,cssClasses:a,hidden:o,id:s,sticky:c,...l},u)=>{let d=e.pickCustomAttributes(l);return(0,r.jsx)(t.CustomComponent,{ref:u,className:a?.table_head,component:i,"data-hidden":o,"data-sticky":c,"data-table-head":!0,"data-testid":`table-head`,id:s,...d,children:n})});exports.TableHeadStandAlone=i;

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

@@ -1 +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;
+const e=require(`../../lib/hooks/useClassName/useClassName.js`),t=require(`./tableRowStandAlone.js`);let n=require(`react`),r=require(`react/jsx-runtime`);const i=(0,n.forwardRef)(({additionalClasses:n,variant:i,...a},o)=>(0,r.jsx)(t.TableRowStandAlone,{ref:o,cssClasses:e.useClassName({additionalClassNames:n,component:`TABLE_ROW`,variant:i}),...a}));exports.TableRow=i;

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

@@ -1 +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;
+const e=require(`../../lib/utils/pickCustomAttributes/pickCustomAttributes.js`),t=require(`../../lib/components/customComponent/customComponent.js`);let n=require(`react`),r=require(`react/jsx-runtime`);const i=(0,n.forwardRef)(({active:n,children:i,component:a=`tr`,cssClasses:o,hoverable:s=!0,id:c,onClick:l,onKeyDown:u,onMouseEnter:d,onMouseLeave:f,...p},m)=>{let h=e.pickCustomAttributes(p);return(0,r.jsx)(t.CustomComponent,{ref:m,className:o?.table_row,component:a,"data-active":n,"data-hoverable":s,"data-table-row":!0,"data-testid":`table-row`,id:c,onClick:l,onKeyDown:u,onMouseEnter:d,onMouseLeave:f,...h,children:i})});exports.TableRowStandAlone=i;

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

@@ -1 +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}};
+const e=require(`../../../../lib/hooks/useRoveFocus/useRoveFocus.js`),t=require(`../../../../lib/hooks/useMediaDevice/useActiveBreakpoints.js`),n=require(`../../utils/keyMove/keLeftMove.js`),r=require(`../../utils/keyMove/keyRightMove.js`);let i=require(`react`);exports.useTabs=({numTabsInView:a,selectedTab:o,tabsLength:s})=>{let{device:c,isMobile:l}=t.useActiveBreakpoints(),[u,d]=(0,i.useState)(0),[f,p,m]=e.useRoveFocus((0,i.useMemo)(()=>({keyDownMove:0,keyLeftMove:l?n.keyLeftMove(u,a):-1,keyRightMove:l?r.keyRightMove(s,u,a):1,keyTabMove:null,keyUpMove:0,size:s}),[c,u,a]));(0,i.useEffect)(()=>{if(m.current&&l){let e=m?.current?.clientWidth/a*u;m.current.style.transform=`translate(-${e}px)`}p(u)},[u,c]);let h=e=>d(t=>{let n=t;return e>=t&&e<t+a||(n=e-a+1,n=n<0?0:n),n});return(0,i.useEffect)(()=>{h(o??0)},[o]),{focus:f,handleClickIcon:e=>{d(e?u+1:u-1)},handleClickTab:e=>{p(e)},listEl:m,position:u}};

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

@@ -1 +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;
+const e=require(`../../lib/hooks/useClassName/useClassName.js`),t=require(`../../lib/hooks/useMediaDevice/useMediaDevice.js`),n=require(`./tabsStandAlone.js`);let r=require(`react`),i=require(`react/jsx-runtime`);const a=(0,r.forwardRef)(({additionalClasses:r,variant:a,...o},s)=>{let c=e.useClassName({additionalClassNames:r,component:`TABS`,variant:a}),l=t.useMediaDevice();return(0,i.jsx)(n.TabsStandAlone,{...o,ref:s,cssClasses:c,device:l,selectedTab:o.defaultSelectedTab})});exports.TabsControlled=a;

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

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

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

@@ -1 +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;
+const e=require(`./tabsControlled.js`);let t=require(`react`),n=require(`react/jsx-runtime`);const r=(0,t.forwardRef)(function({defaultSelectedTab:r=0,onSelectTab:i,...a},o){let[s,c]=(0,t.useState)(r),l=e=>{c(e),i?.(e)};return(0,n.jsx)(e.TabsControlled,{...a,ref:o,defaultSelectedTab:s,onSelectTab:l})});exports.TabsUnControlled=r;

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

@@ -1 +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;
+exports.keyLeftMove=(e,t)=>n=>n-1<0||n-1<e?e-1+t:n-1;

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

@@ -1 +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;
+exports.keyRightMove=(e,t,n)=>r=>r+1>=e||r+1===t+n?t:r+1;

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

@@ -1 +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;
+const e=require(`../../lib/hooks/useClassName/useClassName.js`),t=require(`./tagStandAlone.js`);let n=require(`react`),r=require(`react/jsx-runtime`);const i=(0,n.forwardRef)(({additionalClasses:n,variant:i,...a},o)=>{let s=e.useClassName({additionalClassNames:n,component:`TAG`,variant:i});return(0,r.jsx)(t.TagStandAlone,{...a,ref:o,cssClasses:s})});exports.Tag=i;

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

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

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

@@ -0,0 +1 @@
+const e=require(`../../lib/hooks/useClassName/useClassName.js`),t=require(`./textStandAlone.js`);let n=require(`react`),r=require(`react/jsx-runtime`);const i=(0,n.forwardRef)(({additionalClasses:n,children:i,variant:a,...o},s)=>{let c=e.useClassName({additionalClassNames:n,component:`TEXT`,variant:a});return i?(0,r.jsx)(t.TextStandAlone,{...o,ref:s,cssClasses:c,children:i}):null});exports.Text=i;

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

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

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

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

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

@@ -1 +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)});
+const e=require(`../../text/text2.js`),t=require(`../../../lib/utils/process/processCommonProp.js`);let n=require(`react/jsx-runtime`);exports.HelpMessageStandAlone=({cssClasses:r,customAttributtes:i,helpMessage:a,id:o})=>(0,n.jsx)(e.Text,{additionalClasses:{text:r?.helpmessage},component:`small`,customAttributes:i,id:o,...t.processTextProp(a)});

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

@@ -1 +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;
+const e=require(`../../../../lib/hooks/useClassName/useClassName.js`),t=require(`./textCountStandAlone.js`);let n=require(`react`),r=require(`react/jsx-runtime`);var i=`TEXT_COUNT`;const a=(0,n.forwardRef)(({additionalClasses:n,variant:a,...o},s)=>{let c=e.useClassName({additionalClassNames:n,component:i,variant:a});return(0,r.jsx)(t.TextCountStandAlone,{...o,ref:s,cssClasses:c})});exports.TextCount=a;

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

@@ -1 +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;
+const e=require(`../../../../lib/utils/pickCustomAttributes/pickCustomAttributes.js`),t=require(`../../../text/text2.js`),n=require(`../../../../lib/components/screen-reader-only/screenReaderOnly.js`);let r=require(`react`),i=require(`react/jsx-runtime`);const a=(0,r.forwardRef)(({cssClasses:r,currentCharacters:a,id:o,leftColor:s,leftWeight:c,marginTop:l,maxLength:u,rightColor:d,rightWeight:f,screenReaderText:p,textVariant:m,...h},g)=>{let _=()=>{if(a===0||a>=u)return`polite`},v=e.pickCustomAttributes(h);return(0,i.jsxs)(`div`,{ref:g,"aria-live":_(),className:r?.text_count,"data-testid":`text-count`,style:{marginTop:l},...v,children:[(0,i.jsx)(n.ScreenReaderOnly,{children:p},a),(0,i.jsx)(t.Text,{additionalClasses:{text:r?.letftext},"aria-hidden":!0,color:s,component:`span`,variant:m,weight:c,children:a}),(0,i.jsx)(t.Text,{additionalClasses:{text:r?.righttext},"aria-hidden":!0,color:d,component:`span`,variant:m,weight:f,children:` / ${u}`})]})});exports.TextCountStandAlone=a;

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

@@ -1 +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;
+const e=require(`../../text/text2.js`),t=require(`../../../lib/utils/process/processCommonProp.js`);let n=require(`react/jsx-runtime`);exports.TitleStandAlone=({cssClasses:r,customAttributtes:i,title:a})=>a?(0,n.jsx)(`div`,{className:r?.titlecontainer,...i,children:(0,n.jsx)(e.Text,{additionalClasses:{text:r?.title},customAttributes:i,...t.processTextProp(a),component:t.processTextProp(a).component??`p`,children:t.processTextProp(a).children})}):null;

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

@@ -1 +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;
+const e=require(`../../lib/hooks/useClassName/useClassName.js`),t=require(`./textAreaStandAlone.js`),n=require(`./utils/state.utils.js`);let r=require(`react`),i=require(`react/jsx-runtime`);var a=`TEXT_AREA`;const o=(0,r.forwardRef)(function({additionalClasses:o,disabled:s=!1,error:c=!1,labelInsideTextArea:l=!1,onBlur:u,onFocus:d,value:f,variant:p,...m},h){let g=e.useClassName({additionalClassNames:o,component:a,variant:p}),[_,v]=(0,r.useState)(!1);return(0,i.jsx)(t.TextAreaStandAlone,{ref:h,cssClasses:g,state:n.getState(s,c,f,_),value:f,onBlur:e=>{if(l){let t=e?.target,n=t?.parentElement;t&&n&&(n.style.removeProperty(`outline`),n.style.removeProperty(`boxShadow`),t.style.removeProperty(`outline`),t.style.removeProperty(`boxShadow`))}v(!1),u?.(e)},onFocus:e=>{if(l){let t=e?.target,n=t?.parentElement;if(t&&n){let e=window.getComputedStyle(t);n.style.outline=e.outline,n.style.boxShadow=e.boxShadow,t.style.outline=`none`,t.style.boxShadow=`none`}}v(!0),d?.(e)},...m})});exports.TextArea=o;

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

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

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

@@ -1 +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};
+const e=require(`../../../lib/types/states/states.js`);exports.buildAriaDescribedBy=({errorMessage:t,helpMessage:n,state:r,textAreaErrorId:i,textAreaHelpTextId:a})=>{let o=``;return n&&(o+=` ${a}`),t&&r===e.STATES.ERROR&&(o+=` ${i}`),o};

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

@@ -1 +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};
+const e=require(`../../../lib/types/states/states.js`);exports.getState=(t,n,r,i)=>{let a;return a=t&&r?e.STATES.DISABLED_FILLED:t?e.STATES.DISABLED_EMPTY:n?e.STATES.ERROR:r?e.STATES.FILLED:i?e.STATES.ACTIVE:e.STATES.EMPTY,a};

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

@@ -1 +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;
+const e=require(`../../lib/hooks/useClassName/useClassName.js`),t=require(`./toggleStandAlone.js`);let n=require(`react`),r=require(`react/jsx-runtime`);const i=(0,n.forwardRef)(({additionalVariantClasses:n,checked:i,onClick:a,onToggle:o,variant:s,...c},l)=>{let u=e.useClassName({additionalClassNames:n,component:`TOGGLE`,variant:s}),d=e=>{o?.(!i),a?.(e)};return(0,r.jsx)(t.ToggleStandalone,{...c,ref:l,checked:i,cssClasses:u,onClick:d})});i.displayName=`ToggleControlled`,exports.ToggleControlled=i;

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

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

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

@@ -1 +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;
+const e=require(`./toggleControlled.js`);let t=require(`react`),n=require(`react/jsx-runtime`);const r=(0,t.forwardRef)(({defaultChecked:r=!1,onToggle:i,variant:a,...o},s)=>{let[c,l]=(0,t.useState)(r),u=e=>{l(e),i?.(e)};return(0,n.jsx)(e.ToggleControlled,{...o,ref:s,checked:c,variant:a,onToggle:u})});r.displayName=`ToggleUncontrolled`,exports.ToggleUncontrolled=r;

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

@@ -1 +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);
+var e=e=>({"aria-hidden":!0,id:e.id,name:void 0,value:void 0}),t=e=>{let{"aria-describedby":t,"aria-label":n,"aria-labelledby":r,checked:i,disabled:a,id:o,name:s,onBlur:c,onClick:l,onFocus:u,onKeyDown:d,onMouseEnter:f,onMouseLeave:p,tabIndex:m,value:h}=e;return{"aria-checked":!!i,"aria-describedby":t,"aria-label":n,"aria-labelledby":r,disabled:!!a,id:o,name:s,onBlur:c,onClick:l,onFocus:u,onKeyDown:d,onMouseEnter:f,onMouseLeave:p,role:`switch`,tabIndex:m,value:h}};exports.buildComponentProps=n=>n.decorative?e(n):t(n);

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

@@ -1 +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}};
+let e=require(`react`);var t=({borderMultiple:e,borderWidth:t,thumbStyles:n,trackStyles:r})=>{if(!r||!n)return`translateX(0px)`;let i=t||`0px`;return r.paddingRight&&r.paddingLeft||r.padding?`translateX(calc(${r.width} - ${n.width} - ${r.paddingLeft||r.padding} - ${r.paddingRight||r.padding} - ${i} * ${e}))`:`translateX(calc(${r.width} - ${n.width} - ${i} * ${e}))`},n=e=>!!(e?.borderWidth&&e?.borderWidth!==`0`&&e?.borderWidth!==`0rem`&&e?.borderWidth!==`0px`&&e?.borderStyle!==`none`),r=({checked:e,thumbStyles:r,trackStyles:i})=>{if(!i||!r)return`translateX(0px)`;let a=n(i);return e?t({borderMultiple:a?2:0,borderWidth:a?i?.borderWidth:`0px`,thumbStyles:r,trackStyles:i}):`translateX(0px)`};exports.useToggleTransform=({checked:t,thumbRef:n,trackRef:i})=>{let[a,o]=(0,e.useState)(`translateX(0px)`);return(0,e.useEffect)(()=>{if(i.current&&n.current){let e=window.getComputedStyle(i.current);o(r({checked:t,thumbStyles:window.getComputedStyle(n.current),trackStyles:e}))}},[t]),{transform:a}};

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

@@ -1 +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});
+let e=require(`react/jsx-runtime`);exports.TooltipTrigger=({ariaDescribedBy:t,children:n,childrenAsButton:r,disabled:i,onClick:a,onKeyDown:o,onMouseDown:s,onMouseEnter:c,onMouseLeave:l,onMouseUp:u,triggerAsButton:d})=>r?(0,e.jsx)(`button`,{"aria-describedby":t,"aria-disabled":i,className:`kbt-tooltip__trigger-wrapper `,...d,disabled:i,type:`button`,onClick:a,onKeyDown:o,onMouseDown:s,onMouseEnter:e=>{c?.(e)},onMouseLeave:e=>{l?.(e)},onMouseUp:u,children:n}):(0,e.jsx)(`div`,{className:`kbt-tooltip__trigger-wrapper `,role:`button`,tabIndex:0,onClick:a,onKeyDown:o,onMouseDown:s,onMouseEnter:c,onMouseLeave:l,onMouseUp:u,children:n});

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

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

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

@@ -1 +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]);
+let e=require(`react`);exports.useTooltipAsModal=({propTooltipAsModal:t,styleTooltipAsModal:n})=>(0,e.useMemo)(()=>t??n??!1,[t,n]);

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

@@ -1 +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};
+let e=require(`react`);exports.useTooltipAsModalAriaLabel=t=>{let[n,r]=(0,e.useState)(void 0);return(0,e.useEffect)(()=>{t.current&&r(t.current.innerText)}),n};

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

@@ -1 +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}};
+let e=require(`@floating-ui/dom`);exports.computePosition=async(t,n,r)=>{let{middleware:i=[],placement:a=`top`,strategy:o=`fixed`}=r,s=await(0,e.computePosition)(t,n,{middleware:i,placement:a||`top`,strategy:o});return{middlewareData:s.middlewareData,placement:s.placement||`top`,strategy:s.strategy,x:s.x,y:s.y}};

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

@@ -1 +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})};
+const e=require(`../../lib/hooks/useClassName/useClassName.js`),t=require(`../../lib/hooks/useMediaDevice/useMediaDevice.js`),n=require(`../../lib/hooks/useScrollDetection/useScrollDetection.js`),r=require(`./hooks/useTooltipAsModal.js`),i=require(`./tooltipStandAlone.js`),a=require(`./hooks/useTooltipAsModalAriaLabel.js`);let o=require(`react`),s=require(`react/jsx-runtime`);exports.TooltipControlled=({additionalClasses:c,tooltipAriaLabel:l,tooltipAsModal:u,tooltipAsModal:d=!1,tooltipRef:f,variant:p,...m})=>{let h=e.useClassName({additionalClassNames:c,component:`TOOLTIP`,variant:p}),g=t.useMediaDevice(),_=(0,o.useRef)(null),v=a.useTooltipAsModalAriaLabel(_),y=r.useTooltipAsModal({propTooltipAsModal:u,styleTooltipAsModal:d}),{handleScrollDetection:b,hasScroll:x}=n.useScrollDetection({autoFocus:!0});return(0,o.useImperativeHandle)(f,()=>_.current,[]),(0,s.jsx)(i.TooltipStandAlone,{...m,contentHasScroll:x,contentRef:b,cssClasses:h,mediaDevice:g,tooltipAriaLabel:l??v,tooltipAsModal:r.useTooltipAsModal({propTooltipAsModal:y,styleTooltipAsModal:d}),tooltipRef:_})};

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

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