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

package/dist/esm/components/carousel/carousel.mjs

@@ -0,0 +1 @@
+import{jsx as e}from"react/jsx-runtime";import{forwardRef as n,useCallback as s,useImperativeHandle as t,useRef as o,useState as r}from"react";import{useClassName as l}from"../../lib/hooks/useClassName/useClassName.mjs";import{CarouselStandAlone as a}from"./carouselStandAlone.mjs";import{useCarousel as c}from"./hooks/useCarousel.mjs";import{buildScreenReaderOnly as m}from"./utils/carousel.utils.mjs";const u=({additionalClasses:n,allowModifySliceWidth:u=false,autoFitContainer:i=false,centerExtremesWhenExtraPadding:f=false,centerMode:d=false,circular:g,defaultPage:C=0,disabled:h=false,extraPadding:P,numElementsPerPage:p,numElementsToSlide:R,onePageAlign:j="center",onNumElementsPerPageChange:S,onNumPagesChange:w,onPageChange:M,screenReaderOnly:N,variant:y,...E},b)=>{const[k,x]=r(C);const[A,O]=r(0);const W=o(null);const v=o(null);const L=o(null);const U=l({additionalClassNames:n,component:"CAROUSEL",variant:y});const q=s(e=>{O(e);w?.(e)},[w]);const z=s(e=>{x(e);M?.(e)},[M]);const B=p?Math.min(E.elements.length,p):p;const D=u&&!!p&&!i;const{allowShiftRef:F,changePage:G,currentPageRef:H,numElementsPerPageRef:I,numPagesRef:J}=c({allowModifySliceWidth:D,autoFitContainer:i,centerExtremesWhenExtraPadding:f,centerMode:d,circular:g,contentContainerRef:L,defaultPage:C,disabled:h,elements:E.elements,extraPadding:P,numElementsPerPage:B,numElementsToSlide:R,onePageAlign:j,onNumElementsPerPageChange:S,onNumPagesChange:q,onPageChange:z,rootContainerRef:W,viewerContainerRef:v});t(b,()=>{if(W.current){W.current["changePage"]=G;W.current["allowShiftRef"]=F;W.current["currentPageRef"]=H;W.current["numElementsPerPageRef"]=I;W.current["numPagesRef"]=J}return W.current},[G]);const K=m({currentPage:k,numPages:A,screenReaderOnly:N});return e(a,{ref:W,allowModifySliceWidth:D,centerMode:d,contentContainerRef:L,cssClasses:U,disabled:h||A<=1,screenReaderOnly:K,viewerContainerRef:v,...E})};const i=n(u);export{i as Carousel};

package/dist/esm/components/carousel/carouselStandAlone.mjs

@@ -0,0 +1 @@
+import{jsx as e,jsxs as t}from"react/jsx-runtime";import{forwardRef as a}from"react";import{ScreenReaderOnly as r}from"../../lib/components/screen-reader-only/screenReaderOnly.mjs";const i=({allowModifySliceWidth:a,centerMode:i,contentContainer:o,contentContainerRef:d,cssClasses:n,disabled:s,elements:c,rootContainer:l,screenReaderOnly:m,viewerContainer:f,viewerContainerRef:p,...v},u)=>{const h=v["data-testid"]??"carousel";return t("div",{ref:u,"aria-roledescription":"carousel",className:n?.carousel,"data-testid":h,...v,...l,children:[e("div",{ref:p,className:n?.viewer,"data-allow-modify-slice-width":a,"data-disabled":s,"data-testid":`${h}-viewer`,...f,children:e("div",{ref:d,"aria-live":"polite",className:n?.content,"data-center-mode":i,"data-testid":`${h}-content`,...o,children:c})}),m&&e(r,{ariaLive:"off",...m,children:m.content})]})};const o=a(i);export{o as CarouselStandAlone};

package/dist/esm/components/carousel/hooks/useCarousel.mjs

@@ -0,0 +1 @@
+import{useCallback as e,useEffect as t,useRef as r}from"react";import{useCarouselKeyNavigation as n}from"./useCarouselKeyNavigation.mjs";import{useCarouselSwipe as s}from"./useCarouselSwipe.mjs";import c from"./utils/calc.utils.mjs";import u from"./utils/constants.mjs";import i from"./utils/dom.utils.mjs";const a=({allowModifySliceWidth:a=false,autoFitContainer:o=false,centerExtremesWhenExtraPadding:l=false,centerMode:m=false,circular:g=true,contentContainerRef:f,defaultPage:P=0,disabled:d=false,elements:h,extraPadding:E=0,numElementsPerPage:p,numElementsToSlide:C,onePageAlign:L="center",onNumElementsPerPageChange:w,onNumPagesChange:N,onPageChange:y,rootContainerRef:v,viewerContainerRef:A})=>{const O=r(true);const I=r(P);const T=r(P);const _=r(p);const R=r(0);const b=e(e=>{const t=f.current;if(!t||!_.current||e.propertyName!==u.PROPERTY_TO_HANDLE_TRANSITION_END||R.current<1)return;t.setAttribute("data-shifting","false");const{newPage:r}=i.udpateCarouselPositionOnEdge({contentContainer:t,currentPage:T.current,elementsLength:h.length,extraPadding:E,numElementsPerPage:_.current,numPages:R.current});T.current=r;if(I.current!==T.current){I.current=T.current;y?.(T.current)}const{firstIndexInView:n,lastIndexInView:s}=c.calcFirstAndLastIndexInCarouselView({currentPage:T.current,elementsLength:h.length,isCircular:g,numElementsPerPage:_.current,numElementsToSlide:C});i.updateContentElementsAriaVisibility({contentContainer:t,firstIndexInView:n,lastIndexInView:s});if(m)i.applyCenterMode({contentContainer:t,firstIndexInView:n,lastIndexInView:s,numElementsPerPage:_.current});O.current=true},[h,E,C,g,m,y]);const j=e(({animated:e=true,newPage:t})=>{const r=A.current;const n=f.current;if(!r||!n||!O.current||!_.current||!h.length||R.current<1||(g?t<-1:t<0)||(g?t>R.current:t>R.current-1))return;if(e)n.setAttribute("data-shifting","true");i.deleteCenterMode({contentContainer:n});T.current=t;const{firstIndexInView:s,lastIndexInView:o}=c.calcFirstAndLastIndexInCarouselView({currentPage:T.current,elementsLength:h.length,isCircular:g,numElementsPerPage:_.current,numElementsToSlide:C});if(!a)i.updateViewerWidth({contentContainer:n,extraPadding:E,firstIndexInView:s,lastIndexInView:o,viewerContainer:r});const m=n.style.left;const P=c.calcContentContainerLeftPosition({centerExtremesWhenExtraPadding:l,circular:g,contentContainer:n,currentPage:T.current,extraPadding:E,firstIndexInView:s,numPages:R.current});n.style.left=P;if(e&&m!==P)O.current=false;else b({propertyName:u.PROPERTY_TO_HANDLE_TRANSITION_END})},[h,C,g,a,E,l,b]);const x=e(()=>{const e=A.current;const t=f.current;if(!e||!t||!_.current)return;if(a){e.style.width="100%";i.updateSlicesWidth({centerMode:m,contentContainer:t,extraPadding:E,numElementsPerPage:_.current,viewerContainer:e})}i.manageCircularClones({circular:g,contentContainer:t,elementsLength:h.length,numElementsPerPage:_.current});j({animated:false,newPage:T.current})},[a,m,g,h,E,j]);const D=e(()=>{const e=v.current;const t=A.current;const r=f.current;if(!e||!t||!r)return;e.style.width="100%";const n=p||c.calcNumElementsPerPage({contentContainer:r,elementsLength:h.length,extraPadding:E,rootContainer:e,viewerContainer:t})||1;if(o)e.style.width="fit-content";if(n!==_.current){_.current=n;w?.(n)}const s=c.calcNumPages({elementsLength:h.length,numElementsPerPage:n,numElementsToSlide:C});if(R.current!==s){R.current=s;N?.(s);T.current=Math.min(Math.max(0,P),s-1)}if(s<=1)i.alignOnePageCarousel({allowModifySliceWidth:a,contentContainer:r,onePageAlign:L,rootContainer:e})},[a,h,E,p,C,L,o,w,N,y]);const M=e(()=>{D();x()},[D,x]);t(()=>{const e=f.current;if(!e)return;M();window.addEventListener("resize",M);const t=new ResizeObserver(M);t.observe(e);return()=>{window.removeEventListener("resize",M);t.disconnect()}},[M]);t(()=>{const e=f.current;e?.addEventListener("transitionend",b);return()=>{e?.removeEventListener("transitionend",b)}},[b]);s({allowShiftRef:O,centerExtremesWhenExtraPadding:l,changePage:j,circular:g,contentContainerRef:f,currentPageRef:T,disabled:d,elements:h,extraPadding:E,numElementsPerPageRef:_,numPagesRef:R,viewerContainerRef:A});n({allowShiftRef:O,changePage:j,circular:g,currentPageRef:T,disabled:d,numPagesRef:R,rootContainerRef:v});return{allowShiftRef:O,changePage:j,currentPageRef:T,numElementsPerPageRef:_,numPagesRef:R}};export{a as useCarousel};

package/dist/esm/components/carousel/hooks/useCarouselKeyNavigation.mjs

@@ -0,0 +1 @@
+import{useEffect as e}from"react";import{ARROW_LEFT as r,ARROW_RIGHT as t}from"../../../lib/constants/keyboardKeys/keyboardKeys.mjs";import{isKeyPressed as n}from"../../../lib/utils/keyboard/keyboard.mjs";const o=({allowShiftRef:o,changePage:s,circular:c,currentPageRef:i,disabled:u=false,numPagesRef:a,rootContainerRef:y})=>{e(()=>{if(u)return;const e=()=>{if(o.current&&(c||0!==i.current))s({newPage:i.current-1})};const f=()=>{if(o.current&&(c||i.current!==a.current-1))s({newPage:i.current+1})};const k=s=>{if(!o.current||a.current<=1)return;if(n(s.key,r.key))e();else if(n(s.key,t.key))f()};const m=y.current;m?.addEventListener("keydown",k);return()=>{m?.removeEventListener("keydown",k)}},[c,s,u])};export{o as useCarouselKeyNavigation};

package/dist/esm/components/carousel/hooks/useCarouselSwipe.mjs

@@ -0,0 +1 @@
+import{useCallback as e,useEffect as t,useRef as r}from"react";import{useScrollBlock as n}from"../../../lib/hooks/useScrollBlock/useScrollBlock.mjs";import c from"./utils/calc.utils.mjs";import s from"./utils/constants.mjs";const u=({allowShiftRef:u,centerExtremesWhenExtraPadding:o,changePage:l,circular:i,contentContainerRef:f,currentPageRef:a,disabled:m=false,elements:v,extraPadding:E,numElementsPerPageRef:_,numPagesRef:d,viewerContainerRef:h})=>{const L=r(false);const D=r(false);const p=r(false);const I=r(void 0);const O=r(0);const S=r(0);const X=r(0);const y=r(0);const G=e(()=>{if(u.current&&(i||a.current!==d.current-1))l({newPage:a.current+1})},[i,l]);const H=e(()=>{if(u.current&&(i||0!==a.current))l({newPage:a.current-1})},[i,l]);const{allowScroll:R,blockScroll:T}=n();const F=e(e=>{const t=f.current;if(!t||d.current<=1)return;I.current=parseFloat(t.style.left||"0");if("touchstart"===e.type){O.current=e.touches[0].clientX;X.current=e.touches[0].clientX;y.current=e.touches[0].clientY}else{O.current=e.clientX;X.current=e.clientX;y.current=e.clientY}L.current=true},[]);const w=e(e=>{const t=f.current;if(!t||!L.current||!_?.current||d.current<=1)return;let r;let n;if("touchmove"===e.type){S.current=O.current-e.touches[0].clientX;O.current=e.touches[0].clientX;r=e.touches[0].clientX-X.current;n=e.touches[0].clientY-y.current}else{S.current=O.current-e.clientX;O.current=e.clientX;r=e.clientX-X.current;n=e.clientY-y.current}const u=parseFloat(t.style.left||"0")-S.current;if(!D.current&&!p.current){if(Math.abs(r)>s.THRESHOLD_TO_DECIDE_IF_ALLOW_DRAGGING){D.current=true;T()}else if(Math.abs(n)>s.THRESHOLD_TO_DECIDE_IF_ALLOW_DRAGGING)p.current=true}if(!D.current)return;if(i&&v.length>_.current)t.style.left=`${u}px`;else{const e=c.calcXDistanceBetween2Elements(t.firstChild,t.children[t.children.length-_.current]);if(o){if(u-E<0&&-u<e-E)t.style.left=`${u}px`}else{let r=i?E:0;if(!i&&E&&a.current===d.current-1)r=2*E;if(u-r<0&&-u<e-r)t.style.left=`${u}px`}}},[T,o,i,v,E]);const A=e(()=>{const e=f.current;p.current=false;if(D.current)R();D.current=false;if(!e||!L.current||void 0===I.current||d.current<=1)return;L.current=false;const t=parseFloat(e.style.left||"0");if(t-I.current<-s.THRESHOLD_TO_DECIDE_IF_SWIPE_ON_DRAG_ENDS)G();else if(t-I.current>s.THRESHOLD_TO_DECIDE_IF_SWIPE_ON_DRAG_ENDS)H();else e.style.left=`${I.current}px`},[R,G,H]);t(()=>{if(m)return;const e=h.current;const t={passive:true};e?.addEventListener("touchstart",F,t);e?.addEventListener("touchend",A,t);e?.addEventListener("touchmove",w,t);e?.addEventListener("mousedown",F,t);e?.addEventListener("mouseup",A,t);e?.addEventListener("mousemove",w,t);e?.addEventListener("mouseleave",A,t);return()=>{e?.removeEventListener("touchstart",F,t);e?.removeEventListener("touchend",A,t);e?.removeEventListener("touchmove",w,t);e?.removeEventListener("mousedown",F,t);e?.removeEventListener("mouseup",A,t);e?.removeEventListener("mousemove",w,t);e?.removeEventListener("mouseleave",A,t)}},[F,A,w,m])};export{u as useCarouselSwipe};

package/dist/esm/components/carousel/hooks/utils/calc.utils.mjs

@@ -0,0 +1 @@
+const t=({element:t})=>{const e=window.getComputedStyle(t);const n=parseFloat(e.getPropertyValue("padding-left")||"0");const s=parseFloat(e.getPropertyValue("padding-right")||"0");return n+s};const e=(t,e)=>{if(!t||!e)return 0;const n=t.offsetLeft;const s=e.offsetLeft;return Math.abs(s-n)};const n=({numElementsPerPage:t,numElementsToSlide:e})=>{if(!e)return t;return Math.max(1,Math.min(e,t))};const s=({elementsLength:t,numElementsPerPage:e,numElementsToSlide:s})=>{if(t<=e)return 1;const o=n({numElementsPerPage:e,numElementsToSlide:s});const r=Math.ceil((t-e+o)/o);return r};const o=({currentPage:t,elementsLength:e,isCircular:o,numElementsPerPage:r,numElementsToSlide:i})=>{if(e<=r)return{firstIndexInView:0,lastIndexInView:e-1};const c=n({numElementsPerPage:r,numElementsToSlide:i});const l=s({elementsLength:e,numElementsPerPage:r,numElementsToSlide:c});let a=t*c+r-1;const f=o&&e>r;let d=0;if(f){d=r+1;a+=d}if(t===l)a=d+e+r-1;else if(t<0)a=d-1;else if(a-d>e-1)a=d+e-1;const u=a-r+1;return{firstIndexInView:u,lastIndexInView:a}};const r=({contentContainer:e,elementsLength:n,extraPadding:s,rootContainer:o,viewerContainer:r})=>{const i=e.firstElementChild;if(!i)return;let c=o.offsetWidth;c-=2*s;const l=t({element:r});c-=l;let a=0;const f=i.offsetLeft;for(let t=0;t<e.children.length;t++){const n=e.children[t];if(f+n.offsetLeft+n.offsetWidth>c)break;a++}return Math.max(Math.min(n,a),1)};const i=({centerMode:t,contentContainer:e})=>{let n=0;if(e.childNodes.length<2)return n;const s=e.childNodes[0];const o=e.childNodes[1];if(t&&s.style&&o.style){s.style.transition="none";o.style.transition="none";s.style.transform="scale(1)";o.style.transform="scale(1)"}const r=s?.getBoundingClientRect()?.right;const i=o?.getBoundingClientRect()?.left;if(t&&s.style&&o.style){s.style.removeProperty("transform");o.style.removeProperty("transform");s.offsetHeight;o.offsetHeight;s.style.removeProperty("transition");o.style.removeProperty("transition")}if(void 0!==r&&void 0!==i)n=Math.abs(r-i);return n};const c=({centerMode:e,contentContainer:n,extraPadding:s,numElementsPerPage:o,viewerContainer:r})=>{const c=i({centerMode:e,contentContainer:n});const l=(o-1)*c;const a=t({element:r});const f=(r.getBoundingClientRect().width-l-2*s-a)/o;return f};const l=({contentContainer:n,extraPadding:s,firstIndexInView:o,lastIndexInView:r,viewerContainer:i})=>{const c=n.children[o];const l=n.children[r];const a=e(c,l);const f=t({element:i});const d=a+l.offsetWidth+2*s+f;return`${d}px`};const a=({centerExtremesWhenExtraPadding:t,circular:n,contentContainer:s,currentPage:o,extraPadding:r,firstIndexInView:i,numPages:c})=>{let l=e(s.firstChild,s.children[i]);if(r){if(t)l-=r;else if(n||0!==o&&o!==c-1)l-=r;else if(!n&&o===c-1)l-=2*r}return`${-l}px`};const f={calcAdjustedNumElementsToSlide:n,calcContentContainerLeftPosition:a,calcFirstAndLastIndexInCarouselView:o,calcGapBetweenContentContainerElements:i,calcNumElementsPerPage:r,calcNumPages:s,calcSliceWidth:c,calcViewerWidth:l,calcXDistanceBetween2Elements:e};export{n as calcAdjustedNumElementsToSlide,a as calcContentContainerLeftPosition,o as calcFirstAndLastIndexInCarouselView,i as calcGapBetweenContentContainerElements,t as calcHorizontalElementPadding,r as calcNumElementsPerPage,s as calcNumPages,c as calcSliceWidth,l as calcViewerWidth,e as calcXDistanceBetween2Elements,f as default};

package/dist/esm/components/carousel/hooks/utils/constants.mjs

@@ -0,0 +1 @@
+const t="left";const s=20;const n=0;const o={PROPERTY_TO_HANDLE_TRANSITION_END:t,THRESHOLD_TO_DECIDE_IF_ALLOW_DRAGGING:s,THRESHOLD_TO_DECIDE_IF_SWIPE_ON_DRAG_ENDS:n};export{o as default};

package/dist/esm/components/carousel/hooks/utils/dom.utils.mjs

@@ -0,0 +1 @@
+import e from"./calc.utils.mjs";const t=({centerMode:t,contentContainer:n,extraPadding:i,numElementsPerPage:l,viewerContainer:s})=>{const r=e.calcSliceWidth({centerMode:t,contentContainer:n,extraPadding:i,numElementsPerPage:l,viewerContainer:s});for(let e=0;e<n.childNodes.length;e++){const t=n.childNodes[e];if(t instanceof HTMLElement)t.style.width=`${r}px`}};const n=({contentContainer:e,firstIndexInView:t,lastIndexInView:n})=>{for(let i=0;i<e.children.length;i++)if(i<t||i>n)e.children[i].setAttribute("inert","");else e.children[i].removeAttribute("inert")};const i=({contentContainer:t,extraPadding:n,firstIndexInView:i,lastIndexInView:l,viewerContainer:s})=>{const r=e.calcViewerWidth({contentContainer:t,extraPadding:n,firstIndexInView:i,lastIndexInView:l,viewerContainer:s});s.style.width=r};const l=({contentContainer:e,firstIndexInView:t,lastIndexInView:n,numElementsPerPage:i})=>{if(i%2!==0){const i=t+(n-t)/2;e.children[i].setAttribute("data-highlighted","true")}};const s=({contentContainer:e})=>{for(let t=0;t<e.children.length;t++)e.children[t].removeAttribute("data-highlighted")};const r=({circular:e,contentContainer:t,elementsLength:n,numElementsPerPage:i})=>{if(t.children.length>n){const e=(t.children.length-n)/2;for(let n=0;n<e;n++){if(t.firstElementChild)t.removeChild(t.firstElementChild);if(t.lastElementChild)t.removeChild(t.lastElementChild)}}if(e&&n>i){const e=[];const n=[];const l=t.children.length;const s=i+1;for(let i=0;i<s;i++){const s=t.children[i];if(s)e.push(s.cloneNode(true));const r=t.children[l-1-i];if(r)n.push(r.cloneNode(true))}e.forEach(e=>t.appendChild(e));n.forEach(e=>t.insertBefore(e,t.firstChild))}};const c={center:"center",left:"flex-start",right:"flex-end"};const o=({allowModifySliceWidth:e,contentContainer:t,onePageAlign:n,rootContainer:i})=>{if(e)t.style.justifyContent=c[n];else i.style.justifyContent=c[n]};const d=({contentContainer:t,currentPage:n,elementsLength:i,extraPadding:l,numElementsPerPage:s,numPages:r})=>{const c=n===r;const o=-1===n;if(c||o){const n=c?s+1:i+1;let o=e.calcXDistanceBetween2Elements(t.firstChild,t.children[n]);o-=l;t.style.left=`${-o}px`;return{newPage:c?0:r-1}}return{newPage:n}};const h={alignOnePageCarousel:o,applyCenterMode:l,deleteCenterMode:s,manageCircularClones:r,udpateCarouselPositionOnEdge:d,updateContentElementsAriaVisibility:n,updateSlicesWidth:t,updateViewerWidth:i};export{o as alignOnePageCarousel,l as applyCenterMode,h as default,s as deleteCenterMode,r as manageCircularClones,d as udpateCarouselPositionOnEdge,n as updateContentElementsAriaVisibility,t as updateSlicesWidth,i as updateViewerWidth};

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

@@ -0,0 +1 @@
+import{Carousel as E}from"./carousel.mjs";import{CAROUSEL_BUILD_SCREEN_READER_CURRENT_PAGE_KEY as _,CAROUSEL_BUILD_SCREEN_READER_NUM_PAGES_KEY as R}from"./types/carousel.mjs";export{_ as CAROUSEL_BUILD_SCREEN_READER_CURRENT_PAGE_KEY,R as CAROUSEL_BUILD_SCREEN_READER_NUM_PAGES_KEY,E as Carousel};

package/dist/esm/components/carousel/types/carousel.mjs

@@ -0,0 +1 @@
+const E="{{currentPage}}";const _="{{numPages}}";export{E as CAROUSEL_BUILD_SCREEN_READER_CURRENT_PAGE_KEY,_ as CAROUSEL_BUILD_SCREEN_READER_NUM_PAGES_KEY};

package/dist/esm/components/carousel/types/index.mjs

@@ -0,0 +1 @@
+import{CAROUSEL_BUILD_SCREEN_READER_CURRENT_PAGE_KEY as E,CAROUSEL_BUILD_SCREEN_READER_NUM_PAGES_KEY as _}from"./carousel.mjs";export{E as CAROUSEL_BUILD_SCREEN_READER_CURRENT_PAGE_KEY,_ as CAROUSEL_BUILD_SCREEN_READER_NUM_PAGES_KEY};

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

@@ -0,0 +1 @@
+import{CAROUSEL_BUILD_SCREEN_READER_CURRENT_PAGE_KEY as e,CAROUSEL_BUILD_SCREEN_READER_NUM_PAGES_KEY as n}from"../types/carousel.mjs";const t=({content:t,currentPage:r,numPages:c})=>{const o=new RegExp(e,"g");const g=new RegExp(n,"g");return t.replace(o,String(r+1)).replace(g,String(c))};const r=({currentPage:e,numPages:n,screenReaderOnly:r})=>{if(!r?.content)return;return{...r,content:t({content:r.content,currentPage:e,numPages:n})}};export{r as buildScreenReaderOnly,t as buildScreenReaderText};

package/dist/esm/components/checkbox/checkboxControlled.mjs

@@ -0,0 +1 @@
+import{jsx as s}from"react/jsx-runtime";import{forwardRef as t}from"react";import{useClassName as o}from"../../lib/hooks/useClassName/useClassName.mjs";import{CheckboxStandAlone as e}from"./checkboxStandAlone.mjs";import{getCheckboxState as r}from"./utils/state.utils.mjs";const a=t(({additionalClasses:t,variant:a,...m},c)=>{const i=o({additionalClassNames:t,component:"CHECKBOX",variant:a});const l=r(m.checked,m.disabled,m.error);return s(e,{ref:c,cssClasses:i,...m,"data-state":l,"data-testid":"checkbox"})});export{a as CheckboxControlled};

package/dist/esm/components/checkbox/checkboxStandAlone.mjs

@@ -0,0 +1 @@
+import{jsx as e,jsxs as r}from"react/jsx-runtime";import{forwardRef as s,useId as a}from"react";import{ScreenReaderOnly as i}from"../../lib/components/screen-reader-only/screenReaderOnly.mjs";import{pickCustomAttributes as o}from"../../lib/utils/pickCustomAttributes/pickCustomAttributes.mjs";import{processTextProp as t}from"../../lib/utils/process/processCommonProp.mjs";import{CheckboxBaseControlled as c}from"../checkboxBase/checkboxBaseControlled.mjs";import{ErrorMessage as l}from"./components/errorMessage.mjs";import{Label as n}from"./components/label.mjs";import{buildAriaDescribedBy as d}from"./utils/aria.utils.mjs";const m=s(({checkboxBase:s,cssClasses:m,errorMessage:b,id:p,label:h,screenReaderText:u,...f},y)=>{const j=o(f);const{"aria-describedby":k,"aria-hidden":x,"aria-label":C,"aria-labelledby":v,...g}=j;const $=a();const A=`checkbox-${$.replace(/:/g,"")}`;const B=p??A;const I=`${B}-label`;const w=`${B}-error`;const M=`${B}-screen-reader`;const N=s?.variant;const R=d({ariaDescribedBy:f["aria-describedby"],error:f.error&&!!b?.message,errorMessageId:w,screenReader:!!u,screenReaderId:M});return r("div",{ref:y,...g,className:m?.checkbox,children:[r("div",{className:m?.checkboxwithlabelcontainer,children:[!!N&&e(c,{...f,"aria-describedby":R,"aria-hidden":f["aria-hidden"],"aria-label":f["aria-label"],"aria-labelledby":f["aria-labelledby"],id:B,variant:N}),e(i,{id:M,children:u}),e(n,{content:t(h).children,cssClasses:m,id:I,inputId:B})]}),!!f.error&&e(l,{"aria-live":"assertive",cssClasses:m,"data-testid":`${f["data-testid"]}-error-message`,...b,id:w,inputId:B,show:f.error&&!f.disabled})]})});export{m as CheckboxStandAlone};

package/dist/esm/components/checkbox/checkboxUnControlled.mjs

@@ -0,0 +1 @@
+import{jsx as e}from"react/jsx-runtime";import{forwardRef as o}from"react";import{useCheckbox as r}from"../checkboxBase/hooks/useCheckbox.mjs";import{CheckboxControlled as t}from"./checkboxControlled.mjs";const c=o(({checked:o=false,disabled:c=false,error:s=false,onChange:m,required:n=false,...a},i)=>{const{handleToggleIsChecked:l,isChecked:f}=r({disabled:c,initialChecked:o});const h=e=>{m?.(e);l()};return e(t,{...a,ref:i,checked:f,disabled:c,error:s,required:n,onChange:h})});export{c as CheckboxUnControlled};

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

@@ -0,0 +1 @@
+import{jsx as r}from"react/jsx-runtime";import{ErrorMessage as e}from"../../../lib/components/errorMessage/errorMessage.mjs";import{pickCustomAttributes as s}from"../../../lib/utils/pickCustomAttributes/pickCustomAttributes.mjs";const o=({cssClasses:o,message:t,...i})=>{if(!t)return null;const a=s(i);return r("div",{className:o?.errormessagecontainer,children:r(e,{...i,...a,additionalClasses:o?.error_message,message:t})})};export{o as ErrorMessage};

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

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

package/dist/esm/components/checkbox/components/label.mjs

@@ -0,0 +1 @@
+import{jsx as t}from"react/jsx-runtime";import{LabelStandAlone as e}from"../../label/labelStandAlone.mjs";const n=({...n})=>{if(!n.content)return null;const{cssClasses:o,...r}=n;return"string"==typeof n.content?t(e,{textCssClasses:o?.label,...r,children:n.content}):n?.content};export{n as Label};

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

@@ -0,0 +1 @@
+import{CheckboxControlled as o}from"./checkboxControlled.mjs";import{CheckboxUnControlled as e}from"./checkboxUnControlled.mjs";export*from"./types/index.mjs";export{e as Checkbox,o as CheckboxControlled};

package/dist/esm/components/checkbox/types/state.mjs

@@ -0,0 +1 @@
+const E={DISABLED_SELECTED:"DISABLED_SELECTED",DISABLED_UNSELECTED:"DISABLED_UNSELECTED",ERROR_SELECTED:"ERROR_SELECTED",ERROR_UNSELECTED:"ERROR_UNSELECTED",SELECTED:"SELECTED",UNSELECTED:"UNSELECTED"};export{E as CheckboxState};

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

@@ -0,0 +1 @@
+const e=({ariaDescribedBy:e,error:i,errorMessageId:o,screenReader:r,screenReaderId:t})=>{const n=[e,r&&t,i&&o].filter(Boolean);return n.length>0?n.join(" ").trim():void 0};export{e as buildAriaDescribedBy};

package/dist/esm/components/checkbox/utils/index.mjs

@@ -0,0 +1 @@
+export*from"./aria.utils.mjs";export*from"./state.utils.mjs";

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

@@ -0,0 +1 @@
+import{CheckboxState as E}from"../types/state.mjs";const e=(e=false,r=false,t=false)=>{if(t&&!e)return E.ERROR_UNSELECTED;if(t)return E.ERROR_SELECTED;if(r&&!e)return E.DISABLED_UNSELECTED;if(r)return E.DISABLED_SELECTED;if(e)return E.SELECTED;return E.UNSELECTED};export{e as getCheckboxState};

package/dist/esm/components/checkboxBase/checkboxBaseControlled.mjs

@@ -0,0 +1 @@
+import{jsx as e}from"react/jsx-runtime";import{forwardRef as s}from"react";import{useClassName as a}from"../../lib/hooks/useClassName/useClassName.mjs";import{getCheckboxState as o}from"../checkbox/utils/state.utils.mjs";import{CheckboxBaseStandAlone as t}from"./checkboxBaseStandAlone.mjs";const r=s(({additionalClasses:s,error:r=false,required:m=false,variant:c,...i},l)=>{const d=a({additionalClassNames:s,component:"CHECKBOX_BASE",variant:c});const n=o(i.checked,i.disabled,r).toLocaleLowerCase();return e(t,{ref:l,cssClasses:d,required:true,...i,"aria-invalid":r,"data-state":n,"data-testid":"checkboxBase"})});export{r as CheckboxBaseControlled};

package/dist/esm/components/checkboxBase/checkboxBaseStandAlone.mjs

@@ -0,0 +1 @@
+import{jsx as t,jsxs as e}from"react/jsx-runtime";import{forwardRef as a}from"react";import{ElementOrIcon as s}from"../../lib/components/elementOrIcon/elementOrIcon.mjs";import{processIconProp as o}from"../../lib/utils/process/processCommonProp.mjs";const c=a(({checkedIcon:a,cssClasses:c,inputRef:r,...n},m)=>{const i=n["data-testid"]??"checkbox-base";return e("div",{ref:m,className:c?.checkbox_base,"data-testid":i,children:[t("input",{ref:r,className:c?.input,type:"checkbox",...n,"data-testid":`${i}-input`}),t("span",{className:c?.iconcontainer,"data-state":n["data-state"],children:t(s,{className:c?.icon,complex:true,"data-state":n["data-state"],...o(a)})})]})});export{c as CheckboxBaseStandAlone};

package/dist/esm/components/checkboxBase/checkboxBaseUncontrolled.mjs

@@ -0,0 +1 @@
+import{jsx as e}from"react/jsx-runtime";import{forwardRef as o}from"react";import{CheckboxBaseControlled as r}from"./checkboxBaseControlled.mjs";import{useCheckbox as t}from"./hooks/useCheckbox.mjs";const s=o(({checked:o=false,disabled:s=false,onChange:c,...m},n)=>{const{handleToggleIsChecked:a,isChecked:i}=t({disabled:s,initialChecked:o});const l=e=>{c?.(e);a()};return e(r,{ref:n,...m,checked:i,disabled:s,onChange:l})});export{s as CheckboxBaseUnControlled};

package/dist/esm/components/checkboxBase/hooks/useCheckbox.mjs

@@ -0,0 +1 @@
+import{useState as o}from"react";const t=({disabled:t,initialChecked:r})=>{const[c,e]=o(r);const n=()=>{if(!t)e(!c)};return{handleToggleIsChecked:n,isChecked:c}};export{t as useCheckbox};

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

@@ -0,0 +1 @@
+import{CheckboxBaseControlled as o}from"./checkboxBaseControlled.mjs";import{CheckboxBaseUnControlled as e}from"./checkboxBaseUncontrolled.mjs";export*from"./types/index.mjs";export{e as CheckboxBase,o as CheckboxBaseControlled};

package/dist/esm/components/checkboxBase/types/state.mjs

@@ -0,0 +1 @@
+const E={DISABLED_SELECTED:"DISABLED_SELECTED",DISABLED_UNSELECTED:"DISABLED_UNSELECTED",ERROR_SELECTED:"ERROR_SELECTED",ERROR_UNSELECTED:"ERROR_UNSELECTED",SELECTED:"SELECTED",UNSELECTED:"UNSELECTED"};export{E as CheckboxBaseState};

package/dist/esm/components/chip/chip.mjs

@@ -0,0 +1 @@
+import{jsx as s}from"react/jsx-runtime";import{forwardRef as t}from"react";import{useClassName as o}from"../../lib/hooks/useClassName/useClassName.mjs";import{STATES as e}from"../../lib/types/states/states.mjs";import{ChipStandAlone as m}from"./chipStandAlone.mjs";const r=t(({additionalClasses:t,state:r=e.DEFAULT,variant:a,...i},p)=>{const n=o({additionalClassNames:t,component:"CHIP",variant:a});return s(m,{...i,ref:p,cssClasses:n,state:r})});export{r as Chip};

package/dist/esm/components/chip/chipStandAlone.mjs

@@ -0,0 +1 @@
+import{Fragment as t,jsx as e,jsxs as s}from"react/jsx-runtime";import{forwardRef as r,isValidElement as o}from"react";import{Text as a}from"../text/text.mjs";import{ElementOrIcon as n}from"../../lib/components/elementOrIcon/elementOrIcon.mjs";import{STATES as i}from"../../lib/types/states/states.mjs";import{pickCustomAttributes as c}from"../../lib/utils/pickCustomAttributes/pickCustomAttributes.mjs";import{processIconProp as l,processTextProp as m}from"../../lib/utils/process/processCommonProp.mjs";const p=r(({closeIcon:r,cssClasses:p,errorIcon:d,errorMessage:u={content:"Error message"},label:b,leftIcon:f,range:h,rangeIcon:x,rangeSeparator:A={content:"to"},state:g,...C},N)=>{const j={"data-state":g};const D=c(C);const E=()=>{if("string"!=typeof r&&r?.altText)return r.altText;return"Close"};const I=()=>{if(!h)return e(a,{additionalClasses:{text:p?.label},component:"span",...m(b),customAttributes:j});return e("span",{children:h.map((t,r)=>{const i=r!==h.length-1;return s("span",{className:p?.rangeitemwrapper,children:[e(a,{additionalClasses:{text:p?.rangeitemtext},component:"span",customAttributes:j,children:t.label}),i&&(x?.icon?e(n,{altText:"string"==typeof b||o(b)?m(A).children||"":m(A).children||"",className:p?.rangeicon,...l(x),customAttributes:j}):e(a,{additionalClasses:{text:p?.rangeitemseparator},component:"span",customAttributes:j,...m(A)}))]},`option-${t.key??t.label}`)})})};return s(t,{children:[s("span",{ref:N,"aria-disabled":g===i.DISABLED,"aria-hidden":g===i.DISABLED,className:p?.chip,"data-testid":"chip",...D,...j,children:[!h&&f&&e(n,{className:p?.lefticon,...l(f)}),I(),e(n,{className:p?.closeicon,disabled:g===i.DISABLED,...l(r),altText:E(),customAttributes:j})]}),g===i.ERROR&&s("span",{"aria-live":"polite",className:p?.errorcontainer,children:[e(n,{className:p?.erroricon,...l(d)}),e(a,{additionalClasses:{text:p?.errormessage},component:"span",customAttributes:j,...m(u)})]})]})});export{p as ChipStandAlone};

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

@@ -0,0 +1 @@
+import{Chip as p}from"./chip.mjs";export{p as Chip};

package/dist/esm/components/dataTable/components/dataTableHead.mjs

@@ -0,0 +1 @@
+import{jsx as t}from"react/jsx-runtime";import{TableCell as i}from"../../tableCell/tableCell.mjs";import{TableHead as e}from"../../tableHead/tableHead.mjs";import{TableRow as l}from"../../tableRow/tableRow.mjs";import{applyFlexToCell as o}from"../utils/cellConfig.mjs";import{applyGridToRow as n}from"../utils/rowConfig.mjs";const d=({columns:d,cssClasses:a,hidden:s,sticky:c,tableHeadConfig:m,tableHeadRowConfig:r,usingRowGroups:h})=>{const f=h?n({columns:d,rowConfig:r}):r;return t(e,{additionalClasses:a?.table_head,component:h?"div":void 0,hidden:s,sticky:c,...m,children:t(l,{additionalClasses:a?.table_head_row,component:h?"div":void 0,hoverable:false,...f,children:d?.map(e=>{const l=e.headerContent;if(l&&"object"==typeof l&&"complex"in l){const n=h?o({cellConfig:l.complex}):l.complex;return t(i,{additionalClasses:a?.table_head_cell,alignItems:f?.cellsAlignItems,component:h?"div":void 0,hidden:e.hidden,justifyContent:e.justifyContent,maxWidth:h?void 0:e.maxWidth,minWidth:h?void 0:e.minWidth,scope:"col",sticky:e.sticky,textAlign:e.textAlign,th:true,verticalAlign:f?.cellsVerticalAlign,width:h?void 0:e.width,...n,children:n?.content},e.field)}const n=h?o({cellConfig:void 0}):void 0;return t(i,{additionalClasses:a?.table_head_cell,alignItems:f?.cellsAlignItems,component:h?"div":void 0,hidden:e.hidden,justifyContent:e.justifyContent,maxWidth:h?void 0:e.maxWidth,minWidth:h?void 0:e.minWidth,scope:"col",sticky:e.sticky,textAlign:e.textAlign,th:true,verticalAlign:f?.cellsVerticalAlign,width:h?void 0:e.width,...n,children:l},e.field)})})})};export{d as DataTableHead};

package/dist/esm/components/dataTable/components/dataTableRows.mjs

@@ -0,0 +1 @@
+import{Fragment as t,jsx as i}from"react/jsx-runtime";import{TableCell as e}from"../../tableCell/tableCell.mjs";import{TableRow as l}from"../../tableRow/tableRow.mjs";import{applyFlexToCell as o}from"../utils/cellConfig.mjs";import{isRowHoverable as n}from"../utils/hoverable.mjs";import{applyGridToRow as r}from"../utils/rowConfig.mjs";const a=({activeRows:a,columns:s,cssClasses:d,hoverable:c,hoverableRows:m,isRowGroup:f=false,nonHoverableRows:g,rows:u,usingRowGroups:b})=>{const v=f?{table_row:d?.row_group_table_body.table_body}:d?.table_body_row;const h=f?d?.row_group_table_body_cell:d?.table_body_cell;return i(t,{children:u?.map((t,d)=>{const f=b?r({columns:s,rowConfig:t?.config}):t?.config;return i(l,{active:Boolean(t.id&&a?.includes(t.id)),additionalClasses:v,hoverable:n({hoverable:c,hoverableRows:m,nonHoverableRows:g,row:t}),...f,children:s?.map(l=>{const n=l.valueGetter?l.valueGetter(t[l.field],t):t[l.field];if(n&&"object"==typeof n&&"complex"in n){const r=b?o({cellConfig:n.complex}):n.complex;return i(e,{additionalClasses:h,alignItems:t.config?.cellsAlignItems,justifyContent:l.valueJustifyContent??l.justifyContent,maxWidth:b?void 0:l.maxWidth,minWidth:b?void 0:l.minWidth,role:"row",sticky:l.sticky,textAlign:l.valueTextAlign??l.textAlign,verticalAlign:t.config?.cellsVerticalAlign,width:b?void 0:l.width,...r,children:r?.content},l.field)}const r=b?o({cellConfig:void 0}):void 0;return i(e,{additionalClasses:h,alignItems:t.config?.cellsAlignItems,justifyContent:l.valueJustifyContent??l.justifyContent,maxWidth:b?void 0:l.maxWidth,minWidth:b?void 0:l.minWidth,role:"row",sticky:l.sticky,textAlign:l.valueTextAlign??l.textAlign,verticalAlign:t.config?.cellsVerticalAlign,width:b?void 0:l.width,...r,children:n},l.field)})},t.id??d)})})};export{a as DataTableRows};

package/dist/esm/components/dataTable/components/hiddenDataTableHead.mjs

@@ -0,0 +1 @@
+import{jsx as e}from"react/jsx-runtime";import{TableCell as t}from"../../tableCell/tableCell.mjs";import{TableHead as o}from"../../tableHead/tableHead.mjs";import{TableRow as a}from"../../tableRow/tableRow.mjs";const l=({columns:l,cssClasses:r})=>e(o,{additionalClasses:r?.row_group_table_head,hidden:true,children:e(a,{additionalClasses:r?.row_group_table_head_row,children:l?.map(o=>{let a=o.headerHiddenContent;if(!a){const e=o.headerContent;a=e&&"object"==typeof e&&"complex"in e?e.complex?.content:e}return e(t,{additionalClasses:r?.row_group_table_head_cell,scope:"col",th:true,children:a},o.field)})})});export{l as HiddenDataTableHead};

package/dist/esm/components/dataTable/dataTable.mjs

@@ -0,0 +1 @@
+import{jsx as o}from"react/jsx-runtime";import{forwardRef as s,useImperativeHandle as a,useRef as e}from"react";import{useClassName as t}from"../../lib/hooks/useClassName/useClassName.mjs";import{DataTableStandAlone as r}from"./dataTableStandAlone.mjs";import{useDataTableHasScroll as m}from"./hooks/useDataTableHasScroll.mjs";import{useDataTableShadow as l}from"./hooks/useDataTableShadow.mjs";import{useDataTableStickyDividers as i}from"./hooks/useDataTableStickyDividers.mjs";import{useDataTableStickyLeftColumns as h}from"./hooks/useDataTableStickyLeftColumns.mjs";import{useDataTableStickyRightColumns as f}from"./hooks/useDataTableStickyRightColumns.mjs";const n=s(({additionalClasses:s,variant:n,...c},d)=>{const u=t({additionalClassNames:s,component:"DATA_TABLE",variant:n});const b=e(null);a(d,()=>b.current,[]);const{hasScroll:p}=m({ref:b});f({ref:b});h({ref:b});i({ref:b});l({headBoxShadow:u.headboxshadow,leftBoxShadow:u.leftboxshadow,ref:b,rightBoxShadow:u.rightboxshadow});return o(r,{ref:b,cssClasses:u,hasScroll:p,...c})});export{n as DataTable};

package/dist/esm/components/dataTable/dataTableStandAlone.mjs

@@ -0,0 +1 @@
+import{jsx as a,jsxs as t}from"react/jsx-runtime";import{Fragment as e,forwardRef as o}from"react";import{TableBody as i}from"../tableBody/tableBody.mjs";import{pickCustomAttributes as l}from"../../lib/utils/pickCustomAttributes/pickCustomAttributes.mjs";import{Table as s}from"../table/table.mjs";import{TableCaption as r}from"../tableCaption/tableCaption.mjs";import{TableDivider as d}from"../tableDivider/tableDivider.mjs";import{DataTableHead as n}from"./components/dataTableHead.mjs";import{DataTableRows as c}from"./components/dataTableRows.mjs";import{HiddenDataTableHead as b}from"./components/hiddenDataTableHead.mjs";import{applyPositionToWrapper as m,applyZIndexToWrapper as p}from"./utils/tableConfig.mjs";const u=o(({activeRows:o,caption:u,columns:f,config:h,cssClasses:v,hasScroll:w,hoverable:C,hoverableRows:g,nonHoverableRows:R,rowGroups:y,rows:_,stickyHead:j,styles:S,...k},H)=>{const D=y&&y.length>0;const x=l(k);return t("div",{ref:H,className:v?.data_table,"data-testid":"data-table",...x,children:[t("div",{"aria-label":w?k["aria-label"]:void 0,"aria-labelledby":w?k["aria-labelledby"]:void 0,className:v?.scrollablecontainer,"data-datatable-scrollable-container":true,role:w?"region":void 0,...w?{tabIndex:0}:{},children:[t(s,{additionalClasses:v?.table,"aria-hidden":D?true:void 0,autoLeftStickyCalc:false,autoRightStickyCalc:false,component:D?"div":void 0,disableShadowEffects:true,hasScrollDisabled:true,sticky:j,...p({tableConfig:h?.table,zIndex:1}),children:[!!u?.content&&a(r,{additionalClasses:v?.table_caption,component:D?"div":void 0,...u,children:u?.content}),a(n,{columns:f,cssClasses:v,sticky:j,tableHeadConfig:h?.tableHead,tableHeadRowConfig:h?.tableHeadRow,usingRowGroups:D}),!D&&_&&_.length>0&&a(i,{additionalClasses:v?.table_body,...h?.tableBody,children:a(c,{activeRows:o,columns:f,cssClasses:v,hoverable:C,hoverableRows:g,nonHoverableRows:R,rows:_,usingRowGroups:D})})]}),y?.map((l,n)=>t(e,{children:[!!l.divider&&a(d,{variant:"DEFAULT",...l.divider,children:l.divider?.content}),t(s,{additionalClasses:v?.row_group_table,autoLeftStickyCalc:false,autoRightStickyCalc:false,disableShadowEffects:true,hasScrollDisabled:true,...m({position:"static",tableConfig:l.config?.table}),children:[!!l.caption?.content&&a(r,{additionalClasses:v?.row_group_table_caption,...l.caption,children:l.caption?.content}),a(b,{columns:f,cssClasses:v}),a(i,{additionalClasses:v?.row_group_table_body,...l.config?.tableBody,children:a(c,{activeRows:o,columns:f,cssClasses:v,hoverable:C,hoverableRows:g,isRowGroup:true,nonHoverableRows:R,rows:l.rows,usingRowGroups:D})})]})]},`${l.caption?.["data-testid"]}-${n.toString()}`))]}),a("div",{className:v?.leftboxshadowcontainer,"data-datatable-left-shadow":true}),a("div",{className:v?.rightboxshadowcontainer,"data-datatable-right-shadow":true})]})});export{u as DataTableStandAlone};

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

@@ -0,0 +1 @@
+export*from"./useDataTableHasScroll.mjs";export*from"./useDataTableShadow.mjs";export*from"./useDataTableStickyDividers.mjs";export*from"./useDataTableStickyLeftColumns.mjs";export*from"./useDataTableStickyRightColumns.mjs";

package/dist/esm/components/dataTable/hooks/useDataTableHasScroll.mjs

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

package/dist/esm/components/dataTable/hooks/useDataTableShadow.mjs

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

package/dist/esm/components/dataTable/hooks/useDataTableStickyDividers.mjs

@@ -0,0 +1 @@
+import{useEffect as e}from"react";import{hasHorizontalScroll as t}from"../../../lib/utils/scroll/hasScroll.mjs";const l=({ref:l})=>{e(()=>{const e=l.current?.querySelector("[data-datatable-scrollable-container]");let o;if(e instanceof HTMLElement){const r=e=>{const o=t(e);const r=e.querySelectorAll("[data-table-divider]");const s=e.querySelectorAll('[data-sticky="left"]').length>0;let a=0;let n=0;if(s){const e=l.current?.querySelector("[data-datatable-left-shadow]");if(e){const t=window.getComputedStyle(e);const l=t.getPropertyValue("z-index");if(l)a=parseInt(l,10)}}else{const t=e.querySelectorAll("[data-table-row]");t.forEach(e=>{if(e instanceof HTMLElement)n=Math.max(n,e.offsetWidth)})}r.forEach(e=>{if(e instanceof HTMLElement)if(s){e.style.position=o?"sticky":"";e.style.left=o?"0":"";e.style.zIndex=o?`${a+1}`:""}else e.style.width=o?`${n}px`:""})};r(e);o=new ResizeObserver(()=>{r(e)});o.observe(e)}return()=>{o?.disconnect()}},[]);return{}};export{l as useDataTableStickyDividers};

package/dist/esm/components/dataTable/hooks/useDataTableStickyLeftColumns.mjs

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

package/dist/esm/components/dataTable/hooks/useDataTableStickyRightColumns.mjs

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

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

@@ -0,0 +1 @@
+import{DataTable as a}from"./dataTable.mjs";export{a as DataTable};

package/dist/esm/components/dataTable/utils/cellConfig.mjs

@@ -0,0 +1 @@
+const e=({cellConfig:e})=>{const l={...e};return l};export{e as applyFlexToCell};

package/dist/esm/components/dataTable/utils/hoverable.mjs

@@ -0,0 +1 @@
+const e=({hoverable:e,hoverableRows:i,nonHoverableRows:d,row:l})=>{let o;if(i)o=Boolean(l.id&&i.includes(l.id));else if(d)o=!(l.id&&d.includes(l.id));else if(void 0!==e)o=e;return o};export{e as isRowHoverable};

package/dist/esm/components/dataTable/utils/index.mjs

@@ -0,0 +1 @@
+export*from"./cellConfig.mjs";export*from"./hoverable.mjs";export*from"./rowConfig.mjs";export*from"./tableConfig.mjs";

package/dist/esm/components/dataTable/utils/rowConfig.mjs

@@ -0,0 +1 @@
+const o=({rowConfig:o})=>{const r={...o};return r};export{o as applyGridToRow};

package/dist/esm/components/dataTable/utils/tableConfig.mjs

@@ -0,0 +1 @@
+const o=({tableConfig:o})=>{const p={...o};return p};const p=({tableConfig:o})=>{const p={...o};return p};export{p as applyPositionToWrapper,o as applyZIndexToWrapper};

package/dist/esm/components/dot/dot.mjs

@@ -0,0 +1 @@
+import{jsx as s}from"react/jsx-runtime";import{forwardRef as o}from"react";import{useClassName as t}from"../../lib/hooks/useClassName/useClassName.mjs";import{DotStandAlone as e}from"./dotStandAlone.mjs";const a=o(({additionalSizeClasses:o,additionalVariantClasses:a,maxNumber:r,number:m,size:n,variant:i,...c},l)=>{const p=t({additionalClassNames:a,component:"DOT",variant:i});const d=t({additionalClassNames:o,component:"DOT",variant:n});const f="number"==typeof m?"number"==typeof r&&m>r?`+${r}`:m.toString():void 0;return s(e,{...c,ref:l,cssSizeClasses:d,cssVariantClasses:p,formatedNumber:f})});export{a as Dot};

package/dist/esm/components/dot/dotStandAlone.mjs

@@ -0,0 +1 @@
+import{jsxs as t}from"react/jsx-runtime";import{forwardRef as s}from"react";import{classNames as o}from"../../lib/utils/classNames/classNames.mjs";import{pickCustomAttributes as r}from"../../lib/utils/pickCustomAttributes/pickCustomAttributes.mjs";const i=s(({cssSizeClasses:s,cssVariantClasses:i,formatedNumber:m,height:e,label:a,width:c,...l},d)=>{const n=r(l);return t("span",{ref:d,className:o(s?.dot,i?.dot),"data-testid":"dot",style:e||c?{height:e,width:c}:void 0,...n,children:[a,m]})});export{i as DotStandAlone};

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

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

package/dist/esm/components/icon/icon.mjs

@@ -0,0 +1 @@
+import{jsx as t,jsxs as s}from"react/jsx-runtime";import{forwardRef as e}from"react";import{ScreenReaderOnly as i}from"../../lib/components/screen-reader-only/screenReaderOnly.mjs";import{useClassName as o}from"../../lib/hooks/useClassName/useClassName.mjs";import{classNames as a}from"../../lib/utils/classNames/classNames.mjs";import{pickCustomAttributes as r}from"../../lib/utils/pickCustomAttributes/pickCustomAttributes.mjs";import{IconStandAlone as n}from"./iconStandAlone.mjs";const c=e(({className:e,color:c,height:l,icon:m,id:d,tabIndex:u,title:b,width:p,...f},h)=>{const{altText:C,disabled:N,onClick:j,screenReaderText:I,...k}=f;const y=r(f);const x=Object.keys(f).includes("color")&&!c;const v=!x&&!!c;const A=o({component:"ICON"});if(!m)return null;if(j)return s("button",{"aria-disabled":N,"aria-label":f["aria-label"]||C,className:a(A.button,e),"data-testid":"button",disabled:N,id:d,style:{height:l,width:p},tabIndex:u,title:b||"",type:"button",onClick:j,...y,children:[t(i,{children:I}),t(n,{icon:m,...k,ref:h,"aria-label":void 0,className:e,cssClasses:A,"data-testid":void 0,height:l,id:void 0,linearIcon:v,width:p})]});return t(n,{icon:m,...k,ref:h,altText:C,className:e,cssClasses:A,"data-testid":"icon",height:l,linearIcon:v,width:p})});export{c as Icon,c as IconBasic};

package/dist/esm/components/icon/iconHost.mjs

@@ -0,0 +1 @@
+import{jsx as o}from"react/jsx-runtime";import{forwardRef as s,useContext as r,useEffect as t,useState as i}from"react";import{StylesContext as c}from"../../lib/provider/stylesProvider/stylesProvider.mjs";import{UtilsContext as e}from"../../lib/provider/utilsProvider/utilsProvider.mjs";import{isValidHttpUrl as n}from"../../lib/utils/is/isValidHttpUrl.mjs";import{IconBasic as m}from"./icon.mjs";const a=s(({fallbackIcon:s,icon:a,...l},f)=>{const p=r(e);const d=r(c);const v=n(a);const b=v?a:`${p?.assets?.baseHost}${d?.icons?.[a]}`;const[j,u]=i(b);t(()=>{if(s){const o=n(s);const r=o?s:`${p?.assets?.baseHost}${d?.icons?.[s]}`;const t=async()=>{try{const o=await fetch(b,{cache:"no-store"});if(!o.ok)throw new Error("Error loading icon");u(b)}catch{u(r)}};t()}else u(b)},[b,s,p,d]);return o(m,{...l,ref:f,icon:j})});export{a as Icon,a as IconHost};

package/dist/esm/components/icon/iconStandAlone.mjs

@@ -0,0 +1 @@
+import{jsx as t}from"react/jsx-runtime";import{forwardRef as a,useState as i}from"react";import{classNames as s}from"../../lib/utils/classNames/classNames.mjs";import{pickCustomAttributes as e}from"../../lib/utils/pickCustomAttributes/pickCustomAttributes.mjs";const o=a(({altText:a,className:o,color:r,cssClasses:n,customAttributes:m,emptyAltText:l,height:c,id:d,rotate:u,transitionDuration:h,width:g,...f},p)=>{const[b]=i("");const $=e({...f,...m});const k=n?.dynamic_values({$color:r||"",$height:c||"",$moveAround:u||"",$transitionDuration:h||"",$width:g||""}).object;return t("span",{dangerouslySetInnerHTML:{__html:b},ref:p,"aria-hidden":l,"aria-label":a,className:s(n?.complex,o),"data-testid":"icon",id:d,role:l?"none":"img",style:k,...$})});const r=a(({altText:a,className:i,color:r,complex:n=false,cssClasses:m,customAttributes:l,height:c,icon:d,id:u,loading:h="lazy",rotate:g,transitionDuration:f,twistAnimationTransformValue:p,width:b,...$},k)=>{const y=!a;const A=e({...$,...l});if(n)return t(o,{ref:k,altText:a,className:i,color:r,cssClasses:m,customAttributes:l,"data-testid":"icon",emptyAltText:y,height:c,icon:d,id:u,rotate:g,transitionDuration:f,width:b,...$});return t("span",{ref:k,"aria-hidden":y,"aria-label":a,className:s(m?.svg,i),"data-testid":"icon","data-twist-animation-transform-value":!!p,id:u,role:y?"svg":"img",style:{backgroundColor:r,height:c,maskImage:`url("${d}")`,minHeight:c,minWidth:b,transform:p?p:`rotate(${g})`,transitionDuration:f,WebkitMaskImage:`url("${d}")`,width:b},...A})});export{r as IconStandAlone};

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

@@ -0,0 +1 @@
+import{IconBasic as o}from"./icon.mjs";import{Icon as m}from"./iconHost.mjs";export{m as Icon,o as IconBasic};

package/dist/esm/components/image/components/pictureSourceStandAlone.mjs

@@ -0,0 +1 @@
+import{jsx as t}from"react/jsx-runtime";import{pickCustomAttributes as r}from"../../../lib/utils/pickCustomAttributes/pickCustomAttributes.mjs";const i=({mediaSource:i,...e})=>{if(!i)return null;const o=r(e);return t("source",{height:i.height,media:i.media,srcSet:i.src,width:i.width,...o})};export{i as PictureSourceStandAlone};

package/dist/esm/components/image/image.css

@@ -0,0 +1,38 @@
+:root {
+  --border-radius: 0;
+  --fallback-ratio: 1;
+  --object-fit: cover;
+  --ratio: 1;
+  --width: 100%;
+}
+
+.kbt-picture {
+  position: relative;
+  display: inline-block;
+  overflow: hidden;
+  max-width: 100%;
+  max-height: 100%;
+  width: var(--width);
+  aspect-ratio: var(--ratio);
+}
+
+@supports not (aspect-ratio: 16 / 9) {
+  .kbt-picture {
+    padding-top: var(--fallback-ratio);
+  }
+
+  .kbt-picture img {
+    position: absolute;
+    top: 0;
+    left: 0;
+    width: 100%;
+    height: auto;
+  }
+}
+
+.kbt-picture img {
+  max-width: 100%;
+  border-radius: var(--border-radius);
+  object-fit: var(--object-fit);
+  aspect-ratio: var(--ratio);
+}

package/dist/esm/components/image/image.mjs

@@ -0,0 +1 @@
+import{jsx as r}from"react/jsx-runtime";import{forwardRef as o}from"react";import{useGenericComponents as e}from"../../lib/provider/genericComponentsProvider/genericComponentsProvider.mjs";import{ImageStandAlone as m}from"./imageStandAlone.mjs";const t=o((o,t)=>{const{IMAGE:n}=e();return r(m,{...o,ref:t,component:n})});export{t as Image};

package/dist/esm/components/image/imageStandAlone.mjs

@@ -0,0 +1 @@
+import{jsx as t,jsxs as i}from"react/jsx-runtime";import"./image.css";import{forwardRef as r}from"react";import{DEVICE_BREAKPOINTS as e}from"../../lib/types/breakpoints/breakpoints.mjs";import{pickCustomAttributes as o}from"../../lib/utils/pickCustomAttributes/pickCustomAttributes.mjs";import{PictureSourceStandAlone as a}from"./components/pictureSourceStandAlone.mjs";import{getFallbackRatio as m}from"./utils/getFallbackRatio.mjs";const c=r(({alt:r,borderRadius:c,caption:s,height:l,images:n,loading:p="lazy",objectFit:u,onLoad:d,ratio:b,title:f,width:g,...S},k)=>{const A={"--border-radius":c,"--fallback-ratio":b&&m(b)+"%","--object-fit":u,"--ratio":b};const h=o(S);return i("figure",{ref:k,"data-testid":"image",...h,children:[i("picture",{className:"kbt-picture",style:A,children:[t(a,{mediaSource:n[e.LARGE_DESKTOP]}),t(a,{mediaSource:n[e.DESKTOP]}),t(a,{mediaSource:n[e.TABLET]}),t(a,{mediaSource:n[e.MOBILE]}),t("img",{alt:r,height:l,loading:p,src:n.DEFAULT.src,title:f,width:g,onLoad:d})]}),s&&t("figcaption",{children:s})]})});export{c as ImageStandAlone};

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

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

package/dist/esm/components/image/utils/getFallbackRatio.mjs

@@ -0,0 +1 @@
+const t=t=>100*t;export{t as getFallbackRatio};

package/dist/esm/components/index.mjs

@@ -0,0 +1 @@
+export*from"./accordion/index.mjs";export*from"./alert/index.mjs";export*from"./avatar/index.mjs";export*from"./badge/index.mjs";export*from"./breadcrumbs/index.mjs";export*from"./button/index.mjs";export*from"./calendar/index.mjs";export*from"./card/index.mjs";export*from"./carousel/index.mjs";export*from"./checkbox/index.mjs";export*from"./checkboxBase/index.mjs";export*from"./chip/index.mjs";export*from"./dataTable/index.mjs";export*from"./dot/index.mjs";export*from"./icon/index.mjs";export*from"./image/index.mjs";export*from"./input/index.mjs";export*from"./inputBase/index.mjs";export*from"./inputDecoration/index.mjs";export*from"./inputSignature/index.mjs";export*from"./label/index.mjs";export*from"./link/index.mjs";export*from"./listOptions/index.mjs";export*from"./modal/index.mjs";export*from"./option/index.mjs";export*from"./pageControl/index.mjs";export*from"./pagination/index.mjs";export*from"./popover/index.mjs";export*from"./progressBar/index.mjs";export*from"./radioButton/index.mjs";export*from"./select/index.mjs";export*from"./selectorBoxFile/index.mjs";export*from"./skeleton/index.mjs";export*from"./slider/index.mjs";export*from"./snackbar/index.mjs";export*from"./stepperNumber/index.mjs";export*from"./table/index.mjs";export*from"./tableBody/index.mjs";export*from"./tableCaption/index.mjs";export*from"./tableCell/index.mjs";export*from"./tableDivider/index.mjs";export*from"./tableFoot/index.mjs";export*from"./tableHead/index.mjs";export*from"./tableRow/index.mjs";export*from"./tabs/index.mjs";export*from"./tag/index.mjs";export*from"./text/index.mjs";export*from"./textArea/index.mjs";export*from"./toggle/index.mjs";export*from"./tooltip/index.mjs";export*from"./virtualKeyboard/index.mjs";

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

@@ -0,0 +1 @@
+import{Input as p}from"./input.mjs";export{p as Input};

package/dist/esm/components/input/input.mjs

@@ -0,0 +1 @@
+import{jsx as t}from"react/jsx-runtime";import{forwardRef as s,useCallback as e,useId as o,useImperativeHandle as n,useRef as r,useState as a}from"react";import{useClassName as l}from"../../lib/hooks/useClassName/useClassName.mjs";import{InputStandAlone as c}from"./inputStandAlone.mjs";import{getState as u}from"./utils/state.mjs";const i=s(({additionalClasses:s,id:i,variant:m,...d},p)=>{const f=l({additionalClassNames:s,component:"INPUT",variant:m});const b=o();const j=`input-${b.replace(/:/g,"")}`;const C=i||j;const I=`${C}-label`;const N=r(null);const B=r(null);const x=e(t=>{if(t){const s=t.querySelector("input");B.current=s}N.current=t},[]);n(p,()=>N.current,[]);const[S,$]=a(false);const g=e(()=>$(true),[]);const h=e(()=>$(false),[]);const k=Boolean(d.defaultValue??d.value);const q=u({disabled:d.disabled,error:d.error,filled:k,focused:S});return t(c,{ref:x,cssClasses:f,"data-state":q,"data-testid":"input-container",filled:k,focused:S,inputBaseId:C,labelId:I,onBlur:h,onFocus:g,...d})});export{i as Input};

package/dist/esm/components/input/inputStandAlone.mjs

@@ -0,0 +1 @@
+import{jsx as i,jsxs as t}from"react/jsx-runtime";import{forwardRef as r}from"react";import{pickCustomAttributes as a}from"../../lib/utils/pickCustomAttributes/pickCustomAttributes.mjs";import{InputBase as e}from"../inputBase/inputBase.mjs";import{InputDecoration as o}from"../inputDecoration/inputDecoration.mjs";const n=r(({cssClasses:r,disabled:n,error:s,filled:d,focused:l,inputBaseId:c,labelId:u,leftDecoration:m,required:p,rightDecoration:f,...v},b)=>{const C=a(v);return t("div",{ref:b,className:r?.input,...C,children:[!!(m&&(m?.variant||r?.left_decoration))&&i(o,{disabled:n,error:s,...m,additionalClasses:m?.variant?void 0:r?.left_decoration,variant:m?.variant}),i("div",{...C,className:r?.inputandlabelcontainer,children:!!r?.input&&i(e,{disabled:n,error:s,filled:d,focused:l,required:p,...v,additionalClasses:r?.input_base})}),!!(f&&(f?.variant||r?.right_decoration))&&i(o,{disabled:n,error:s,filled:d,focused:l,...f,additionalClasses:f?.variant?void 0:r?.right_decoration,variant:f?.variant})]})});export{n as InputStandAlone};

package/dist/esm/components/input/stories/argtypes.mjs

@@ -0,0 +1 @@
+import{InputVariantType as e}from"@/lib/designSystem/kubit/components/input/variants";import{configArgTypes as t}from"@/lib/storybook/argtypes/argtypes";import{CATEGORY_CONTROL as o}from"@/lib/storybook/constants/categoryControl";const a=()=>({...t,autoCapitalize:{control:{type:"text"},description:"Is an enumerated attribute that controls whether inputted text is automatically capitalized and, if so, in what manner",table:{category:o.MODIFIERS,type:{detail:"off | none | on | sentences | words | characters",summary:"AutoCapitalizeType"}},type:{name:"string"}},autoFocus:{control:{type:"boolean"},description:"It specifies that an <input> element should automatically get focus when the page loads",table:{category:o.ACCESIBILITY,type:{summary:"boolean"}},type:{name:"boolean"}},disabled:{control:{type:"boolean"},description:"Specifies if the input element is disabled or not. Internal state used to apply the styles.",table:{category:o.MODIFIERS,type:{summary:"boolean"}},type:{name:"boolean"}},error:{control:{type:"boolean"},description:"Specifies if the input element has error or not. Internal state used to apply the styles.",table:{category:o.MODIFIERS,type:{summary:"boolean"}},type:{name:"boolean"}},id:{control:{type:"text"},description:"Input id",table:{category:o.ACCESIBILITY,type:{summary:"string"}},type:{name:"string"}},inputMode:{control:{type:"text"},description:"Is an enumerated attribute that hints at the type of data that might be entered by the user while editing the element or its contents. This allows a browser to display an appropriate virtual keyboard.",table:{category:o.MODIFIERS,type:{detail:"none | text | tel | url | email | numeric | decimal | search",summary:"InputModeType"}},type:{name:"string"}},label:{control:{type:"object"},description:"Object with input label properties",table:{category:o.CONTENT,type:{summary:"IInputLabelProps"}},type:{name:"object",value:{}}},leftDecoration:{control:{type:"object"},description:"Object with input decoration properties",table:{category:o.CONTENT,type:{summary:"IInputDecoration"}},type:{name:"object",value:{}}},onBlur:{control:false,description:"The event occurs when the user leaves the element",table:{category:o.FUNCTIONS}},onCopy:{control:false,description:"The event occurs when copying some text of the element",table:{category:o.FUNCTIONS}},onFocus:{control:false,description:"Function that is called when focus on the component",table:{category:o.FUNCTIONS,type:{summary:"React.MouseEventHandler<HTMLButtonElement>"}}},onKeyDown:{control:false,description:"Function that is triggered anytime the user presses a key on their keyboard",table:{category:o.FUNCTIONS}},onPaste:{control:false,description:"The event occurs when pasting some text in the element",table:{category:o.FUNCTIONS}},placeholder:{control:{type:"text"},description:"Specifies a short hint that describes the expected value of an input field",table:{category:o.CONTENT,type:{summary:"string"}},type:{name:"string"}},popoverTarget:{control:{type:"text"},description:"Refer to a popover element with the popovertarget attribute to show/hide the specified popover element",table:{category:o.ACCESIBILITY,type:{summary:"string"}},type:{name:"string"}},popoverTargetAction:{control:{type:"text"},description:'gets and sets the action to be performed ("hide", "show", or "toggle") on a popover element being controlled by an <input> element of type="button".',table:{category:o.ACCESIBILITY,type:{detail:"hide | show | toggle",summary:"string"}},type:{name:"string"}},required:{control:{type:"boolean"},description:"Required input option to show required symbol",table:{category:o.MODIFIERS,type:{summary:"boolean"}},type:{name:"boolean"}},rightDecoration:{control:{type:"object"},description:"Object with input decoration properties",table:{category:o.CONTENT,type:{summary:"IInputDecoration"}},type:{name:"object",value:{}}},role:{control:{type:"select"},description:"Prop used for accesibility to asign a rol",table:{category:o.MODIFIERS,type:{summary:"ROLES"}},type:{name:"string"}},truncate:{control:{type:"boolean"},description:"Indicates if text value is truncated when is too big",table:{category:o.MODIFIERS,type:{summary:"boolean"}},type:{name:"boolean"}},type:{control:{type:"text"},description:"The type attribute specifies the type of input element to display",table:{category:o.MODIFIERS,type:{summary:"string"}},type:{name:"string"}},variant:{control:{type:"select"},description:"Input date variant",options:Object.keys(e),table:{category:o.MODIFIERS,type:{summary:"string"}},type:{name:"string",required:true}}});export{a as argtypes};

package/dist/esm/components/input/stories/styles.css

@@ -0,0 +1,11 @@
+.custom-input-base {
+  border: '1px solid pink';
+  border-color: 'pink';
+  border-style: 'dashed';
+  border-width: '2px';
+  padding: '14px';
+}
+
+.custom-input-label {
+  position: 'undefined';
+}

package/dist/esm/components/input/types/index.mjs

@@ -0,0 +1 @@
+export*from"./input.mjs";export*from"./state.mjs";

package/dist/esm/components/input/types/state.mjs

@@ -0,0 +1 @@
+const E={DISABLED_EMPTY:"DISABLED_EMPTY",DISABLED_FILLED:"DISABLED_FILLED",EMPTY:"EMPTY",ERROR_EMPTY:"ERROR_EMPTY",ERROR_FILLED:"ERROR_FILLED",FILLED:"FILLED",FOCUS:"FOCUS"};export{E as InputState};

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

@@ -0,0 +1 @@
+import{InputState as r}from"../types/state.mjs";const t=({disabled:t,error:e,filled:E,focused:n})=>{if(t&&E)return r.DISABLED_FILLED;if(t)return r.DISABLED_EMPTY;if(e&&E)return r.ERROR_FILLED;if(e)return r.ERROR_EMPTY;if(n)return r.FOCUS;if(E)return r.FILLED;return r.EMPTY};export{t as getState};

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

@@ -0,0 +1 @@
+import{InputBase as p}from"./inputBase.mjs";export{p as InputBase};

package/dist/esm/components/inputBase/inputBase.mjs

@@ -0,0 +1 @@
+import{jsx as t}from"react/jsx-runtime";import{forwardRef as s,useId as a}from"react";import{useClassName as e}from"../../lib/hooks/useClassName/useClassName.mjs";import{InputBaseStandAlone as o}from"./inputBaseStandAlone.mjs";import{getState as r}from"./utils/state.mjs";const i=s(({additionalClasses:s,error:i,filled:n,focused:m,id:d,variant:c,...l},p)=>{const u=e({additionalClassNames:s,component:"INPUT_BASE",variant:c});const f=a();const b=`inputbase-${f.replace(/:/g,"")}`;const j=d??b;const C=r({disabled:l.disabled,error:i,filled:n,focused:m});return t(o,{ref:p,...l,"aria-invalid":i,cssClasses:u,"data-state":C,"data-testid":"input-base","data-truncate":l.truncate,id:j})});export{i as InputBase};

package/dist/esm/components/inputBase/inputBaseStandAlone.mjs

@@ -0,0 +1 @@
+import{jsx as t}from"react/jsx-runtime";import{forwardRef as r}from"react";import{pickCustomAttributes as s}from"../../lib/utils/pickCustomAttributes/pickCustomAttributes.mjs";const e=r(({cssClasses:r,truncate:e,...i},o)=>{const m=s(i);return t("input",{ref:o,className:r?.input_base,...i,...m})});export{e as InputBaseStandAlone};

package/dist/esm/components/inputBase/types/state.mjs

@@ -0,0 +1 @@
+const E={DISABLED_EMPTY:"DISABLED_EMPTY",DISABLED_FILLED:"DISABLED_FILLED",EMPTY:"EMPTY",ERROR_EMPTY:"ERROR_EMPTY",ERROR_FILLED:"ERROR_FILLED",FILLED:"FILLED",FOCUS:"FOCUS"};export{E as InputBaseState};

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

@@ -0,0 +1 @@
+import{InputBaseState as r}from"../types/state.mjs";const t=({disabled:t,error:e,filled:E,focused:n})=>{if(t&&E)return r.DISABLED_FILLED;if(t)return r.DISABLED_EMPTY;if(e&&E)return r.ERROR_FILLED;if(e)return r.ERROR_EMPTY;if(n)return r.FOCUS;if(E)return r.FILLED;return r.EMPTY};export{t as getState};

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

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

package/dist/esm/components/inputDecoration/inputDecoration.mjs

@@ -0,0 +1 @@
+import{jsx as t}from"react/jsx-runtime";import{forwardRef as o}from"react";import{useClassName as s}from"../../lib/hooks/useClassName/useClassName.mjs";import{InputDecorationStandAlone as e}from"./inputDecorationStandAlone.mjs";import{getState as r}from"./utils/state.mjs";const a=o(({additionalClasses:o,variant:a,...i},m)=>{const n=s({additionalClassNames:o,component:"INPUT_DECORATION",variant:a});const d=r({disabled:i.disabled,error:i.error,filled:i.filled,focused:i.focused});return t(e,{ref:m,cssClasses:n,"data-state":d,"data-testid":"input-decoration",...i})});export{a as InputDecoration};

package/dist/esm/components/inputDecoration/inputDecorationStandAlone.mjs

@@ -0,0 +1 @@
+import{jsx as o}from"react/jsx-runtime";import{forwardRef as t}from"react";import{ElementOrIcon as r}from"../../lib/components/elementOrIcon/elementOrIcon.mjs";import{pickCustomAttributes as n}from"../../lib/utils/pickCustomAttributes/pickCustomAttributes.mjs";import{processIconProp as e}from"../../lib/utils/process/processCommonProp.mjs";const i=t(({cssClasses:t,decoration:i,disabled:s,...m},c)=>{const l=e(i);if(!l?.icon)return null;const p=n(m);return o("div",{ref:c,className:t?.input_decoration,style:{pointerEvents:l.onClick?"auto":"none"},...p,children:o(r,{className:t?.decoration,...l,onClick:l.onClick})})});export{i as InputDecorationStandAlone};

package/dist/esm/components/inputDecoration/types/index.mjs

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

package/dist/esm/components/inputDecoration/types/state.mjs

@@ -0,0 +1 @@
+const E={DISABLED_EMPTY:"DISABLED_EMPTY",DISABLED_FILLED:"DISABLED_FILLED",EMPTY:"EMPTY",ERROR_EMPTY:"ERROR_EMPTY",ERROR_FILLED:"ERROR_FILLED",FILLED:"FILLED",FOCUS:"FOCUS"};export{E as InputDecorationState};

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

@@ -0,0 +1 @@
+import{InputDecorationState as r}from"../types/state.mjs";const t=({disabled:t,error:e,filled:E,focused:n})=>{if(t&&E)return r.DISABLED_FILLED;if(t)return r.DISABLED_EMPTY;if(e&&E)return r.ERROR_FILLED;if(e)return r.ERROR_EMPTY;if(n)return r.FOCUS;if(E)return r.FILLED;return r.EMPTY};export{t as getState};

package/dist/esm/components/inputSignature/hook/index.mjs

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

package/dist/esm/components/inputSignature/hook/useDraw.mjs

@@ -0,0 +1 @@
+import{useEffect as e,useRef as t}from"react";function r(e,t){if(e.width!==t.width||e.height!==t.height)return false;for(let r=0;r<e.data.length;r++)if(e.data[r]!==t.data[r])return false;return true}const n=n=>{const u=t(null);const c=t(null);const o=t(false);const s=t(false);const i=t({color:"black",lineWidth:2});const l=t(null);const a=()=>{if(!u.current)return;s.current=false;c.current.clearRect(0,0,u.current.width,u.current.height)};const d=e=>{if(!e)return;i.current.color=e.color;i.current.lineWidth=e.lineWidth};const f=e=>{let t,r;if("touchstart"===e.type&&u.current){const{touches:n}=e;const{clientX:c,clientY:o}=n[0];const{left:s,top:i}=u.current.getBoundingClientRect();t=c-s;r=o-i}else{t=e.offsetX;r=e.offsetY}l.current=c.current.getImageData(0,0,u.current?.width,u.current?.height);c.current.beginPath();c.current.moveTo(t,r);o.current=true};const h=e=>{if(!o.current)return;let t,r;e.preventDefault();if("touchmove"===e.type&&u.current){const{touches:n}=e;const{clientX:c,clientY:o}=n[0];const{left:s,top:i}=u.current.getBoundingClientRect();t=c-s;r=o-i}else{t=e.offsetX;r=e.offsetY}c.current.lineTo(t,r);c.current.stroke()};const v=()=>{const e=c.current.getImageData(0,0,u.current?.width,u.current?.height);c.current.closePath();o.current=false;if(!l.current)return;const t=r(e,l.current);if(!t){const e=u.current?.toDataURL();n?.(e);s.current=true}};e(()=>{if(null===u.current)return;const e=u.current;c.current=e?.getContext("2d",{willReadFrequently:true});if(!c.current)return;c.current.strokeStyle=i.current.color;c.current.lineWidth=i.current.lineWidth;c.current.lineCap="round";c.current.lineJoin="round";e?.addEventListener("mousedown",f);e?.addEventListener("mousemove",h);e?.addEventListener("mouseup",v);e?.addEventListener("mouseleave",v);e?.addEventListener("touchstart",f);e?.addEventListener("touchmove",h,{passive:false});e?.addEventListener("touchend",v);return()=>{e?.removeEventListener("mousedown",f);e?.removeEventListener("mousemove",h);e?.removeEventListener("mouseup",v);e?.removeEventListener("mouseleave",v);e?.removeEventListener("touchstart",f);e?.removeEventListener("touchmove",h);e?.removeEventListener("touchend",v)}},[]);return{canvasRef:u,filled:s.current,resetCanvas:a,setSignatureStyles:d}};export{n as useDraw};

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

@@ -0,0 +1 @@
+import{InputSignatureControlled as t}from"./inputSignatureControlled.mjs";import{InputSignature as n}from"./inputSignatureUncontrolled.mjs";export{n as InputSignature,t as InputSignatureControlled};

package/dist/esm/components/inputSignature/inputSignatureControlled.mjs

@@ -0,0 +1 @@
+import{jsx as o}from"react/jsx-runtime";import{forwardRef as s}from"react";import{useClassName as t}from"../../lib/hooks/useClassName/useClassName.mjs";import{InputSignatureStandAlone as r}from"./inputSignatureStandAlone.mjs";const e=s(({additionalClasses:s,setSignatureStyles:e,signatureStyle:m={color:"#000000",lineWidth:2},variant:n,...a},i)=>{const l=t({additionalClassNames:s,component:"INPUT_SIGNATURE",variant:n});e?.(m);return o(r,{ref:i,cssClasses:l,...a})});export{e as InputSignatureControlled};

package/dist/esm/components/inputSignature/inputSignatureStandAlone.mjs

@@ -0,0 +1 @@
+import{jsx as t,jsxs as s}from"react/jsx-runtime";import{forwardRef as e}from"react";import{Text as o}from"../text/text.mjs";import{STATES as a}from"../../lib/types/states/states.mjs";import{pickCustomAttributes as r}from"../../lib/utils/pickCustomAttributes/pickCustomAttributes.mjs";import{processTextProp as i}from"../../lib/utils/process/processCommonProp.mjs";const n=e(({canvasRef:e,cssClasses:n,errorText:c,onBlurContainer:m,onClickContainer:l,placeholder:p,state:u,...d},b)=>{const f=u===a.DEFAULT||u===a.ERROR||u===a.DISABLED;const x=u===a.ERROR&&c?c:p;const A={"data-state":u};const R=d["data-testid"]||"input-signature";const j=r(d);const v=r(A);return s("div",{ref:b,className:n?.input_signature,"data-testid":R,role:"button",tabIndex:-1,onBlur:m,onClick:l,onKeyDown:l,...v,...j,children:[t("canvas",{ref:e,className:n?.canvas,"data-testid":`${R}-canvas`,...v}),f&&t("div",{className:n?.placeholdercontainer,...v,children:t(o,{additionalClasses:{text:n?.placeholdertext},customAttributes:A,...i(x)})})]})});export{n as InputSignatureStandAlone};

package/dist/esm/components/inputSignature/inputSignatureUncontrolled.mjs

@@ -0,0 +1 @@
+import{jsx as t}from"react/jsx-runtime";import{forwardRef as r,useImperativeHandle as n,useRef as e,useState as o}from"react";import{useDraw as u}from"./hook/useDraw.mjs";import{InputSignatureControlled as s}from"./inputSignatureControlled.mjs";import{getInputSignatureState as a}from"./utils/getInputSignatureState.mjs";const i=r(({disabled:r,error:i,onChange:c,...l},m)=>{const p=e(null);const{canvasRef:g,filled:f,resetCanvas:S,setSignatureStyles:C}=u(c);const[I,j]=o(false);const d=a({active:I,disabled:r,error:i,filled:f});n(m,()=>({get InputSignature(){return p.current},get reset(){return S}}));const k=t=>{if(r)return;t.stopPropagation();j(true);t.currentTarget.focus()};const x=()=>{j(false)};return t(s,{ref:p,canvasRef:g,setSignatureStyles:C,onBlurContainer:x,onClickContainer:k,...l,state:d})});export{i as InputSignature,i as InputSignatureUnControlled};