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

package/dist/esm/lib/components/elementOrIcon/elementOrIcon.mjs

@@ -0,0 +1 @@
+import{jsx as o}from"react/jsx-runtime";import{forwardRef as r,isValidElement as n}from"react";import{IconBasic as t}from"../../../components/icon/icon.mjs";import{Icon as e}from"../../../components/icon/iconHost.mjs";const i=r(({basic:r=false,icon:i,...m},c)=>{if(!i)return null;if("string"==typeof i)return r?o(t,{...m,ref:c,icon:i}):o(e,{...m,ref:c,icon:i});return n(i)?i:null});export{i as ElementOrIcon};

package/dist/esm/lib/components/elementOrIcon/index.mjs

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

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

@@ -0,0 +1 @@
+import{jsx as s}from"react/jsx-runtime";import{forwardRef as r}from"react";import{useClassName as e}from"../../hooks/useClassName/useClassName.mjs";import{ErrorMessageStandAlone as o}from"./errorMessageStandAlone.mjs";const a=r(({additionalClasses:r,variant:a,...t},m)=>{const n=e({additionalClassNames:r,component:"ERROR_MESSAGE",variant:a});return s(o,{ref:m,cssClasses:n,...t,"data-testid":"error-message"})});export{a as ErrorMessage};

package/dist/esm/lib/components/errorMessage/errorMessageStandAlone.mjs

@@ -0,0 +1 @@
+import{Fragment as r,jsx as s,jsxs as t}from"react/jsx-runtime";import{forwardRef as o}from"react";import{Text as e}from"../../../components/text/text.mjs";import{ElementOrIcon as m}from"../elementOrIcon/elementOrIcon.mjs";import{classNames as i}from"../../utils/classNames/classNames.mjs";import{pickCustomAttributes as n}from"../../utils/pickCustomAttributes/pickCustomAttributes.mjs";import{processIconProp as a,processTextProp as c}from"../../utils/process/processCommonProp.mjs";const l=o(({cssClasses:o,icon:l,message:p,...u},f)=>{if(!p)return null;const d=n(u);return s("div",{ref:f,...d,className:i("kbt-error-message__container",o?.error_message,{"kbt-sr-only":!u.show}),id:u.id,children:u.show&&t(r,{children:[s(m,{className:o?.icon,...a(l)}),s(e,{additionalClasses:{text:o?.typography},...c(p)})]})})});export{l as ErrorMessageStandAlone};

package/dist/esm/lib/components/errorMessage/index.mjs

@@ -0,0 +1 @@
+import{ErrorMessage as r}from"./errorMessage.mjs";export*from"./types/index.mjs";export{r as ErrorMessage};

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

@@ -0,0 +1 @@
+export*from"./errorMessage/index.mjs";export*from"./overlay/index.mjs";

package/dist/esm/lib/components/itemRove/index.mjs

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

package/dist/esm/lib/components/itemRove/itemRove.mjs

@@ -0,0 +1 @@
+import{jsx as e}from"react/jsx-runtime";import{useEffect as s,useRef as o}from"react";import{useClassName as t}from"../../hooks/useClassName/useClassName.mjs";import{classNames as r}from"../../utils/classNames/classNames.mjs";import{pickCustomAttributes as a}from"../../utils/pickCustomAttributes/pickCustomAttributes.mjs";import{CustomComponent as m}from"../customComponent/customComponent.mjs";const l=({ariaControls:l,ariaDisabled:n=false,ariaHidden:i=false,ariaLabel:c,ariaSelected:u,asElement:f,checkIsFirstTime:p=false,children:d,classNames:C,customAttributes:b,disabled:N=false,disableKeys:j=false,focus:v,id:k,index:h,onMouseOver:x,onSelectItem:I,preventScrollOnFocus:y=false,role:A,setFocus:E,type:M,url:O,...R})=>{const _=o(null);const w=o(p);const D=t({component:"ITEM_ROVE"});const F=a({...R,...b});s(()=>{if(v&&!w.current)_.current?.focus({preventScroll:y});else w.current=false},[v,y]);const K=e=>{if(!j){E?.(h);if(e)I?.()}};const S=()=>v?0:-1;return e(m,{ref:_,"aria-controls":l,"aria-disabled":n,"aria-hidden":i,"aria-label":c,"aria-selected":u,className:r(D.item_rove,C),component:f,"data-testid":"item-rove",disabled:N,id:k,role:A,tabIndex:S(),type:M,url:O,onClick:()=>K(true),onFocus:x,onKeyDown:()=>K(false),onMouseOver:x,...F,children:d})};export{l as ItemRove};

package/dist/esm/lib/components/overlay/__stories__/argtypes.mjs

@@ -0,0 +1 @@
+import{OverlayVariantType as r}from"@/lib/designSystem/kubit/components/overlay/variants";import{configArgTypes as t}from"@/lib/storybook/argtypes/argtypes";import{getVariantArgTypes as o}from"@/lib/storybook/argtypes/variantArgtypes";import{CATEGORY_CONTROL as a}from"@/lib/storybook/constants/categoryControl";const e=()=>({...t,variant:o({category:a.MODIFIERS,keyVariant:"variant",name:"overlay",variants:Object.keys(r).reduce((r,t)=>({...r,[t]:t}),{})})});export{e as argtypes};

package/dist/esm/lib/components/overlay/index.mjs

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

package/dist/esm/lib/components/overlay/overlay.mjs

@@ -0,0 +1 @@
+import{jsx as s}from"react/jsx-runtime";import{forwardRef as o}from"react";import{useClassName as r}from"../../hooks/useClassName/useClassName.mjs";import{OverlayStandAlone as e}from"./overlayStandAlone.mjs";const m=o(({additionalClasses:o,variant:m,...a},t)=>{const n=r({additionalClassNames:o,component:"OVERLAY",variant:m});return s(e,{...a,ref:t,cssClasses:n})});export{m as Overlay};

package/dist/esm/lib/components/overlay/overlayStandAlone.mjs

@@ -0,0 +1 @@
+import{jsx as t}from"react/jsx-runtime";import{forwardRef as r}from"react";import{pickCustomAttributes as e}from"../../utils/pickCustomAttributes/pickCustomAttributes.mjs";const o=r(({cssClasses:r,...o},s)=>{const i=e(o);return t("div",{ref:s,className:r?.overlay,"data-testid":"overlay",...o,...i,...i})});export{o as OverlayStandAlone};

package/dist/esm/lib/components/screen-reader-only/index.mjs

@@ -0,0 +1 @@
+import{ScreenReaderOnly as e}from"./screenReaderOnly.mjs";import{ScreenReaderOnlyStandAlone as r}from"./screenReaderOnlyStandAlone.mjs";export{e as ScreenReaderOnly,r as ScreenReaderOnlyStandAlone};

package/dist/esm/lib/components/screen-reader-only/screenReaderOnly.mjs

@@ -0,0 +1 @@
+import{jsx as e}from"react/jsx-runtime";import{forwardRef as r}from"react";import{ScreenReaderOnlyStandAlone as n}from"./screenReaderOnlyStandAlone.mjs";const m=r((r,m)=>e(n,{ref:m,...r}));m.displayName="ScreenReaderOnly";export{m as ScreenReaderOnly};

package/dist/esm/lib/components/screen-reader-only/screenReaderOnlyStandAlone.mjs

@@ -0,0 +1 @@
+import{jsx as e}from"react/jsx-runtime";import{forwardRef as r}from"react";import{classNames as t}from"../../utils/classNames/classNames.mjs";import{pickCustomAttributes as i}from"../../utils/pickCustomAttributes/pickCustomAttributes.mjs";const s=r(({ariaAtomic:r,ariaLive:s,children:o,className:a,id:m,role:n,...c},l)=>{const d=i(c);const p=t("kbt-screen-reader-only",a);const f={};if(void 0!==s)f["aria-live"]=s;if(void 0!==r)f["aria-atomic"]=r;if(void 0!==n)f.role=n;return e("span",{ref:l,className:p,id:m,...f,...d,children:o})});s.displayName="ScreenReaderOnlyStandAlone";export{s as ScreenReaderOnlyStandAlone};

package/dist/esm/lib/constants/keyboardKeys/keyboardKeys.mjs

@@ -0,0 +1 @@
+const e={code:"Backspace",key:"Backspace",keyCode:8,which:8};const o={code:"Tab",key:"Tab",keyCode:9,which:9};const c={code:"Enter",key:"Enter",keyCode:13,which:13};const k={code:"Esc",key:["Escape","Esc"],keyCode:27,which:27};const h={code:"Space",key:" ",keyCode:32,which:32};const y={code:"PageUp",key:"PageUp",keyCode:33,which:33};const d={code:"PageDown",key:"PageDown",keyCode:34,which:34};const w={code:"ArrowLeft",key:"ArrowLeft",keyCode:37,which:37};const t={code:"ArrowUp",key:"ArrowUp",keyCode:38,which:38};const n={code:"ArrowRight",key:"ArrowRight",keyCode:39,which:39};const r={code:"ArrowDown",key:"ArrowDown",keyCode:40,which:40};const A={code:"ArrowDecimal",key:"Delete",keyCode:46,which:46};const E={key:"Home"};const s={key:"End"};export{r as ARROW_DOWN,w as ARROW_LEFT,n as ARROW_RIGHT,t as ARROW_UP,e as BACKSPACE,A as DELETE,s as END,c as ENTER,k as ESCAPE,E as HOME,d as PAGE_DOWN,y as PAGE_UP,h as SPACE,o as TAB};

package/dist/esm/lib/hooks/useClassName/useClassName.mjs

@@ -0,0 +1 @@
+import{useStylesContext as r}from"../../provider/stylesProvider/stylesProvider.mjs";const s=({additionalClassNames:s,component:e,variant:o})=>{const{getComponentStyles:t}=r();return t({additionalClassNames:s,component:e,variant:o})};export{s as useClassName};

package/dist/esm/lib/hooks/useClickOutside/clickOutsideHandler.mjs

@@ -0,0 +1 @@
+function e({element:e,onClickOutside:t,preventOnClickElements:n=[]}){if("u"<typeof window||!e)return{destroy:()=>{}};function o(o){if(e&&!e.contains(o.target)&&!n.some(e=>e?.contains(o.target)))t(o)}document.addEventListener("mouseup",o);return{destroy(){document.removeEventListener("mouseup",o)}}}export{e as createClickOutsideHandler};

package/dist/esm/lib/hooks/useClickOutside/useClickOutside.mjs

@@ -0,0 +1 @@
+import{useEffect as e,useRef as t}from"react";const n=(n,r,u=[])=>{const c=t(r);e(()=>{c.current=r},[r]);e(()=>{function e(e){const t=e.composedPath();const r=n.current&&t.includes(n.current);const o=u.some(e=>e&&t.includes(e));if(n.current&&!r&&!o)c.current(e)}document.addEventListener("mouseup",e,true);return()=>{document.removeEventListener("mouseup",e,true)}},[n,u])};export{n as useClickOutside};

package/dist/esm/lib/hooks/useContentVisibility/useContentVisibility.mjs

@@ -0,0 +1 @@
+import{useCallback as e,useRef as r}from"react";import{isContentVisibleEnough as t}from"./utils/contentVisibility.mjs";const n=({minVisibleHeight:n=100,onContentInvisible:o,onContentVisible:s})=>{const c=r(null);const i=r(null);const u=r(void 0);const l=r(void 0);const f=r(void 0);const v=e(()=>{const e=c.current;const r=i.current;if(!e||!r)return;if(s)s();else{e.style.overflowY="";r.style.overflowY=""}},[s]);const b=e(()=>{const e=c.current;const r=i.current;if(!e||!r)return;if(o)o();else{e.style.overflowY="auto";r.style.overflowY="visible"}},[o]);const w=e(({container:e,content:r})=>{c.current=e;i.current=r;if(e&&r){const o=()=>{const o=t({container:e,content:r,minVisibleHeight:n});if(o!==f.current)if(o)v();else b();f.current=o};o();u.current=new ResizeObserver(()=>{o()});l.current=new ResizeObserver(()=>{o()});u.current.observe(r);u.current.observe(e)}else{u.current?.disconnect();l.current?.disconnect()}},[n,v,b]);return{handleContentVisibility:w}};export{n as useContentVisibility};

package/dist/esm/lib/hooks/useContentVisibility/utils/contentVisibility.mjs

@@ -0,0 +1 @@
+import{hasVerticalScroll as t}from"../../../utils/scroll/hasScroll.mjs";const i=({container:i,content:e,minVisibleHeight:l})=>{if(t(e)){const t=e.clientHeight>=l;return t}const n=i.scrollHeight-e.clientHeight+l<=i.clientHeight;return n};export{i as isContentVisibleEnough};

package/dist/esm/lib/hooks/useEscPressed/useEscPressed.mjs

@@ -0,0 +1 @@
+import{useEffect as e}from"react";const r=({disablePreventDefault:r=false,disableStopPropagation:t=false,onEscPress:n,ref:s})=>{e(()=>{if(!s.current)return;const e=e=>{if("Escape"===e.key){if(!r)e.preventDefault();if(!t)e.stopPropagation();n(e)}};s.current.addEventListener("keydown",e);return()=>{s.current?.removeEventListener("keydown",e)}},[n])};export{r as useEscPressed};

package/dist/esm/lib/hooks/useManageState/useManageState.mjs

@@ -0,0 +1 @@
+import{useCallback as e,useEffect as n,useImperativeHandle as t,useMemo as r,useRef as s,useState as o}from"react";import{STATES as i}from"../../types/states/states.mjs";const u=({active:u=false,disabled:c=false,loading:a=false,ref:v,states:E})=>{const[d,m]=o(false);const[l,f]=o(false);const L=s(null);t(v,()=>L?.current,[]);const p=e(()=>{if("u">typeof window&&window?.matchMedia){const e=window.matchMedia("(hover: none)");return!e.matches}return true},[]);const w=e(()=>m(true),[]);const D=e(()=>m(false),[]);const S=e(()=>f(true),[]);const A=e(()=>f(false),[]);const I=e(()=>f(false),[]);const R=e(e=>{if(L.current){L.current.removeEventListener("mouseenter",w);L.current.removeEventListener("mouseleave",D);L.current.removeEventListener("pointerdown",S);L.current.removeEventListener("pointercancel",A);window.removeEventListener("pointerup",I)}L.current=e;if(e){if(E?.includes(i.PRESSED)){e.addEventListener("pointerdown",S);e.addEventListener("pointercancel",A);window.addEventListener("pointerup",I)}if(p()&&E?.includes(i.HOVER)){e.addEventListener("mouseenter",w);e.addEventListener("mouseleave",D)}}},[E,w,D,S,A,I,p]);n(()=>()=>{if(L.current){L.current.removeEventListener("mouseenter",w);L.current.removeEventListener("mouseleave",D);L.current.removeEventListener("pointerdown",S);L.current.removeEventListener("pointercancel",A);window.removeEventListener("pointerup",I)}},[w,D,S,A,I]);const O=r(()=>{if(E?.includes(i.LOADING)&&a)return i.LOADING;if(E?.includes(i.DISABLED)&&c)return i.DISABLED;if(E?.includes(i.ACTIVE)&&u)return i.ACTIVE;if(E?.includes(i.PRESSED)&&l)return i.PRESSED;if(E?.includes(i.HOVER)&&d)return i.HOVER;return i.DEFAULT},[E,c,a,u,d,l]);return{setRef:R,states:O}};export{u as useManageState};

package/dist/esm/lib/hooks/useMediaDevice/useActiveBreakpoints.mjs

@@ -0,0 +1 @@
+import{DeviceBreakpointsTypeUtils as e}from"../../types/breakpoints/breakpoints.mjs";import{useMediaDevice as s}from"./useMediaDevice.mjs";const i=()=>{const i=s();return{device:i,isDesktop:e.isDesktop(i),isLargeDesktop:e.isLargeDesktop(i),isMobile:e.isMobile(i),isMobileOrTablet:e.isMobileOrTablet(i),isOnlyDesktop:e.isOnlyDesktop(i),isTablet:e.isTablet(i)}};export{i as useActiveBreakpoints};

package/dist/esm/lib/hooks/useMediaDevice/useMediaDevice.mjs

@@ -0,0 +1 @@
+import{useEffect as e,useState as t}from"react";import{useStylesContext as n}from"../../provider/stylesProvider/stylesProvider.mjs";import{DEVICE_BREAKPOINTS as r}from"../../types/breakpoints/breakpoints.mjs";const o=()=>{const{mediaQueries:o}=n();const i=()=>{if("u"<typeof window||!window.matchMedia)return r.DESKTOP;const{onlyMobile:e,onlyTablet:t}=o;const n=window.matchMedia(e).matches;const i=window.matchMedia(t).matches;if(n)return r.MOBILE;if(i)return r.TABLET;return r.DESKTOP};const[s,a]=t(i);e(()=>{if("u"<typeof window||!window.matchMedia)return;const{onlyDesktop:e,onlyMobile:t,onlyTablet:n}=o;const i=window.matchMedia(e);const s=window.matchMedia(n);const c=window.matchMedia(t);const d=()=>{if(c.matches)a(r.MOBILE);else s.matches?a(r.TABLET):a(r.DESKTOP)};i.addEventListener("change",d);s.addEventListener("change",d);c.addEventListener("change",d);d();return()=>{i.removeEventListener("change",d);s.removeEventListener("change",d);c.removeEventListener("change",d)}},[o]);return s};export{o as useMediaDevice};

package/dist/esm/lib/hooks/useRoveFocus/useRoveFocus.mjs

@@ -0,0 +1 @@
+import{useCallback as e,useEffect as t,useRef as n,useState as o}from"react";import{ARROW_DOWN as c,ARROW_LEFT as r,ARROW_RIGHT as f,ARROW_UP as u,PAGE_DOWN as s,PAGE_UP as a,TAB as l}from"../../constants/keyboardKeys/keyboardKeys.mjs";const i=({currentFocusSelected:i=0,keyDownMove:p=1,keyLeftMove:d=-1,keyPageDownMove:y=1,keyPageUpMove:k=-1,keyRightMove:v=1,keyTabMove:b=1,keyUpMove:D=-1,size:m})=>{const[w,E]=o(i);const K=n(null);const L=e=>{if(null!==p){e.preventDefault();"function"==typeof p?E(t=>p(t,e)):E(e=>e===m-1?0:e+p)}};const h=e=>{if(null!==D){e.preventDefault();"function"==typeof D?E(t=>D(t,e)):E(e=>0===e?m-1:e+D)}};const j=e=>{if(null!==d){e.preventDefault();"function"==typeof d?E(t=>d(t,e)):E(e=>0===e?m-1:e+d)}};const x=e=>{if(null!==v){e.preventDefault();"function"==typeof v?E(t=>v(t,e)):E(e=>e===m-1?0:e+v)}};const F=e=>{if(null!==b)"function"==typeof b?E(t=>b(t,e)):E(t=>{if(t===m-1)return t;e.preventDefault();if(0===t)return t+b+1;return t+b})};const R=e=>{if(null!==y){e.preventDefault();"function"==typeof y?E(t=>y(t,e)):E(e=>e+y)}};const g=e=>{if(null!==k){e.preventDefault();"function"==typeof k?E(t=>k(t,e)):E(e=>e+k)}};const q=e(e=>{switch(e.key){case c.code:L(e);break;case u.code:h(e);break;case r.code:j(e);break;case f.code:x(e);break;case l.code:F(e);break;case s.code:R(e);break;case a.code:g(e);break;default:(()=>null)()}},[m,E,p,D,d,v,b,k,y]);t(()=>{const e=K.current;if(e)e.addEventListener("keydown",q,false);return()=>{e?.removeEventListener("keydown",q,false)}},[q,K]);return[w,E,K]};export{i as useRoveFocus};

package/dist/esm/lib/hooks/useScrollBlock/useScrollBlock.mjs

@@ -0,0 +1 @@
+import{useCallback as t,useRef as e}from"react";import{getFirstScrollableElement as o}from"./utils/useScrollBlock.utils.mjs";const n=()=>{const n=e([]);const r=t(t=>{const e=t.target;if(e instanceof Node&&!n.current.some(t=>t?.contains(e)))t.preventDefault()},[]);const s=t(t=>{const e=t.target;if(!(e instanceof Element)||o({element:e,parentsToStop:n.current}))return;t.preventDefault()},[]);const c=t(t=>{const e=t.target;if(!(e instanceof Element))return;const r=o({element:e,parentsToStop:n.current});if(!r)return;const{scrollHeight:s,scrollTop:c}=r;let l=null;if(r instanceof HTMLElement)l=r.offsetHeight;if(c<=0)return void r.scrollTo(0,1);if(null!==l&&c+l>=s)r.scrollTo(0,s-l-1)},[]);const l=t(({elementsToOmit:t=[]}={})=>{if("u"<typeof document)return;const e=document.documentElement;const{body:o}=document;if(!o||!o.style)return;const l=o.getAttribute("data-scroll-blocked");if(l){const t=Number(l)+1;o.setAttribute("data-scroll-blocked",String(t))}else o.setAttribute("data-scroll-blocked","1");n.current=t;n.current.forEach(t=>{t?.addEventListener("touchmove",s,{passive:false});t?.addEventListener("touchstart",c)});document.addEventListener("touchmove",r,{passive:false});const i=window.innerWidth-e.clientWidth;const u=parseInt(window.getComputedStyle(o).getPropertyValue("padding-right"),10)||0;o.style.position="relative";o.style.overflow="hidden";o.style.paddingRight=`${u+i}px`},[]);const i=t(()=>{if("u"<typeof document)return;const{body:t}=document;if(!t||!t.style)return;const e=t.getAttribute("data-scroll-blocked");let o=false;if(e){const n=Number(e)-1;if(0===n)t.removeAttribute("data-scroll-blocked");else{t.setAttribute("data-scroll-blocked",String(n));o=true}}n.current.forEach(t=>{t?.removeEventListener("touchmove",s);t?.removeEventListener("touchstart",c)});document.removeEventListener("touchmove",r);if(o)return;t.style.position="";t.style.overflow="";t.style.paddingRight=""},[]);return{allowScroll:i,blockScroll:l}};export{n as useScrollBlock};

package/dist/esm/lib/hooks/useScrollBlock/utils/useScrollBlock.utils.mjs

@@ -0,0 +1 @@
+const e=e=>e.scrollHeight>e.clientHeight;const t=({element:l,parentsToStop:n})=>{if(l&&n.some(e=>e?.contains(l)))return e(l)?l:t({element:l.parentElement,parentsToStop:n});return null};export{t as getFirstScrollableElement,e as isElementScrollable};

package/dist/esm/lib/hooks/useScrollDetection/useScrollDetection.mjs

@@ -0,0 +1 @@
+import{useCallback as r,useRef as e,useState as s}from"react";import{hasScroll as t}from"../../utils/scroll/hasScroll.mjs";const c=({autoFocus:c=false}={})=>{const[o,n]=s(false);const l=e(void 0);const u=e(false);const i=r(r=>{if(r){const e=r=>{const e=t(r);n(e);if(c&&e&&!u.current){r.focus();u.current=true}};e(r);l.current=new ResizeObserver(()=>{e(r)});l.current.observe(r)}else l.current?.disconnect()},[c]);return{handleScrollDetection:i,hasScroll:o}};export{c as useScrollDetection};

package/dist/esm/lib/hooks/useScrollEffect/useScrollEffect.mjs

@@ -0,0 +1 @@
+import{useCallback as r,useEffect as e,useRef as t}from"react";import{scrollPercentage as n}from"./utils/scrollPercentage.mjs";const c=100;const u=1.25;const s=({conditional:s=true,scrollCallback:o,shadowStyles:l,shadowVisible:i=1})=>{const a=t(null);const m=t(null);const p=t(null);const f=t(0);const d=t(0);const v=t(null);const y=t(null);const P=t(null);const h=r(()=>{if(!s||!a.current)return;const r=n(a.current,u);if(m.current&&f.current>0){const e=r*f.current/c;const t=r*d.current/c;const n=[{cssPropertyName:"min-height",cssPropertyValue:`calc(${f.current}px - ${e}px)`},{cssPropertyName:"height",cssPropertyValue:`calc(${f.current}px - ${e}px)`},{cssPropertyName:"min-width",cssPropertyValue:`calc(${d.current}px - ${t}px)`},{cssPropertyName:"width",cssPropertyValue:`calc(${d.current}px - ${t}px)`}];n.forEach(({cssPropertyName:r,cssPropertyValue:e})=>{m.current?.style.setProperty(r,e)})}if(p.current&&l){const e=l.split(" ");if(r>i)p.current.classList.add(...e);else p.current.classList.remove(...e)}},[s,l,i]);const x=r(r=>{if(null!==v.current)cancelAnimationFrame(v.current);v.current=requestAnimationFrame(()=>{h();o?.(r);v.current=null})},[h,o]);e(()=>{y.current=x},[x]);const E=r(r=>{if(a.current&&y.current)a.current.removeEventListener("scroll",y.current);a.current=r;if(r&&y.current){r.addEventListener("scroll",y.current);h()}},[h]);const L=r(r=>{const e=()=>{if(m.current){f.current=m.current.clientHeight;d.current=m.current.clientWidth}};if(m.current&&P.current)m.current.removeEventListener("load",P.current);P.current=e;m.current=r;if(r){r.addEventListener("load",e);e()}},[]);const $=r(r=>{p.current=r},[]);e(()=>()=>{if(null!==v.current)cancelAnimationFrame(v.current);if(a.current&&y.current)a.current.removeEventListener("scroll",y.current);if(m.current&&P.current)m.current.removeEventListener("load",P.current)},[]);return{resizeRef:L,scrollableRef:E,shadowRef:$}};export{s as useScrollEffect};

package/dist/esm/lib/hooks/useScrollEffect/utils/scrollPercentage.mjs

@@ -0,0 +1 @@
+const t=(t,n=1)=>{const c=100;const{clientHeight:o,scrollHeight:r,scrollTop:s}=t;if(r>o){const t=r-o;const e=r/o;const l=e>n?s*e:s/(2*e);return l*c/t}return 0};export{t as scrollPercentage};

package/dist/esm/lib/hooks/useSwipeDown/useSwipeDown.mjs

@@ -0,0 +1 @@
+import{useCallback as e,useRef as t}from"react";const n=30;const r=({handleClose:r})=>{const s=t(null);const o=t(null);const c=t(false);const u=t("");const i=t(0);const m=t(null);const v=e(e=>{s.current=e},[]);const a=e(e=>{if(m.current){m.current();m.current=null}o.current=e;if(e){const t=e=>{if("touches"in e){const t=e.touches[0]||e.changedTouches[0];return t?.clientY||0}return e.clientY};const o=e=>{if(!c.current||!s.current)return;c.current=false;const o=t(e);const m=o-i.current;if(m>n)r?.();else s.current.style.bottom=u.current};const v=e=>{if(!c.current||!s.current)return;e.preventDefault();const n=t(e);const r=n-i.current;if(r>0)s.current.style.bottom=`-${r}px`};const a=e=>{if(c.current||!s.current)return;e.preventDefault();c.current=true;i.current=t(e);u.current=window.getComputedStyle(s.current).bottom;document.addEventListener("mousemove",v,{passive:false});document.addEventListener("mouseup",o,{passive:false});document.addEventListener("touchmove",v,{passive:false});document.addEventListener("touchend",o,{passive:false})};e.addEventListener("mousedown",a,{passive:false});e.addEventListener("touchstart",a,{passive:false});m.current=()=>{e.removeEventListener("mousedown",a);e.removeEventListener("touchstart",a);document.removeEventListener("mousemove",v);document.removeEventListener("mouseup",o);document.removeEventListener("touchmove",v);document.removeEventListener("touchend",o);c.current=false}}},[r]);return{setDragIconRef:a,setPopoverRef:v}};export{r as useSwipeDown};

package/dist/esm/lib/hooks/useSwipeDown/utils/convertDurationToNumber.mjs

@@ -0,0 +1 @@
+const e=e=>{if(!e)return 0;if("number"==typeof e)return e;const r=Number(e.replace("ms","").replace("s",""));if(e.includes("s")&&!e.includes("ms"))return 1e3*r;return r};export{e as convertDurationToNumber};

package/dist/esm/lib/hooks/useTrapFocus/useTrapFocus.mjs

@@ -0,0 +1 @@
+import{useEffect as e}from"react";import{getFocusableDescendants as t}from"../../utils/focusHandlers/focusHandlers.mjs";const n=({ref:n,trapFocus:r=false})=>{e(()=>{const e=e=>{if(!n.current||"Tab"!==e.key)return;const r=t({element:n.current});if(!r.length){if(n.current.contains(document.activeElement))e.preventDefault();return}const o=r[0];const u=r[r.length-1];if(!e.shiftKey&&document.activeElement===u){o?.focus();e.preventDefault();return}if(e.shiftKey&&document.activeElement===o){u?.focus();e.preventDefault();return}if(o?.compareDocumentPosition(e.target)&Node.DOCUMENT_POSITION_PRECEDING||u?.compareDocumentPosition(e.target)&Node.DOCUMENT_POSITION_FOLLOWING){if(e.shiftKey){u?.focus();e.preventDefault();return}o?.focus();e.preventDefault()}};if(r)window.addEventListener("keydown",e);return()=>{window.removeEventListener("keydown",e)}},[r])};export{n as useTrapFocus};

package/dist/esm/lib/provider/genericComponentsProvider/defaultGenericComponents.mjs

@@ -0,0 +1 @@
+import{jsx as e}from"react/jsx-runtime";import{forwardRef as r}from"react";import{pickCustomAttributes as a}from"../../utils/pickCustomAttributes/pickCustomAttributes.mjs";const t=r(function({children:r,className:t,draggable:i,id:o,onClick:s,onFocus:n,onMouseEnter:l,onMouseLeave:c,rel:d,role:u,target:b,url:m,...f},p){const g=a(f);return e("a",{...g,ref:p,"aria-current":f["aria-current"],"aria-describedby":f["aria-describedby"],"aria-disabled":f["aria-disabled"],"aria-label":f["aria-label"],"aria-labelledby":f["aria-labelledby"],className:t,"data-testid":f["data-testid"],draggable:i,href:m,id:o,rel:d,role:u,target:b,onClick:s,onFocus:n,onMouseEnter:l,onMouseLeave:c,children:r})});const i=r(function(r,a){const{alt:t}=r;return e("img",{ref:a,...r,alt:t||""})});const o={IMAGE:i,LINK:t};export{o as defaultGenericComponents};

package/dist/esm/lib/provider/genericComponentsProvider/genericComponentsProvider.mjs

@@ -0,0 +1 @@
+import{jsx as e}from"react/jsx-runtime";import{createContext as o,useContext as r}from"react";const n=o(null);const t=({children:o,value:r})=>e(n.Provider,{value:r,children:o});const i=()=>{const e=r(n);if(!e)throw Error("Generic components context is being used without a provider or with an unsupported value");return e};export{n as GenericComponentContext,t as GenericComponentsProvider,i as useGenericComponents};

package/dist/esm/lib/provider/genericComponentsProvider/index.mjs

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

package/dist/esm/lib/provider/index.mjs

@@ -0,0 +1 @@
+export*from"./genericComponentsProvider/index.mjs";export*from"./stylesProvider/index.mjs";export*from"./utilsProvider/index.mjs";

package/dist/esm/lib/provider/stylesProvider/index.mjs

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

package/dist/esm/lib/provider/stylesProvider/stylesProvider.mjs

@@ -0,0 +1 @@
+import{jsx as e}from"react/jsx-runtime";import{createContext as t,useContext as s,useMemo as o,useState as r}from"react";import{getAddDays as l,getAddMonths as n,getAddYears as m,getAllMonthNames as a,getAllWeekdayNames as i,getSubDays as d,getSubMonths as c,getSubYears as p,isAfter as u,isBefore as g,isDatesEqual as h}from"../../utils/date/date.mjs";import{formatDate as y}from"../../utils/date/formatDate.mjs";import{transformDate as f}from"../../utils/date/transformDate.mjs";import{defaultGenericComponents as x}from"../genericComponentsProvider/defaultGenericComponents.mjs";import{GenericComponentsProvider as v}from"../genericComponentsProvider/genericComponentsProvider.mjs";import{UtilsProvider as S}from"../utilsProvider/utilsProvider.mjs";const b=t(void 0);const w=()=>{const e=s(b);if(!e)throw new Error("useStylesContext must be used within a StylesProvider");return e};const C={lg:992,md:768,sm:576,xl:1200};const D=e=>({onlyDesktop:`(max-width: ${e.xl}px)`,onlyLargeDesktop:`(min-width: ${e.xl}px)`,onlyMobile:`(max-width: ${e.md-1}px)`,onlyTablet:`(min-width: ${e.md}px) and (max-width: ${e.lg-1}px)`});const P=({bernovaProvider:t={},breakpoints:s=C,children:w,dateHelpers:P,genericComponents:j,icons:A={},illustrations:N={},jsInCss:$=true,linkId:k="kb-styled-provider",themeSelected:M})=>{const T=o(()=>D(s),[s]);const E=o(()=>{const e=t;return new e({jsInCss:$,linkId:k})},[t,$,k]);const[Y,q]=r(M||E.themeSelected);E.themeSelected=Y||"";const B=e=>{E.themeSelected=e;q(e)};const G=({additionalClassNames:e,component:t,variant:s})=>E.getComponentStyles({additionalClassNames:e,component:t,variant:s||""});const H=o(()=>({breakpoints:s,changeTheme:B,classes:[],currentTheme:Y,getComponentStyles:G,globalStyles:E.globalStyles,icons:A,illustrations:N,mediaQueries:T,themeClassNames:E.classNames,themes:E.allThemes,themeVariables:E.variables}),[s,Y,A,N,T,E.classNames,E.allThemes,E.variables,E.globalStyles]);return e(S,{dateHelpers:{getAddDays:l,getAddMonths:n,getAddYears:m,getAllMonthName:(e,t)=>{const s="numeric"===e||"2-digit"===e?"long":e||"long";return a(s,t)},getAllWeekdayName:i,getSubDays:d,getSubMonths:c,getSubYears:p,isAfter:u,isBefore:g,isDatesEqual:h,...P},formatDate:y,transformDate:f,children:e(v,{value:{...x,...j},children:e(b.Provider,{value:H,children:w})})})};export{b as StylesContext,P as StylesProvider,w as useStylesContext};

package/dist/esm/lib/provider/utilsProvider/index.mjs

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

package/dist/esm/lib/provider/utilsProvider/types/utilsProvider.mjs

@@ -0,0 +1 @@
+const t={d:"d",dd:"dd",ddd:"ddd",dddd:"dddd",f:"f",F:"F",ff:"ff",FF:"FF",fff:"fff",FFF:"FFF",ffff:"ffff",FFFF:"FFFF",t:"t",T:"T",tt:"tt",TT:"TT",ttt:"ttt",TTT:"TTT",tttt:"tttt",TTTT:"TTTT"};export{t as FORMAT_DATE};

package/dist/esm/lib/provider/utilsProvider/utilsProvider.mjs

@@ -0,0 +1 @@
+import{jsx as r}from"react/jsx-runtime";import{createContext as e,useContext as t}from"react";const i=e(null);const o=e=>{const{assets:t,children:o,dateHelpers:n,formatDate:s,transformDate:d}=e;return r(i.Provider,{value:{assets:t,dateHelpers:n,formatDate:s,transformDate:d},children:o})};const n=()=>{const r=t(i);if(!r)throw new Error("UtilsProvider not initialized. Ensure <UtilsProvider> is rendered and configured properly.");return{...r}};export{i as UtilsContext,o as UtilsProvider,n as useUtilsProvider};

package/dist/esm/lib/types/breakpoints/breakpoints.mjs

@@ -0,0 +1 @@
+const e={DESKTOP:"desktop",LARGE_DESKTOP:"large_desktop",MOBILE:"mobile",TABLET:"tablet"};const s={isDesktop:i=>i===e.DESKTOP||s.isLargeDesktop(i),isLargeDesktop:s=>s===e.LARGE_DESKTOP,isMobile:s=>s===e.MOBILE,isMobileOrTablet:e=>s.isMobile(e)||s.isTablet(e),isOnlyDesktop:s=>s===e.DESKTOP,isTablet:s=>s===e.TABLET};export{e as DEVICE_BREAKPOINTS,s as DeviceBreakpointsTypeUtils};

package/dist/esm/lib/types/index.mjs

@@ -0,0 +1 @@
+export*from"./breakpoints/breakpoints.mjs";export*from"./cssGenerator/stylesTypes.mjs";export*from"./dataAttributes/dataAttributes.mjs";export*from"./positions/positions.mjs";export*from"./sizes/sizes.mjs";export*from"./states/states.mjs";

package/dist/esm/lib/types/positions/positions.mjs

@@ -0,0 +1 @@
+const T={BOTTOM:"bottom",BOTTOM_CENTER:"bottom-center",BOTTOM_CENTER_FIXED:"bottom-center-fixed",BOTTOM_FIXED:"bottom-fixed",BOTTOM_GAP_RIGHT:"bottom-gap-right",BOTTOM_LEFT:"bottom-left",BOTTOM_LEFT_FIT_CONTENT:"bottom-left-fit-content",BOTTOM_RIGHT:"bottom-right",BOTTOM_RIGHT_FIT_CONTENT:"bottom-right-fit-content",CENTER:"center",LEFT:"left",LEFT_BOTTOM_FIXED:"left-bottom-fixed",LEFT_FIXED:"left-fixed",RIGHT:"right",RIGHT_FIXED:"right-fixed",TOP:"top",TOP_CENTER:"top-center",TOP_CENTER_FIXED:"top-center-fixed",TOP_LEFT:"top-left",TOP_RIGHT:"top-right",WITHOUT:"without"};const t={[T.BOTTOM]:T.TOP,[T.BOTTOM_CENTER]:T.TOP_CENTER,[T.LEFT]:T.RIGHT,[T.RIGHT]:T.LEFT,[T.TOP]:T.BOTTOM,[T.TOP_CENTER]:T.BOTTOM_CENTER};export{t as MIRROR_POSITIONS,T as POSITIONS};

package/dist/esm/lib/types/sizes/sizes.mjs

@@ -0,0 +1 @@
+const a={EXTRA_LARGE:"extra_large",EXTRA_SMALL:"extra_small",LARGE:"large",MEDIUM:"medium",SMALL:"small"};export{a as SIZES};

package/dist/esm/lib/types/states/states.mjs

@@ -0,0 +1 @@
+const e={ACTIVE:"active",ACTIVE_FILLED:"active_filled",ACTIVE_FILLED_HIDE:"active_filled_hide",BLOCKED_BY_SYSTEM:"blocked_by_system",COMPLETED:"completed",CURRENT:"current",CURRENT_DAY:"current_day",DEFAULT:"default",DEFAULT_SELECTED:"default_selected",DEFAULT_UNSELECTED:"default_unselected",DISABLED:"disabled",DISABLED_EMPTY:"disabled_empty",DISABLED_FILLED:"disabled_filled",DISABLED_FILLED_HIDE:"disabled_filled_hide",DISABLED_SELECTED:"disabled_selected",DISABLED_UNSELECTED:"disabled_unselected",EMPTY:"empty",END_DATE_RANGE:"end_date_range",ERROR:"error",ERROR_EMPTY:"error_empty",ERROR_FILLED:"error_filled",ERROR_FILLED_HIDE:"error_filled_hide",ERROR_SELECTED:"error_selected",ERROR_UNSELECTED:"error_unselected",FILLED:"filled",FILLED_HIDE:"filled_hide",FILLING:"filling",FOCUS:"focus",HOVER:"hover",INACTIVE:"inactive",LOADING:"loading",MIDLE_DATE_RANGE:"midle_date_range",MULTIPLE_SELECTED:"multiple_selected",MULTIPLE_SELECTED_HOVER:"multiple_selected_hover",PENDING:"pending",PREFILLED:"prefilled",PRESSED:"pressed",SELECTED:"selected",SELECTED_HOVER:"selected_hover",START_DATE_RANGE:"start_date_range",SUCCESS:"success",UNSELECTED:"unselected",VISITED:"visited",WARNING:"warning"};export{e as STATES};

package/dist/esm/lib/utils/classNames/classNames.mjs

@@ -0,0 +1 @@
+const e=(...e)=>Array.from(new Set(e.flatMap(e=>{if("string"==typeof e)return e.split(" ");if("object"==typeof e&&null!==e)return Object.entries(e).filter(([,e])=>e).map(([e])=>e);return[]}).filter(Boolean))).join(" ")||"";export{e as classNames};

package/dist/esm/lib/utils/date/constants/common.constant.mjs

@@ -0,0 +1 @@
+const y=/(\[[^[]*\])|([-_:/.,()\s]+)|(yyyy|yy?|MM?M?M?|dd?|WW?|hh?|HH?|mm?|ss?)/g;export{y as FORMATTING_TOKENS};

package/dist/esm/lib/utils/date/constants/format.constant.mjs

@@ -0,0 +1 @@
+import{FORMAT_DATE as o}from"../types/format.types.mjs";const e="numeric",t="short",n="long",m="2-digit";const r={day:m,month:m,year:e};const c={day:m,month:t,year:e};const h={day:m,month:n,year:e};const u={day:m,month:n,weekday:n,year:e};const a={hour:m,minute:m};const d={hour:m,minute:m,second:m};const s={hour:m,minute:m,second:m,timeZoneName:t};const y={hour:m,minute:m,second:m,timeZoneName:n};const i={hour:m,hourCycle:"h23",minute:m};const T={hour:m,hourCycle:"h23",minute:m,second:m};const f={hour:m,hourCycle:"h23",minute:m,second:m,timeZoneName:t};const F={hour:m,hourCycle:"h23",minute:m,second:m,timeZoneName:n};const N={day:e,hour:m,minute:m,month:e,year:e};const O={day:e,hour:m,minute:m,month:e,second:m,year:e};const Z={day:e,hour:m,minute:m,month:t,year:e};const C={day:e,hour:m,minute:m,month:t,second:m,year:e};const l={day:e,hour:m,minute:m,month:n,timeZoneName:t,year:e};const _={day:e,hour:m,minute:m,month:n,second:m,timeZoneName:t,year:e};const p={day:e,hour:m,minute:m,month:n,timeZoneName:n,weekday:n,year:e};const R={day:e,hour:m,minute:m,month:n,second:m,timeZoneName:n,weekday:n,year:e};const k={[o.d]:r,[o.dd]:c,[o.ddd]:h,[o.dddd]:u,[o.f]:N,[o.F]:O,[o.ff]:Z,[o.FF]:C,[o.fff]:l,[o.FFF]:_,[o.ffff]:p,[o.FFFF]:R,[o.t]:a,[o.T]:i,[o.tt]:d,[o.TT]:T,[o.ttt]:s,[o.TTT]:f,[o.tttt]:y,[o.TTTT]:F};export{n as LONG,k as MACRO_TOKEN_TO_FORMAT_OPTS,e as NUMERIC,t as SHORT,m as TWO_DIGIT};

package/dist/esm/lib/utils/date/constants/parser.constant.mjs

@@ -0,0 +1 @@
+const s=/\d\d/;const o=/\d{4}/;const n=/\d\d?/;const t=/[+-]?\d+/;const e=s=>{const o=+s;const n=+`${new Date().getFullYear()+20}`.slice(2);return o+(o>n?1900:2e3)};const d={d:[n,"day"],dd:[s,"day"],H:[n,"hours"],h:[n,"hours"],HH:[n,"hours"],hh:[n,"hours"],m:[n,"minutes"],M:[n,"month"],mm:[n,"minutes"],MM:[s,"month"],s:[n,"seconds"],ss:[n,"seconds"],y:[t,"year"],yy:[s,"year",e],yyyy:[o,"year"]};export{d as EXPRESSIONS};

package/dist/esm/lib/utils/date/date.mjs

@@ -0,0 +1 @@
+import{formatDateToUTC as t}from"./formatDate.mjs";import{transformDate as e}from"./transformDate.mjs";const n=(e,n)=>t(e)>t(n);const o=(e,n)=>t(e)<t(n);const s=(t,n,o=false)=>{const s="string"==typeof t||"number"==typeof t?e(t):t;const r="string"==typeof n||"number"==typeof n?e(n):n;if(o)return s.getTime()===r.getTime();return s.getDate()===r.getDate()&&s.getMonth()===r.getMonth()&&s.getFullYear()===r.getFullYear()};const r=(t,e)=>{const n=new Date(t);n.setDate(n.getDate()+e);return n};const a=(t,e)=>{const n=new Date(t);n.setMonth(n.getMonth()+e);return n};const g=(t,e)=>{const n=new Date(t);n.setFullYear(n.getFullYear()+e);return n};const c=(t,e)=>{const n=new Date(t);n.setDate(n.getDate()-e);return n};const l=(t,e)=>{const n=new Date(t);n.setMonth(n.getMonth()-e);return n};const u=(t,e)=>{const n=new Date(t);n.setFullYear(n.getFullYear()-e);return n};const D=(t="long",e="en-US")=>{const n=[];for(let o=0;o<12;o++){const s=new Date;s.setDate(1);s.setMonth(o);const r=s.toLocaleString(e,{month:t});n.push(r)}return n};const m=(t="long",e,n="en-US")=>{const o=[];for(let s=0;s<7;s++){const r=new Date(0,0,e?s:s+1);const a=r.toLocaleString(n,{weekday:t});o.push(a)}return o};export{r as getAddDays,a as getAddMonths,g as getAddYears,D as getAllMonthNames,m as getAllWeekdayNames,c as getSubDays,l as getSubMonths,u as getSubYears,n as isAfter,o as isBefore,s as isDatesEqual};

package/dist/esm/lib/utils/date/formatDate.mjs

@@ -0,0 +1 @@
+import{FORMATTING_TOKENS as t}from"./constants/common.constant.mjs";import{MACRO_TOKEN_TO_FORMAT_OPTS as e}from"./constants/format.constant.mjs";import{locale as n}from"./locale.mjs";import{isValidDate as o}from"./validateDate.mjs";const a=t=>`${t<10?"0":""}${t}`;const r=(o,r,s)=>{n.setLocale(s||n.getLocale());const c=n.getLocale();const m="string"==typeof r?e[r]:r;if("string"==typeof r&&!m){const e=r.match(t)||[];const n={d:["day",t=>`${new Date(t).getDate()}`],dd:["day",t=>`${a(new Date(t).getDate())}`],H:["hour",t=>`${new Date(t).getHours()}`],HH:["hour",t=>`${a(new Date(t).getHours())}`],M:["month",t=>`${new Date(t).getMonth()+1}`],m:["minute",t=>`${new Date(t).getMinutes()}`],MM:["month",t=>`${a(new Date(t).getMonth()+1)}`],mm:["minute",t=>`${a(new Date(t).getMinutes())}`],MMM:["month",t=>new Date(t).toLocaleString(c,{month:"short"})],MMMM:["month",t=>new Date(t).toLocaleString(c,{month:"long"})],s:["second",t=>`${new Date(t).getSeconds()}`],ss:["second",t=>`${a(new Date(t).getSeconds())}`],W:["weekday",t=>new Date(t).toLocaleString(c,{weekday:"short"})],WW:["weekday",t=>new Date(t).toLocaleString(c,{weekday:"long"})],yy:["year",t=>`${new Date(t).getFullYear()}`.slice(-2)],yyyy:["year",t=>`${new Date(t).getFullYear()}`]};const s=e.map(t=>{const e=n[t];const a=e&&e[0];const r=e&&e[1](o);return a?r:t});return s.join("").replace(/[\\[\]]/g,"")}return o.toLocaleString(c,{...m})};const s=t=>{const e=new Date(t);if(!o(e))throw Error("Date is invalid");if(0===e.getHours()&&0===e.getMinutes()&&0===e.getSeconds())return e;return new Date(new Intl.DateTimeFormat("en-US",{timeZone:"UTC"}).format(new Date(t)))};export{r as formatDate,s as formatDateToUTC};

package/dist/esm/lib/utils/date/index.mjs

@@ -0,0 +1 @@
+export*from"./date.mjs";export*from"./formatDate.mjs";export*from"./transformDate.mjs";

package/dist/esm/lib/utils/date/locale.mjs

@@ -0,0 +1 @@
+let e="en-US";const t={getLocale(){return e},setLocale(t){e=t}};Object.freeze(t);export{t as locale};

package/dist/esm/lib/utils/date/transformDate.mjs

@@ -0,0 +1 @@
+import{FORMATTING_TOKENS as t}from"./constants/common.constant.mjs";import{EXPRESSIONS as n}from"./constants/parser.constant.mjs";import{formatDateToUTC as o}from"./formatDate.mjs";const s=o=>{const s=o.match(t)||[];return s.map(t=>{const o=n[t];const s=o&&o[0];const c=o&&o[1];const e=o&&o[2];return c?{execute:e,key:c,regex:s}:t})};const c=(t,n)=>{const o={};let s=t;n.forEach(t=>{if("string"==typeof t)s=s.replace(t,"");else{const{execute:n,key:c,regex:e}=t;const r=e.exec(s);const a=r?r[0]:"";o[c]=n?n(a):+a;s=s.replace(a,"")}});return o};const e=(t,n)=>{if("number"==typeof t||!n)return o(t);const e=s(n);const r=c(t,e);const{day:a,hours:m,minutes:f,month:p,seconds:u,year:i}=r;const l=new Date;const D=i||l.getFullYear();const g=p?p-1:l.getMonth();const h=a||l.getDate();const j=m||0;const w=f||0;const x=u||0;return new Date(D,g,h,j,w,x)};export{e as transformDate};

package/dist/esm/lib/utils/date/types/format.types.mjs

@@ -0,0 +1 @@
+const t={d:"d",dd:"dd",ddd:"ddd",dddd:"dddd",f:"f",F:"F",ff:"ff",FF:"FF",fff:"fff",FFF:"FFF",ffff:"ffff",FFFF:"FFFF",t:"t",T:"T",tt:"tt",TT:"TT",ttt:"ttt",TTT:"TTT",tttt:"tttt",TTTT:"TTTT"};export{t as FORMAT_DATE};

package/dist/esm/lib/utils/date/validateDate.mjs

@@ -0,0 +1 @@
+const a=a=>a instanceof Date&&!isNaN(Number(a));export{a as isValidDate};

package/dist/esm/lib/utils/focusHandlers/focusHandlers.mjs

@@ -0,0 +1 @@
+const e='a[href], area[href], input:not([disabled]), select:not([disabled]), textarea:not([disabled]), button:not([disabled]):not([tabindex="-1"]), summary, [tabindex]:not([tabindex="-1"])';const t=({element:t,elementsToOmit:n})=>{const r=Array.from(t.querySelectorAll(e)).filter(e=>{if("true"===e.getAttribute("aria-disabled")||e.hasAttribute("disabled"))return false;if("true"===e.getAttribute("aria-hidden"))return false;if(n?.some(t=>t.contains(e)))return false;if("SUMMARY"!==e.tagName&&e.closest("details:not([open])"))return false;return true});return r};const n=t=>!t.hasAttribute("aria-disabled:true")&&!t.getAttribute("aria-hidden:true")&&t.matches(e);const r=e=>{const n=t({element:e});return!!("boolean"!=typeof n&&n?.length)};const s=e=>n(e)||r(e);const i=({element:e,elementsToOmit:n,preventScroll:r})=>{if(e?.childNodes?.length){const s=t({element:e,elementsToOmit:n});if(s.length)s[0].focus({preventScroll:r})}};const l=(e,t)=>{if(n(e))return void e.focus(t);i({element:e,preventScroll:t?.preventScroll})};const o=e=>{const r=t({element:e});if("boolean"!=typeof r&&r?.length){const e=r[r.length-1];e.focus();return}if(n(e))e.focus()};const a=e=>{let t=e;let n=false;while(t){while(t.nextElementSibling){t=t.nextElementSibling;if(s(t)){n=true;break}}if(n)break;t=t.parentNode}if(n)l(t);return n};const u=e=>{let t=e;let r=false;let i=false;while(t){while(t.previousElementSibling){t=t.previousElementSibling;if(s(t)){r=true;break}}if(r)break;t=t.parentNode;if(n(t)){r=true;i=true;break}}if(r)if(i)t.focus();else o(t);return r};export{l as focusElementOrFirstDescendant,i as focusFirstDescendant,o as focusLastDescendantOrElement,a as focusNextFocusableElement,u as focusPreviousFocusableElement,t as getFocusableDescendants};

package/dist/esm/lib/utils/is/isValidHttpUrl.mjs

@@ -0,0 +1 @@
+const t=t=>{if("string"!=typeof t)return false;if(t.startsWith("/")||t.startsWith("./")||t.startsWith("../"))return true;try{const r=new URL(t);return"http:"===r.protocol||"https:"===r.protocol||"data:"===r.protocol}catch{return false}};export{t as isValidHttpUrl};

package/dist/esm/lib/utils/keyboard/keyboard.mjs

@@ -0,0 +1 @@
+const r=(r,...e)=>e.some(e=>{if(Array.isArray(e))return e.includes(r);return r===e});export{r as isKeyPressed};

package/dist/esm/lib/utils/pickCustomAttributes/pickCustomAttributes.mjs

@@ -0,0 +1 @@
+const t=(t,r=true)=>{if(!t)return{};return Object.fromEntries(Object.entries(t).filter(([t,r])=>(t.startsWith("aria-")||t.startsWith("data-"))&&null!=r).map(([t,e])=>[t,r?String(e):e]))};export{t as pickCustomAttributes};

package/dist/esm/lib/utils/process/processCommonProp.mjs

@@ -0,0 +1 @@
+import{isValidElement as t}from"react";const e=(e,n={})=>{const{allowReactElements:r=true,extractContent:o=true,maxLength:c,propertyName:l="children"}=n;if(null==e)return"children"===l?{children:null}:{};if("string"==typeof e){const t=c&&e.length>c?e.substring(0,c):e;return{[l]:t}}if(r&&t(e))return{children:e};if("object"==typeof e&&null!==e){if(o&&"content"in e){const t=e.content;const n=c&&"string"==typeof t?t.substring(0,c):t;return{...e,children:n}}return e}return"children"===l?{children:null}:{}};const n=t=>e(t,{allowReactElements:false,extractContent:false,propertyName:"icon"});const r=(t,n)=>e(t,{allowReactElements:true,extractContent:true,maxLength:n,propertyName:"children"});export{e as processCommonProp,n as processIconProp,r as processTextProp};

package/dist/esm/lib/utils/refs/syncRefs.mjs

@@ -0,0 +1 @@
+const e=({forwardedRef:e,innerRef:n})=>{if(e)if("function"==typeof e)e(n.current);else e.current=n.current};export{e as syncInnerAndForwardedRef};

package/dist/esm/lib/utils/scroll/hasScroll.mjs

@@ -0,0 +1 @@
+const l=l=>l.scrollHeight>l.clientHeight;const t=l=>l.scrollWidth>l.clientWidth;const c=c=>l(c)||t(c);export{t as hasHorizontalScroll,c as hasScroll,l as hasVerticalScroll};

package/dist/esm/src/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/src/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/src/components/popover/stories/demos/animationsDemo.css

@@ -0,0 +1,97 @@
+/* Keyframes for custom animations */
+@keyframes demo-scale-fade-in {
+  0% {
+    transform: translate(-50%, -50%) scale(0.8);
+    opacity: 0;
+  }
+  100% {
+    transform: translate(-50%, -50%) scale(1);
+    opacity: 1;
+  }
+}
+
+@keyframes demo-rotate-slide-in {
+  0% {
+    transform: translate(-50%, -50%) translateY(30px) rotate(-8deg);
+    opacity: 0;
+  }
+  100% {
+    transform: translate(-50%, -50%) translateY(0px) rotate(0deg);
+    opacity: 1;
+  }
+}
+
+@keyframes demo-zoom-in {
+  0% {
+    transform: translate(-50%, -50%) scale(0.2);
+    opacity: 0;
+  }
+  60% {
+    transform: translate(-50%, -50%) scale(1.1);
+    opacity: 0.8;
+  }
+  100% {
+    transform: translate(-50%, -50%) scale(1);
+    opacity: 1;
+  }
+}
+
+@keyframes demo-fade-in {
+  0% {
+    opacity: 0;
+  }
+  100% {
+    opacity: 1;
+  }
+}
+
+/* Demo container styles */
+.demo-container {
+  display: flex;
+  flex-direction: column;
+  gap: 2rem;
+  padding: 2rem;
+  max-width: 1200px;
+}
+
+.demo-section {
+  display: flex;
+  flex-direction: column;
+  gap: 1rem;
+  padding: 1.5rem;
+  border: 1px solid #e0e0e0;
+  border-radius: 8px;
+  background: #fafafa;
+}
+
+.demo-section-title {
+  margin: 0;
+  color: #333;
+  font-size: 1.2rem;
+}
+
+.demo-section-description {
+  margin: 0;
+  color: #666;
+  font-size: 0.9rem;
+}
+
+.demo-button-grid {
+  display: grid;
+  grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
+  gap: 1rem;
+  margin-top: 1rem;
+}
+
+.demo-button {
+  justify-self: stretch;
+}
+
+.demo-code-block {
+  background: #f5f5f5;
+  padding: 1rem;
+  border-radius: 4px;
+  overflow-x: auto;
+  font-size: 0.85rem;
+  margin: 0.5rem 0;
+}

package/dist/esm/src/components/popover/styles/index.css

@@ -0,0 +1,10 @@
+/**
+ * Popover Styles Index
+ * Imports all popover-related CSS files
+ */
+
+/* Core popover styles and animations */
+@import './popover.css';
+
+/* Arrow positioning and styling */
+@import './popover-arrow.css';