@kubit-ui-web/react-components 2.0.0-alpha.2 → 2.0.0-alpha.4

package/dist/esm/components/snackbar/snackbarStandAlone.js

@@ -1 +1 @@
-import{classNames as e}from"../../lib/utils/classNames/classNames.js";import{Popover as o}from"../popover/popover.js";import{forwardRef as s}from"react";import{jsx as r}from"react/jsx-runtime";const a=s(({children:s,cssClasses:a,onClose:i,open:l,popover:c,...p},t)=>/* @__PURE__ */r(o,{disableClickOverlayClose:!0,disableEscapeClose:!0,component:"div",open:l,onClose:i,...c,children:/* @__PURE__ */r("div",{ref:t,className:e(a?.container),"data-testid":"snackbar",...p,children:s})}));export{a as SnackbarStandAlone};
+import{jsx as e}from"react/jsx-runtime";import{forwardRef as o}from"react";import{classNames as s}from"../../lib/utils/classNames/classNames.js";import{Popover as r}from"../popover/popover.js";const a=o(({children:o,cssClasses:a,onClose:i,open:l,popover:c,...p},t)=>/* @__PURE__ */e(r,{disableClickOverlayClose:!0,disableEscapeClose:!0,component:"div",open:l,onClose:i,...c,children:/* @__PURE__ */e("div",{ref:t,className:s(a?.container),"data-testid":"snackbar",...p,children:o})}));export{a as SnackbarStandAlone};

package/dist/esm/components/stepperNumber/helpers/aria.js

@@ -1 +1 @@
-const t=(t,e,o)=>t===e&&"vertical"===o?"step":void 0;export{t as buildAriaCurrent};
+const t=(t,e,o)=>t===e&&"vertical"===o?"step":void 0;export{t as buildAriaCurrent};

package/dist/esm/components/stepperNumber/helpers/screnReader.js

@@ -1 +1 @@
-const e=(e,f,r,t,c,i)=>{if(i)return((e,f,r,t,c)=>{let i;return i=c?.prefix?`${c.prefix?.step} ${e+1} ${c.prefix?.of} ${f} ${t}`:t,e<r&&c?.suffix?.completed?i=i.concat(" ",c.suffix?.completed):e===r&&c?.suffix?.current&&(i=i.concat(" ",c.suffix?.current)),i})(e,r,f,c,t)};export{e as buildScreenReaderText};
+const e=(e,f,r,t,c,i)=>{if(i)return((e,f,r,t,c)=>{let i;return i=c?.prefix?`${c.prefix?.step} ${e+1} ${c.prefix?.of} ${f} ${t}`:t,e<r&&c?.suffix?.completed?i=i.concat(" ",c.suffix?.completed):e===r&&c?.suffix?.current&&(i=i.concat(" ",c.suffix?.current)),i})(e,r,f,c,t)};export{e as buildScreenReaderText};

package/dist/esm/components/stepperNumber/helpers/stepState.js

@@ -1 +1 @@
-import{STATES as t}from"../../../lib/types/states/states.js";const e=(e,a)=>{if(!e?.length)return[];const r=Math.max(0,Math.min(a,e.length));return e?.reduce((e,a,n)=>{const s=n===r?t.ACTIVE:n<r?t.COMPLETED:t.INACTIVE;return[...e,{"aria-label":a["aria-label"],name:a.name,state:s}]},[])};export{e as mapToStepState};
+import{STATES as t}from"../../../lib/types/states/states.js";const e=(e,a)=>{if(!e?.length)return[];const r=Math.max(0,Math.min(a,e.length)),n=e?.reduce((e,a,n)=>{const s=n<r?t.COMPLETED:t.INACTIVE,l=n===r?t.ACTIVE:s;return[...e,{"aria-label":a["aria-label"],name:a.name,state:l}]},[]);return n};export{e as mapToStepState};

package/dist/esm/components/stepperNumber/stepperNumber.js

@@ -1,2 +1,2 @@
-import{useClassName as a}from"../../lib/hooks/useClassName/useClassName.js";import{StepperNumberStandAlone as s}from"./stepperNumberStandAlone.js";import{forwardRef as t}from"react";import{jsx as o}from"react/jsx-runtime";var i="STEPPER_NUMBER";const n=t(({additionalOrientationClasses:t,additionalVariantClasses:n,orientation:r="horizontal",variant:e,...m},l)=>{const d=a({additionalClassNames:n,component:i,variant:e}),p=a({additionalClassNames:t,component:i,variant:r});/* @__PURE__ */
-return o(s,{...m,ref:l,cssOrientationClasses:p,cssVariantClasses:d,orientation:r})});export{n as StepperNumber};
+import{jsx as a}from"react/jsx-runtime";import{forwardRef as s}from"react";import{useClassName as t}from"../../lib/hooks/useClassName/useClassName.js";import{StepperNumberStandAlone as o}from"./stepperNumberStandAlone.js";const i="STEPPER_NUMBER",n=s(({additionalOrientationClasses:s,additionalVariantClasses:n,orientation:r="horizontal",variant:e,...m},l)=>{const d=t({additionalClassNames:n,component:i,variant:e}),p=t({additionalClassNames:s,component:i,variant:r});/* @__PURE__ */
+return a(o,{...m,ref:l,cssOrientationClasses:p,cssVariantClasses:d,orientation:r})});export{n as StepperNumber};

package/dist/esm/components/stepperNumber/stepperNumberStandAlone.js

@@ -1,3 +1,10 @@
-import{pickCustomAttributes as e}from"../../lib/utils/pickCustomAttributes/pickCustomAttributes.js";import{CustomComponent as t}from"../../lib/components/customComponent/customComponent.js";import{classNames as s}from"../../lib/utils/classNames/classNames.js";import{Text as n}from"../text/text2.js";import{ScreenReaderOnly as a}from"../../lib/components/screen-reader-only/screenReaderOnly.js";import{ElementOrIcon as r}from"../../lib/components/elementOrIcon/elementOrIcon.js";import{STATES as i}from"../../lib/types/states/states.js";import{buildAriaCurrent as o}from"./helpers/aria.js";import{buildScreenReaderText as c}from"./helpers/screnReader.js";import{mapToStepState as l}from"./helpers/stepState.js";import{forwardRef as m}from"react";import{Fragment as p,jsx as d,jsxs as u}from"react/jsx-runtime";const h=m(({completedStepIcon:m,cssOrientationClasses:h,cssVariantClasses:b,currentStep:f=0,horizontalOrientationWidth:x,orientation:C,screenReaderCompletedStep:j,screenReaderTextBuilder:N,screenReaderTitle:y,stepMaxTruncatedLines:$,steps:O,...T},k)=>{const v=l(O,f),A="vertical"===C,R=Boolean(y),S=T["data-testid"]||"stepper-number";/* @__PURE__ */
-return u("div",{ref:k,"aria-hidden":!A,"data-testid":S,children:[y?.content&&/* @__PURE__ */d(t,{className:"kbt-sr-only",component:y.component,children:y?.content}),/* @__PURE__ */d("ol",{className:s(h?.stepper_number,b?.stepper_number),"data-testid":`${S}-steps-container`,children:v.map((l,y)=>{const O=y===v.length-1,T={"data-state":l.state},k=e(T);/* @__PURE__ */
-return u("li",{"aria-current":o(f,y,C),"data-testid":`${S}-li-${y}`,style:{display:A?"flex":"block",width:!A&&O?"auto":x},children:[R&&/* @__PURE__ */d(a,{children:c(y,f,v.length,N,l.name,A)}),/* @__PURE__ */u("span",{"aria-hidden":!(A&&!R)||void 0,className:s(h?.stepcontainer,b?.stepcontainer),...k,children:[/* @__PURE__ */u("span",{className:b?.stepcirclecontainer,"data-testid":`${S}-step-${y}`,style:{flexDirection:"vertical"===C?"column":"row"},children:[/* @__PURE__ */d("span",{className:s(h?.stepcircle,b?.stepcircle),...k,children:l.state===i.COMPLETED?/* @__PURE__ */u(p,{children:[/* @__PURE__ */d(r,{className:s(h?.iconselected,b?.iconselected),customAttributes:T,...m}),/* @__PURE__ */d(a,{children:y+1})]}):/* @__PURE__ */d(n,{additionalClasses:{text:s(h?.stepindex,b?.stepindex)},component:"span",customAttributes:T,children:y+1})}),!O&&/* @__PURE__ */d("span",{className:s(h?.stepbar,b?.stepbar),...e({"data-state":v[y+1].state})})]}),A&&/* @__PURE__ */u("span",{"aria-hidden":!!R||void 0,className:s(h?.stepnamecontainer,b?.stepnamecontainer),"data-islast":O,"data-testid":`${S}-step-description-${y}`,...k,children:[/* @__PURE__ */d(n,{additionalClasses:{text:s(h?.stepname,b?.stepname)},component:"span",customAttributes:T,maxTruncatedLines:$,children:l.name}),!R&&l.state===i.COMPLETED&&j?.content&&/* @__PURE__ */u(t,{className:"kbt-sr-only",component:j.component,"data-testid":j["data-testid"],children:[" ",j.content]})]})]})]},`stepContainer-${y.toString()}`)})})]})});export{h as StepperNumberStandAlone};
+import{jsxs as e,jsx as t,Fragment as s}from"react/jsx-runtime";import{forwardRef as n}from"react";import{Text as a}from"../text/text.js";import{ElementOrIcon as r}from"../../lib/components/elementOrIcon/elementOrIcon.js";import{ScreenReaderOnly as i}from"../../lib/components/screen-reader-only/screenReaderOnly.js";import{STATES as o}from"../../lib/types/states/states.js";import{classNames as c}from"../../lib/utils/classNames/classNames.js";import{pickCustomAttributes as l}from"../../lib/utils/pickCustomAttributes/pickCustomAttributes.js";import{CustomComponent as p}from"../../lib/components/customComponent/customComponent.js";import{buildAriaCurrent as m}from"./helpers/aria.js";import{buildScreenReaderText as d}from"./helpers/screnReader.js";import{mapToStepState as u}from"./helpers/stepState.js";const h=n(({completedStepIcon:n,cssOrientationClasses:h,cssVariantClasses:b,currentStep:f=0,horizontalOrientationWidth:x,orientation:C,screenReaderCompletedStep:j,screenReaderTextBuilder:N,screenReaderTitle:y,stepMaxTruncatedLines:$,steps:O,...T},k)=>{const v=u(O,f),A="vertical"===C,R=Boolean(y),S=T["data-testid"]||"stepper-number";/* @__PURE__ */
+return e("div",{ref:k,"aria-hidden":!A,"data-testid":S,children:[y?.content&&/* @__PURE__ */t(p,{className:"kbt-sr-only",component:y.component,children:y?.content}),
+/* @__PURE__ */t("ol",{className:c(h?.stepper_number,b?.stepper_number),"data-testid":`${S}-steps-container`,children:v.map((u,y)=>{const O=y===v.length-1,T={"data-state":u.state},k=l(T);/* @__PURE__ */
+return e("li",{"aria-current":m(f,y,C),"data-testid":`${S}-li-${y}`,style:{display:A?"flex":"block",width:!A&&O?"auto":x},children:[R&&/* @__PURE__ */t(i,{children:d(y,f,v.length,N,u.name,A)}),
+/* @__PURE__ */e("span",{"aria-hidden":!(A&&!R)||void 0,className:c(h?.stepcontainer,b?.stepcontainer),...k,children:[
+/* @__PURE__ */e("span",{className:b?.stepcirclecontainer,"data-testid":`${S}-step-${y}`,style:{flexDirection:"vertical"===C?"column":"row"},children:[
+/* @__PURE__ */t("span",{className:c(h?.stepcircle,b?.stepcircle),...k,children:u.state===o.COMPLETED?/* @__PURE__ */e(s,{children:[
+/* @__PURE__ */t(r,{className:c(h?.iconselected,b?.iconselected),customAttributes:T,...n}),
+/* @__PURE__ */t(i,{children:y+1})]}):/* @__PURE__ */t(a,{additionalClasses:{text:c(h?.stepindex,b?.stepindex)},component:"span",customAttributes:T,children:y+1})}),!O&&/* @__PURE__ */t("span",{className:c(h?.stepbar,b?.stepbar),...l({"data-state":v[y+1].state})})]}),A&&/* @__PURE__ */e("span",{"aria-hidden":!!R||void 0,className:c(h?.stepnamecontainer,b?.stepnamecontainer),"data-islast":O,"data-testid":`${S}-step-description-${y}`,...k,children:[
+/* @__PURE__ */t(a,{additionalClasses:{text:c(h?.stepname,b?.stepname)},component:"span",customAttributes:T,maxTruncatedLines:$,children:u.name}),!R&&u.state===o.COMPLETED&&j?.content&&/* @__PURE__ */e(p,{className:"kbt-sr-only",component:j.component,"data-testid":j["data-testid"],children:[" ",j.content]})]})]})]},`stepContainer-${y.toString()}`)})})]})});export{h as StepperNumberStandAlone};

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

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

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

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

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

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

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

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

package/dist/esm/components/table/table.js

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

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

@@ -1,5 +1,5 @@
-import{pickCustomAttributes as a}from"../../lib/utils/pickCustomAttributes/pickCustomAttributes.js";import{CustomComponent as t}from"../../lib/components/customComponent/customComponent.js";import{forwardRef as e}from"react";import{jsx as o,jsxs as l}from"react/jsx-runtime";const i=e(({children:e,component:i="table",cssClasses:s,hasScroll:r,hasScrollDisabled:d,sticky:n,...c},b)=>{const m=a(c),h=c["data-testid"]||"table-standalone";/* @__PURE__ */
-return l("div",{ref:b,className:s?.table,"data-sticky":n,"data-testid":`${h}-wrapper`,children:[
-/* @__PURE__ */o("div",{"aria-hidden":c["aria-hidden"],"aria-label":r?c["aria-label"]:void 0,"aria-labelledby":r?c["aria-labelledby"]:void 0,className:s?.scrollablecontainer,"data-table-scrollable-container":!0,"data-testid":`${h}-scrollable-container`,role:r?"region":void 0,style:{overflow:d?"visible":"auto"},...r?{tabIndex:0}:{},children:/* @__PURE__ */o(t,{className:s?.container,component:i,"data-testid":h,...m,children:e})}),
-/* @__PURE__ */o("div",{className:s?.leftboxshadowcontainer,"data-table-left-shadow":!0}),
-/* @__PURE__ */o("div",{className:s?.rightboxshadowcontainer,"data-table-right-shadow":!0})]})});export{i as TableStandAlone};
+import{jsxs as a,jsx as t}from"react/jsx-runtime";import{forwardRef as e}from"react";import{pickCustomAttributes as o}from"../../lib/utils/pickCustomAttributes/pickCustomAttributes.js";import{CustomComponent as l}from"../../lib/components/customComponent/customComponent.js";const i=e(({children:e,component:i="table",cssClasses:s,hasScroll:r,hasScrollDisabled:d,sticky:n,...c},b)=>{const m=o(c),h=c["data-testid"]||"table-standalone";/* @__PURE__ */
+return a("div",{ref:b,className:s?.table,"data-sticky":n,"data-testid":`${h}-wrapper`,children:[
+/* @__PURE__ */t("div",{"aria-hidden":c["aria-hidden"],"aria-label":r?c["aria-label"]:void 0,"aria-labelledby":r?c["aria-labelledby"]:void 0,className:s?.scrollablecontainer,"data-table-scrollable-container":!0,"data-testid":`${h}-scrollable-container`,role:r?"region":void 0,style:{overflow:d?"visible":"auto"},...r?{tabIndex:0}:{},children:/* @__PURE__ */t(l,{className:s?.container,component:i,"data-testid":h,...m,children:e})}),
+/* @__PURE__ */t("div",{className:s?.leftboxshadowcontainer,"data-table-left-shadow":!0}),
+/* @__PURE__ */t("div",{className:s?.rightboxshadowcontainer,"data-table-right-shadow":!0})]})});export{i as TableStandAlone};

package/dist/esm/components/tableBody/tableBody.js

@@ -1 +1,2 @@
-import{useClassName as s}from"../../lib/hooks/useClassName/useClassName.js";import{TableBodyStandAlone as a}from"./tableBodyStandAlone.js";import{forwardRef as o}from"react";import{jsx as t}from"react/jsx-runtime";const e=o(({additionalClasses:o,variant:e,...r},m)=>/* @__PURE__ */t(a,{ref:m,cssClasses:s({additionalClassNames:o,component:"TABLE_BODY",variant:e}),...r}));export{e as TableBody};
+import{jsx as s}from"react/jsx-runtime";import{forwardRef as a}from"react";import{useClassName as o}from"../../lib/hooks/useClassName/useClassName.js";import{TableBodyStandAlone as t}from"./tableBodyStandAlone.js";const r=a(({additionalClasses:a,variant:r,...e},m)=>{const i=o({additionalClassNames:a,component:"TABLE_BODY",variant:r});/* @__PURE__ */
+return s(t,{ref:m,cssClasses:i,...e})});export{r as TableBody};

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

@@ -1,2 +1,2 @@
-import{pickCustomAttributes as t}from"../../lib/utils/pickCustomAttributes/pickCustomAttributes.js";import{CustomComponent as o}from"../../lib/components/customComponent/customComponent.js";import{forwardRef as s}from"react";import{jsx as e}from"react/jsx-runtime";const m=s(({children:s,component:m="tbody",cssClasses:r,id:i,...n},c)=>{const p=t(n);/* @__PURE__ */
-return e(o,{ref:c,className:r?.table_body,component:m,"data-testid":"table-body",...p,id:i,children:s})});export{m as TableBodyStandAlone};
+import{jsx as t}from"react/jsx-runtime";import{forwardRef as o}from"react";import{pickCustomAttributes as s}from"../../lib/utils/pickCustomAttributes/pickCustomAttributes.js";import{CustomComponent as e}from"../../lib/components/customComponent/customComponent.js";const m=o(({children:o,component:m="tbody",cssClasses:r,id:i,...n},c)=>{const p=s(n);/* @__PURE__ */
+return t(e,{ref:c,className:r?.table_body,component:m,"data-testid":"table-body",...p,id:i,children:o})});export{m as TableBodyStandAlone};

package/dist/esm/components/tableCaption/tableCaption.js

@@ -1 +1,2 @@
-import{useClassName as s}from"../../lib/hooks/useClassName/useClassName.js";import{TableCaptionStandAlone as a}from"./tableCaptionStandAlone.js";import{forwardRef as o}from"react";import{jsx as t}from"react/jsx-runtime";const e=o(({additionalClasses:o,variant:e,...r},i)=>/* @__PURE__ */t(a,{ref:i,cssClasses:s({additionalClassNames:o,component:"TABLE_CAPTION",variant:e}),...r}));export{e as TableCaption};
+import{jsx as s}from"react/jsx-runtime";import{forwardRef as a}from"react";import{useClassName as o}from"../../lib/hooks/useClassName/useClassName.js";import{TableCaptionStandAlone as t}from"./tableCaptionStandAlone.js";const r=a(({additionalClasses:a,variant:r,...e},i)=>{const m=o({additionalClassNames:a,component:"TABLE_CAPTION",variant:r});/* @__PURE__ */
+return s(t,{ref:i,cssClasses:m,...e})});export{r as TableCaption};

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

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

package/dist/esm/components/tableCell/tableCell.js

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

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

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

package/dist/esm/components/tableDivider/tableDivider.js

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

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

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

package/dist/esm/components/tableFoot/tableFoot.js

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

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

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

package/dist/esm/components/tableHead/tableHead.js

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

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

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

package/dist/esm/components/tableRow/tableRow.js

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

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

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

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

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

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

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

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

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

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

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

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

@@ -1 +1 @@
-const o=(o,t)=>c=>c-1<0||c-1<o?o-1+t:c-1;export{o as keyLeftMove};
+const o=(o,t)=>c=>c-1<0||c-1<o?o-1+t:c-1;export{o as keyLeftMove};

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

@@ -1 +1 @@
-const o=(o,t,c)=>e=>e+1>=o||e+1===t+c?t:e+1;export{o as keyRightMove};
+const o=(o,t,c)=>e=>e+1>=o||e+1===t+c?t:e+1;export{o as keyRightMove};

package/dist/esm/components/tag/tag.js

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

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

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

package/dist/esm/components/text/text.js

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

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

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

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

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

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

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

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

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

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

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

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

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

package/dist/esm/components/textArea/textArea.js

@@ -1,2 +1,2 @@
-import{useClassName as e}from"../../lib/hooks/useClassName/useClassName.js";import{TextAreaStandAlone as t}from"./textAreaStandAlone.js";import{getState as o}from"./utils/state.utils.js";import{forwardRef as s,useState as r}from"react";import{jsx as a}from"react/jsx-runtime";const n=s(function({additionalClasses:s,disabled:n=!1,error:l=!1,labelInsideTextArea:i=!1,onBlur:m,onFocus:u,value:d,variant:p,...y},c){const f=e({additionalClassNames:s,component:"TEXT_AREA",variant:p}),[x,b]=r(!1);/* @__PURE__ */
-return a(t,{ref:c,cssClasses:f,state:o(n,l,d,x),value:d,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),m?.(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),u?.(e)},...y})});export{n as TextArea};
+import{jsx as e}from"react/jsx-runtime";import{forwardRef as t,useState as o}from"react";import{useClassName as s}from"../../lib/hooks/useClassName/useClassName.js";import{TextAreaStandAlone as r}from"./textAreaStandAlone.js";import{getState as a}from"./utils/state.utils.js";const n=t(function({additionalClasses:t,disabled:n=!1,error:l=!1,labelInsideTextArea:i=!1,onBlur:m,onFocus:u,value:d,variant:p,...y},c){const f=s({additionalClassNames:t,component:"TEXT_AREA",variant:p}),[x,b]=o(!1);/* @__PURE__ */
+return e(r,{ref:c,cssClasses:f,state:a(n,l,d,x),value:d,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),m?.(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),u?.(e)},...y})});export{n as TextArea};

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

@@ -1 +1 @@
-import{useEffect as t,useState as e}from"react";const r=({checked:r,thumbRef:d,trackRef:n})=>{const[a,i]=e("translateX(0px)");return t(()=>{if(n.current&&d.current){const t=window.getComputedStyle(n.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:r,thumbStyles:window.getComputedStyle(d.current),trackStyles:t}))}},[r]),{transform:a}};export{r as useToggleTransform};
+import{useState as t,useEffect as e}from"react";const r=({checked:r,thumbRef:d,trackRef:n})=>{const[a,i]=t("translateX(0px)");return e(()=>{if(n.current&&d.current){const t=window.getComputedStyle(n.current),e=window.getComputedStyle(d.current),a=(({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:r,thumbStyles:e,trackStyles:t});i(a)}},[r]),{transform:a}};export{r as useToggleTransform};

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

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

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

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

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

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

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

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

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

@@ -1 +1 @@
-import{computePosition as t}from"@floating-ui/dom";const e=async(e,a,o)=>{const{middleware:r=[],placement:m="top",strategy:i="fixed"}=o,d=await t(e,a,{middleware:r,placement:m||"top",strategy:i});return{middlewareData:d.middlewareData,placement:d.placement||"top",strategy:d.strategy,x:d.x,y:d.y}};export{e as computePosition};
+import{computePosition as t}from"@floating-ui/dom";const e=async(e,a,o)=>{const{middleware:r=[],placement:m="top",strategy:i="fixed"}=o,d=m||"top",n=await t(e,a,{middleware:r,placement:d,strategy:i}),p=n.placement||"top";return{middlewareData:n.middlewareData,placement:p,strategy:n.strategy,x:n.x,y:n.y}};export{e as computePosition};