@kubit-ui-web/react-components 2.0.0-beta.4 → 2.0.0-beta.41

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

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

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

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

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

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("../../../_virtual/jsx-runtime.js"),s=require("react"),t=require("../../hooks/useClassName/useClassName.js"),r=require("../../utils/classNames/classNames.js"),o=require("../../utils/pickCustomAttributes/pickCustomAttributes.js"),a=require("../customComponent/customComponent.js");exports.ItemRove=({ariaControls:i,ariaDisabled:u=!1,ariaHidden:l=!1,ariaLabel:n,ariaSelected:c,asElement:m,checkIsFirstTime:d=!1,children:p,classNames:b,customAttributes:C,disabled:j=!1,disableKeys:v=!1,focus:f,id:x,index:N,onMouseOver:k,onSelectItem:q,preventScrollOnFocus:y=!1,role:S,setFocus:h,type:E,url:I,...O})=>{const R=s.useRef(null),A=s.useRef(d),F=t.useClassName({component:"ITEM_ROVE"}),M=o.pickCustomAttributes({...O,...C});s.useEffect(()=>{f&&!A.current?R.current?.focus({preventScroll:y}):A.current=!1},[f,y]);const T=e=>{v||(h?.(N),e&&q?.())};return e.jsxRuntimeExports.jsx(a.CustomComponent,{ref:R,"aria-controls":i,"aria-disabled":u,"aria-hidden":l,"aria-label":n,"aria-selected":c,className:r.classNames(F.item_rove,b),component:m,"data-testid":"item-rove",disabled:j,id:x,role:S,tabIndex:f?0:-1,type:E,url:I,onClick:()=>T(!0),onFocus:k,onKeyDown:()=>T(!1),onMouseOver:k,...M,children:p})};
+const e=require("../../hooks/useClassName/useClassName.js"),s=require("../customComponent/customComponent.js"),t=require("../../utils/pickCustomAttributes/pickCustomAttributes.js"),r=require("../../utils/classNames/classNames.js");let a=require("react"),o=require("react/jsx-runtime");exports.ItemRove=({ariaControls:i,ariaDisabled:u=!1,ariaHidden:c=!1,ariaLabel:l,ariaSelected:n,asElement:m,checkIsFirstTime:d=!1,children:p,classNames:b,customAttributes:C,disabled:N=!1,disableKeys:f=!1,focus:v,id:j,index:k,onMouseOver:q,onSelectItem:h,preventScrollOnFocus:x=!1,role:I,setFocus:y,type:A,url:E,...F})=>{const O=(0,a.useRef)(null),R=(0,a.useRef)(d),S=e.useClassName({component:"ITEM_ROVE"}),M=t.pickCustomAttributes({...F,...C});(0,a.useEffect)(()=>{v&&!R.current?O.current?.focus({preventScroll:x}):R.current=!1},[v,x]);const D=e=>{f||(y?.(k),e&&h?.())};return(0,o.jsx)(s.CustomComponent,{ref:O,"aria-controls":i,"aria-disabled":u,"aria-hidden":c,"aria-label":l,"aria-selected":n,className:r.classNames(S.item_rove,b),component:m,"data-testid":"item-rove",disabled:N,id:j,role:I,tabIndex:v?0:-1,type:A,url:E,onClick:()=>D(!0),onFocus:q,onKeyDown:()=>D(!1),onMouseOver:q,...M,children:p})};

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

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

package/dist/cjs/lib/components/overlay/overlayStandAlone.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("../../../_virtual/jsx-runtime.js"),e=require("react"),r=require("../../utils/pickCustomAttributes/pickCustomAttributes.js"),s=e.forwardRef(({cssClasses:e,...s},i)=>{const u=r.pickCustomAttributes(s);return t.jsxRuntimeExports.jsx("div",{ref:i,className:e?.overlay,"data-testid":"overlay",...s,...u,...u})});exports.OverlayStandAlone=s;
+const t=require("../../utils/pickCustomAttributes/pickCustomAttributes.js");let e=require("react"),s=require("react/jsx-runtime");const r=(0,e.forwardRef)(({cssClasses:e,...r},i)=>{const a=t.pickCustomAttributes(r);return(0,s.jsx)("div",{ref:i,className:e?.overlay,"data-testid":"overlay",...r,...a,...a})});exports.OverlayStandAlone=r;

package/dist/cjs/lib/components/screen-reader-only/screenReaderOnly.js

@@ -0,0 +1 @@
+const e=require("./screenReaderOnlyStandAlone.js");let r=require("react"),n=require("react/jsx-runtime");const a=(0,r.forwardRef)((r,a)=>(0,n.jsx)(e.ScreenReaderOnlyStandAlone,{ref:a,...r}));a.displayName="ScreenReaderOnly",exports.ScreenReaderOnly=a;

package/dist/cjs/lib/components/screen-reader-only/screenReaderOnlyStandAlone.js

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

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

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});exports.ARROW_DOWN={code:"ArrowDown",key:"ArrowDown"},exports.ARROW_LEFT={code:"ArrowLeft",key:"ArrowLeft"},exports.ARROW_RIGHT={code:"ArrowRight",key:"ArrowRight"},exports.ARROW_UP={code:"ArrowUp",key:"ArrowUp"},exports.END={key:"End"},exports.ENTER={key:"Enter"},exports.ESCAPE={key:["Escape","Esc"]},exports.HOME={key:"Home"},exports.PAGE_DOWN={code:"PageDown"},exports.PAGE_UP={code:"PageUp"},exports.SPACE={key:" "},exports.TAB={code:"Tab",key:"Tab"};
+exports.ARROW_DOWN={code:"ArrowDown",key:"ArrowDown",keyCode:40,which:40},exports.ARROW_LEFT={code:"ArrowLeft",key:"ArrowLeft",keyCode:37,which:37},exports.ARROW_RIGHT={code:"ArrowRight",key:"ArrowRight",keyCode:39,which:39},exports.ARROW_UP={code:"ArrowUp",key:"ArrowUp",keyCode:38,which:38},exports.END={key:"End"},exports.ENTER={code:"Enter",key:"Enter",keyCode:13,which:13},exports.ESCAPE={code:"Esc",key:["Escape","Esc"],keyCode:27,which:27},exports.HOME={key:"Home"},exports.PAGE_DOWN={code:"PageDown",key:"PageDown",keyCode:34,which:34},exports.PAGE_UP={code:"PageUp",key:"PageUp",keyCode:33,which:33},exports.SPACE={code:"Space",key:" ",keyCode:32,which:32},exports.TAB={code:"Tab",key:"Tab",keyCode:9,which:9};

package/dist/cjs/lib/hooks/useClassName/useClassName.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("../../provider/stylesProvider/stylesProvider.js");exports.useClassName=({additionalClassNames:t,component:s,variant:o})=>{const{getComponentStyles:r}=e.useStylesContext();return r({additionalClassNames:t,component:s,variant:o})};
+const e=require("../../provider/stylesProvider/stylesProvider.js");exports.useClassName=({additionalClassNames:s,component:t,variant:o})=>{const{getComponentStyles:a}=e.useStylesContext();return a({additionalClassNames:s,component:t,variant:o})};

package/dist/cjs/lib/hooks/useClickOutside/useClickOutside.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react");exports.useClickOutside=(t,r,u=[])=>{e.useEffect(()=>{function e(e){const n=e.composedPath(),o=t.current&&n.includes(t.current),s=u.some(e=>e&&n.includes(e));!t.current||o||s||r(e)}return document.addEventListener("mouseup",e),()=>{document.removeEventListener("mouseup",e)}},[t,r,u])};
+let e=require("react");exports.useClickOutside=(t,u,r=[])=>{const n=(0,e.useRef)(u);(0,e.useEffect)(()=>{n.current=u},[u]),(0,e.useEffect)(()=>{function e(e){const u=e.composedPath(),c=t.current&&u.includes(t.current),s=r.some(e=>e&&u.includes(e));!t.current||c||s||n.current(e)}return document.addEventListener("mouseup",e,!0),()=>{document.removeEventListener("mouseup",e,!0)}},[t,r])};

package/dist/cjs/lib/hooks/useContentVisibility/useContentVisibility.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react"),t=require("../useContentVisibilityDetection/useContentVisibilityDetection.js");exports.useContentVisibility=({minVisibleHeight:n=100})=>{const i=e.useRef(null),o=e.useRef(null),{handleContentVisibilityDetection:r}=t.useContentVisibilityDetection({minVisibleHeight:n,onContentInvisible:()=>{const e=i.current,t=o.current;e&&t&&(e.style.overflowY="auto",t.style.overflowY="visible")},onContentVisible:()=>{const e=i.current,t=o.current;e&&t&&(e.style.overflowY="",t.style.overflowY="")}});return{handleContentVisibility:e.useCallback(({container:e,content:t})=>{i.current=e,o.current=t,r({container:e,content:t})},[r])}};
+const e=require("./utils/contentVisibility.js");let n=require("react");exports.useContentVisibility=({minVisibleHeight:t=100,onContentInvisible:r,onContentVisible:s})=>{const i=(0,n.useRef)(null),o=(0,n.useRef)(null),c=(0,n.useRef)(),l=(0,n.useRef)(),u=(0,n.useRef)(void 0),b=(0,n.useCallback)(()=>{const e=i.current,n=o.current;e&&n&&(s?s():(e.style.overflowY="",n.style.overflowY=""))},[s]),a=(0,n.useCallback)(()=>{const e=i.current,n=o.current;e&&n&&(r?r():(e.style.overflowY="auto",n.style.overflowY="visible"))},[r]);return{handleContentVisibility:(0,n.useCallback)(({container:n,content:r})=>{if(i.current=n,o.current=r,n&&r){const s=()=>{const s=e.isContentVisibleEnough({container:n,content:r,minVisibleHeight:t});s!==u.current&&(s?b():a()),u.current=s};s(),c.current=new ResizeObserver(()=>{s()}),l.current=new ResizeObserver(()=>{s()}),c.current.observe(r),c.current.observe(n)}else c.current?.disconnect(),l.current?.disconnect()},[t,b,a])}};

package/dist/cjs/lib/hooks/useContentVisibility/utils/contentVisibility.js

@@ -0,0 +1 @@
+const i=require("../../../utils/scroll/hasScroll.js");exports.isContentVisibleEnough=({container:e,content:t,minVisibleHeight:l})=>i.hasVerticalScroll(t)?t.clientHeight>=l:e.scrollHeight-t.clientHeight+l<=e.clientHeight;

package/dist/cjs/lib/hooks/useEscPressed/useEscPressed.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react");exports.useEscPressed=({disablePreventDefault:r=!1,disableStopPropagation:t=!1,onEscPress:n,ref:s})=>{e.useEffect(()=>{if(!s.current)return;const e=e=>{"Escape"===e.key&&(r||e.preventDefault(),t||e.stopPropagation(),n(e))};return s.current.addEventListener("keydown",e),()=>{s.current?.removeEventListener("keydown",e)}},[n])};
+let e=require("react");exports.useEscPressed=({disablePreventDefault:r=!1,disableStopPropagation:t=!1,onEscPress:n,ref:s})=>{(0,e.useEffect)(()=>{if(!s.current)return;const e=e=>{"Escape"===e.key&&(r||e.preventDefault(),t||e.stopPropagation(),n(e))};return s.current.addEventListener("keydown",e),()=>{s.current?.removeEventListener("keydown",e)}},[n])};

package/dist/cjs/lib/hooks/useManageState/useManageState.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react"),t=require("../../types/states/states.js");exports.useManageState=({active:n=!1,disabled:r=!1,loading:s=!1,ref:i,states:u})=>{const[S,E]=e.useState(!1),[o,d]=e.useState(!1),a=e.useRef(null);e.useImperativeHandle(i,()=>a?.current,[]);const c=()=>{E(!0)},T=()=>{E(!1)},l=()=>{d(!0)},v=()=>{d(!1)},A=()=>{d(!1)};return{setRef:e.useCallback(e=>{e?(a.current=e,u?.includes(t.STATES.PRESSED)&&(a?.current?.addEventListener("pointerdown",l),a?.current?.addEventListener("pointercancel",v),window.addEventListener("pointerup",A)),(()=>{if("undefined"!=typeof window&&window?.matchMedia)return!window.matchMedia("(hover: none)").matches;return!0})()&&u?.includes(t.STATES.HOVER)&&(a?.current?.addEventListener("mouseenter",c),a?.current?.addEventListener("mouseleave",T))):(a?.current?.removeEventListener("mouseenter",c),a?.current?.removeEventListener("mouseleave",T),a?.current?.removeEventListener("pointerdown",l),a?.current?.removeEventListener("pointercancel",v),window.removeEventListener("pointerup",A),a.current=e)},[]),states:e.useMemo(()=>u?.includes(t.STATES.LOADING)&&s?t.STATES.LOADING:u?.includes(t.STATES.DISABLED)&&r?t.STATES.DISABLED:u?.includes(t.STATES.ACTIVE)&&n?t.STATES.ACTIVE:u?.includes(t.STATES.PRESSED)&&o?t.STATES.PRESSED:u?.includes(t.STATES.HOVER)&&S?t.STATES.HOVER:t.STATES.DEFAULT,[u,r,s,n,S,o])}};
+const e=require("../../types/states/states.js");let n=require("react");exports.useManageState=({active:t=!1,disabled:r=!1,loading:s=!1,ref:u,states:i})=>{const[a,o]=(0,n.useState)(!1),[E,c]=(0,n.useState)(!1),S=(0,n.useRef)(null);(0,n.useImperativeHandle)(u,()=>S?.current,[]);const d=(0,n.useCallback)(()=>"undefined"==typeof window||!window?.matchMedia||!window.matchMedia("(hover: none)").matches,[]),l=(0,n.useCallback)(()=>o(!0),[]),v=(0,n.useCallback)(()=>o(!1),[]),T=(0,n.useCallback)(()=>c(!0),[]),m=(0,n.useCallback)(()=>c(!1),[]),A=(0,n.useCallback)(()=>c(!1),[]),L=(0,n.useCallback)(n=>{S.current&&(S.current.removeEventListener("mouseenter",l),S.current.removeEventListener("mouseleave",v),S.current.removeEventListener("pointerdown",T),S.current.removeEventListener("pointercancel",m),window.removeEventListener("pointerup",A)),S.current=n,n&&(i?.includes(e.STATES.PRESSED)&&(n.addEventListener("pointerdown",T),n.addEventListener("pointercancel",m),window.addEventListener("pointerup",A)),d()&&i?.includes(e.STATES.HOVER)&&(n.addEventListener("mouseenter",l),n.addEventListener("mouseleave",v)))},[i,l,v,T,m,A,d]);return(0,n.useEffect)(()=>()=>{S.current&&(S.current.removeEventListener("mouseenter",l),S.current.removeEventListener("mouseleave",v),S.current.removeEventListener("pointerdown",T),S.current.removeEventListener("pointercancel",m),window.removeEventListener("pointerup",A))},[l,v,T,m,A]),{setRef:L,states:(0,n.useMemo)(()=>i?.includes(e.STATES.LOADING)&&s?e.STATES.LOADING:i?.includes(e.STATES.DISABLED)&&r?e.STATES.DISABLED:i?.includes(e.STATES.ACTIVE)&&t?e.STATES.ACTIVE:i?.includes(e.STATES.PRESSED)&&E?e.STATES.PRESSED:i?.includes(e.STATES.HOVER)&&a?e.STATES.HOVER:e.STATES.DEFAULT,[i,r,s,t,a,E])}};

package/dist/cjs/lib/hooks/useMediaDevice/useActiveBreakpoints.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("../../types/breakpoints/breakpoints.js"),i=require("./useMediaDevice.js");exports.useActiveBreakpoints=()=>{const s=i.useMediaDevice();return{device:s,isDesktop:e.DeviceBreakpointsTypeUtils.isDesktop(s),isDesktopOrLargeDesktop:e.DeviceBreakpointsTypeUtils.isDesktopOrLargeDesktop(s),isLargeDesktop:e.DeviceBreakpointsTypeUtils.isLargeDesktop(s),isMobile:e.DeviceBreakpointsTypeUtils.isMobile(s),isMobileOrTablet:e.DeviceBreakpointsTypeUtils.isMobileOrTablet(s),isTablet:e.DeviceBreakpointsTypeUtils.isTablet(s)}};
+const e=require("../../types/breakpoints/breakpoints.js"),i=require("./useMediaDevice.js");exports.useActiveBreakpoints=()=>{const s=i.useMediaDevice();return{device:s,isDesktop:e.DeviceBreakpointsTypeUtils.isDesktop(s),isDesktopOrLargeDesktop:e.DeviceBreakpointsTypeUtils.isDesktopOrLargeDesktop(s),isLargeDesktop:e.DeviceBreakpointsTypeUtils.isLargeDesktop(s),isMobile:e.DeviceBreakpointsTypeUtils.isMobile(s),isMobileOrTablet:e.DeviceBreakpointsTypeUtils.isMobileOrTablet(s),isTablet:e.DeviceBreakpointsTypeUtils.isTablet(s)}};

package/dist/cjs/lib/hooks/useMediaDevice/useMediaDevice.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react"),t=require("../../provider/stylesProvider/stylesProvider.js"),n=require("../../types/breakpoints/breakpoints.js");exports.useMediaDevice=()=>{const{mediaQueries:i}=t.useStylesContext(),[r,o]=e.useState(()=>{if("undefined"==typeof window||!window.matchMedia)return n.DEVICE_BREAKPOINTS.DESKTOP;const{onlyMobile:e,onlyTablet:t}=i,r=window.matchMedia(e).matches,o=window.matchMedia(t).matches;return r?n.DEVICE_BREAKPOINTS.MOBILE:o?n.DEVICE_BREAKPOINTS.TABLET:n.DEVICE_BREAKPOINTS.DESKTOP});return e.useEffect(()=>{if("undefined"==typeof window||!window.matchMedia)return;const{onlyDesktop:e,onlyMobile:t,onlyTablet:r}=i,a=window.matchMedia(e),E=window.matchMedia(r),s=window.matchMedia(t),d=()=>{s.matches?o(n.DEVICE_BREAKPOINTS.MOBILE):E.matches?o(n.DEVICE_BREAKPOINTS.TABLET):o(n.DEVICE_BREAKPOINTS.DESKTOP)};return a.addEventListener("change",d),E.addEventListener("change",d),s.addEventListener("change",d),d(),()=>{a.removeEventListener("change",d),E.removeEventListener("change",d),s.removeEventListener("change",d)}},[i]),r};
+const e=require("../../provider/stylesProvider/stylesProvider.js"),t=require("../../types/breakpoints/breakpoints.js");let n=require("react");exports.useMediaDevice=()=>{const{mediaQueries:i}=e.useStylesContext(),[r,a]=(0,n.useState)(()=>{if("undefined"==typeof window||!window.matchMedia)return t.DEVICE_BREAKPOINTS.DESKTOP;const{onlyMobile:e,onlyTablet:n}=i,r=window.matchMedia(e).matches,a=window.matchMedia(n).matches;return r?t.DEVICE_BREAKPOINTS.MOBILE:a?t.DEVICE_BREAKPOINTS.TABLET:t.DEVICE_BREAKPOINTS.DESKTOP});return(0,n.useEffect)(()=>{if("undefined"==typeof window||!window.matchMedia)return;const{onlyDesktop:e,onlyMobile:n,onlyTablet:r}=i,E=window.matchMedia(e),o=window.matchMedia(r),d=window.matchMedia(n),s=()=>{d.matches?a(t.DEVICE_BREAKPOINTS.MOBILE):o.matches?a(t.DEVICE_BREAKPOINTS.TABLET):a(t.DEVICE_BREAKPOINTS.DESKTOP)};return E.addEventListener("change",s),o.addEventListener("change",s),d.addEventListener("change",s),s(),()=>{E.removeEventListener("change",s),o.removeEventListener("change",s),d.removeEventListener("change",s)}},[i]),r};

package/dist/cjs/lib/hooks/useRoveFocus/useRoveFocus.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react"),t=require("../../constants/keyboardKeys/keyboardKeys.js");exports.useRoveFocus=({currentFocusSelected:n=0,keyDownMove:o=1,keyLeftMove:u=-1,keyPageDownMove:r=1,keyPageUpMove:c=-1,keyRightMove:a=1,keyTabMove:s=1,keyUpMove:l=-1,size:f})=>{const[y,k]=e.useState(n),p=e.useRef(null),v=e.useCallback(e=>{switch(e.key){case t.ARROW_DOWN.code:(e=>{null!==o&&(e.preventDefault(),k("function"==typeof o?t=>o(t,e):e=>e===f-1?0:e+o))})(e);break;case t.ARROW_UP.code:(e=>{null!==l&&(e.preventDefault(),k("function"==typeof l?t=>l(t,e):e=>0===e?f-1:e+l))})(e);break;case t.ARROW_LEFT.code:(e=>{null!==u&&(e.preventDefault(),k("function"==typeof u?t=>u(t,e):e=>0===e?f-1:e+u))})(e);break;case t.ARROW_RIGHT.code:(e=>{null!==a&&(e.preventDefault(),k("function"==typeof a?t=>a(t,e):e=>e===f-1?0:e+a))})(e);break;case t.TAB.code:(e=>{null!==s&&k("function"==typeof s?t=>s(t,e):t=>t===f-1?t:(e.preventDefault(),0===t?t+s+1:t+s))})(e);break;case t.PAGE_DOWN.code:(e=>{null!==r&&(e.preventDefault(),k("function"==typeof r?t=>r(t,e):e=>e+r))})(e);break;case t.PAGE_UP.code:(e=>{null!==c&&(e.preventDefault(),k("function"==typeof c?t=>c(t,e):e=>e+c))})(e)}},[f,k,o,l,u,a,s,c,r]);return e.useEffect(()=>{const e=p.current;return e&&e.addEventListener("keydown",v,!1),()=>{e?.removeEventListener("keydown",v,!1)}},[v,p]),[y,k,p]};
+const e=require("../../constants/keyboardKeys/keyboardKeys.js");let t=require("react");exports.useRoveFocus=({currentFocusSelected:n=0,keyDownMove:o=1,keyLeftMove:u=-1,keyPageDownMove:c=1,keyPageUpMove:r=-1,keyRightMove:a=1,keyTabMove:l=1,keyUpMove:s=-1,size:f})=>{const[y,k]=(0,t.useState)(n),v=(0,t.useRef)(null),p=(0,t.useCallback)(t=>{switch(t.key){case e.ARROW_DOWN.code:(e=>{null!==o&&(e.preventDefault(),k("function"==typeof o?t=>o(t,e):e=>e===f-1?0:e+o))})(t);break;case e.ARROW_UP.code:(e=>{null!==s&&(e.preventDefault(),k("function"==typeof s?t=>s(t,e):e=>0===e?f-1:e+s))})(t);break;case e.ARROW_LEFT.code:(e=>{null!==u&&(e.preventDefault(),k("function"==typeof u?t=>u(t,e):e=>0===e?f-1:e+u))})(t);break;case e.ARROW_RIGHT.code:(e=>{null!==a&&(e.preventDefault(),k("function"==typeof a?t=>a(t,e):e=>e===f-1?0:e+a))})(t);break;case e.TAB.code:(e=>{null!==l&&k("function"==typeof l?t=>l(t,e):t=>t===f-1?t:(e.preventDefault(),0===t?t+l+1:t+l))})(t);break;case e.PAGE_DOWN.code:(e=>{null!==c&&(e.preventDefault(),k("function"==typeof c?t=>c(t,e):e=>e+c))})(t);break;case e.PAGE_UP.code:(e=>{null!==r&&(e.preventDefault(),k("function"==typeof r?t=>r(t,e):e=>e+r))})(t)}},[f,k,o,s,u,a,l,r,c]);return(0,t.useEffect)(()=>{const e=v.current;return e&&e.addEventListener("keydown",p,!1),()=>{e?.removeEventListener("keydown",p,!1)}},[p,v]),[y,k,v]};

package/dist/cjs/lib/hooks/useScrollBlock/useScrollBlock.js

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

package/dist/cjs/lib/hooks/useScrollBlock/utils/useScrollBlock.utils.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=e=>e.scrollHeight>e.clientHeight,t=({element:l,parentsToStop:o})=>l&&o.some(e=>e?.contains(l))?e(l)?l:t({element:l.parentElement,parentsToStop:o}):null;exports.getFirstScrollableElement=t,exports.isElementScrollable=e;
+const e=({element:t,parentsToStop:n})=>{return t&&n.some(e=>e?.contains(t))?(l=t).scrollHeight>l.clientHeight?t:e({element:t.parentElement,parentsToStop:n}):null;var l};exports.getFirstScrollableElement=e;

package/dist/cjs/lib/hooks/useScrollDetection/useScrollDetection.js

@@ -0,0 +1 @@
+const e=require("../../utils/scroll/hasScroll.js");let r=require("react");exports.useScrollDetection=({autoFocus:c=!1}={})=>{const[s,t]=(0,r.useState)(!1),l=(0,r.useRef)(),o=(0,r.useRef)(!1);return{handleScrollDetection:(0,r.useCallback)(r=>{if(r){const s=r=>{const s=e.hasScroll(r);t(s),c&&s&&!o.current&&(r.focus(),o.current=!0)};s(r),l.current=new ResizeObserver(()=>{s(r)}),l.current.observe(r)}else l.current?.disconnect()},[c]),hasScroll:s}};

package/dist/cjs/lib/hooks/useScrollEffect/useScrollEffect.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react"),r=require("../../utils/changeCssProperty/changeCssProperty.js"),t=require("./utils/scrollPercentage.js");exports.useScrollEffect=({conditional:c=!0,scrollCallback:s,shadowStyles:l,shadowVisible:n=1})=>{const u=e.useRef(null),a=e.useRef(null),o=e.useRef(null),i=e.useRef(0),p=e.useRef(0),d=e.useCallback(()=>{if(!u.current)return;const e=t.scrollPercentage(u.current,1.25);if(a.current){const t=e*i.current/100,c=e*p.current/100,s=[{cssPropertyName:"min-height",cssPropertyValue:`calc(${i.current}px - ${t}px)`},{cssPropertyName:"height",cssPropertyValue:`calc(${i.current}px - ${t}px)`},{cssPropertyName:"min-width",cssPropertyValue:`calc(${p.current}px - ${c}px)`},{cssPropertyName:"width",cssPropertyValue:`calc(${p.current}px - ${c}px)`}];r.changeCssProperty(a.current,s)}o.current&&(e>n?o.current.classList.add(...l.split(" ")):o.current.classList.remove(...l.split(" ")))},[c,l,n]),h=e.useCallback(e=>{e?(u.current=e,d(),u.current?.addEventListener("scroll",e=>{d(),s?.(e)})):(u.current?.removeEventListener("scroll",e=>{d(),s?.(e)}),u.current=null)},[d,s]);return{resizeRef:e.useCallback(e=>{const r=()=>{a.current&&(i.current=a.current.clientHeight,p.current=a.current.clientWidth)};e?(a.current=e,a.current?.addEventListener("load",r)):(a.current?.removeEventListener("load",r),a.current=null)},[]),scrollableRef:h,shadowRef:e.useCallback(e=>{o.current=e||null},[])}};
+const e=require("./utils/scrollPercentage.js");let r=require("react");exports.useScrollEffect=({conditional:t=!0,scrollCallback:c,shadowStyles:n,shadowVisible:u=1})=>{const s=(0,r.useRef)(null),l=(0,r.useRef)(null),a=(0,r.useRef)(null),o=(0,r.useRef)(0),i=(0,r.useRef)(0),f=(0,r.useRef)(null),p=(0,r.useRef)(null),m=(0,r.useRef)(null),d=(0,r.useCallback)(()=>{if(!t||!s.current)return;const r=e.scrollPercentage(s.current,1.25);if(l.current&&o.current>0){const e=r*o.current/100,t=r*i.current/100;[{cssPropertyName:"min-height",cssPropertyValue:`calc(${o.current}px - ${e}px)`},{cssPropertyName:"height",cssPropertyValue:`calc(${o.current}px - ${e}px)`},{cssPropertyName:"min-width",cssPropertyValue:`calc(${i.current}px - ${t}px)`},{cssPropertyName:"width",cssPropertyValue:`calc(${i.current}px - ${t}px)`}].forEach(({cssPropertyName:e,cssPropertyValue:r})=>{l.current?.style.setProperty(e,r)})}if(a.current&&n){const e=n.split(" ");r>u?a.current.classList.add(...e):a.current.classList.remove(...e)}},[t,n,u]),y=(0,r.useCallback)(e=>{null!==f.current&&cancelAnimationFrame(f.current),f.current=requestAnimationFrame(()=>{d(),c?.(e),f.current=null})},[d,c]);(0,r.useEffect)(()=>{p.current=y},[y]);const P=(0,r.useCallback)(e=>{s.current&&p.current&&s.current.removeEventListener("scroll",p.current),s.current=e,e&&p.current&&(e.addEventListener("scroll",p.current),d())},[d]),h=(0,r.useCallback)(e=>{const r=()=>{l.current&&(o.current=l.current.clientHeight,i.current=l.current.clientWidth)};l.current&&m.current&&l.current.removeEventListener("load",m.current),m.current=r,l.current=e,e&&(e.addEventListener("load",r),r())},[]),v=(0,r.useCallback)(e=>{a.current=e},[]);return(0,r.useEffect)(()=>()=>{null!==f.current&&cancelAnimationFrame(f.current),s.current&&p.current&&s.current.removeEventListener("scroll",p.current),l.current&&m.current&&l.current.removeEventListener("load",m.current)},[]),{resizeRef:h,scrollableRef:P,shadowRef:v}};

package/dist/cjs/lib/hooks/useScrollEffect/utils/scrollPercentage.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});exports.scrollPercentage=(e,t=1)=>{const{clientHeight:r,scrollHeight:o,scrollTop:l}=e;if(o>r){const e=o/r;return 100*(e>t?l*e:l/(2*e))/(o-r)}return 0};
+exports.scrollPercentage=(e,r=1)=>{const{clientHeight:t,scrollHeight:c,scrollTop:l}=e;if(c>t){const e=c/t;return 100*(e>r?l*e:l/(2*e))/(c-t)}return 0};

package/dist/cjs/lib/hooks/useSwipeDown/useSwipeDown.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react"),t=require("./utils/convertDurationToNumber.js");exports.useSwipeDown=(r,n)=>{const u=e.useRef(null),o=e.useRef(null),c=e.useCallback(e=>{u.current=e||null},[]),s=e.useRef(0),i=e.useRef(0),l=e.useRef(0),v=e.useRef(!1),a=e=>{const t=u?.current;t&&(e.preventDefault?.(),t.style.removeProperty("transition"),"touchstart"===e.type?i.current=e.touches[0].clientY:i.current=e.clientY,v.current=!0,l.current=null)},m=e=>{const t=u?.current;if(!v.current||!t)return;"touchmove"===e.type&&null!==l?l.current=e.touches[0].clientY:l.current=e.clientY;const r=i.current-l.current;l.current<i.current||(t.style.bottom=`${s.current+r}px`)},d=1e3*((t.convertDurationToNumber(r?.exitDuration)||t.convertDurationToNumber(r?.duration)||0)+(t.convertDurationToNumber(r?.delay)||0)),p=async()=>{const e=u?.current;if(!e||!l.current)return;if(v.current=!1,e.style.setProperty("transition",`bottom ${d}ms linear`),l.current<i.current+30)return void(e.style.bottom="0px");const t=s.current+e.scrollHeight;var r;e.style.bottom=`-${t}px`,await(r=d,new Promise(e=>setTimeout(e,r))),n?.()};return{setDragIconRef:e.useCallback(e=>{e?(o.current=e,o?.current?.addEventListener("mousedown",a),o?.current?.addEventListener("mousemove",m),o?.current?.addEventListener("mouseup",p),o?.current?.addEventListener("touchstart",a),o?.current?.addEventListener("touchmove",m),o?.current?.addEventListener("touchend",p)):(o?.current?.removeEventListener("mousedown",a),o?.current?.removeEventListener("mousemove",m),o?.current?.removeEventListener("mouseup",p),o?.current?.removeEventListener("touchstart",a),o?.current?.removeEventListener("touchmove",m),o?.current?.removeEventListener("touchend",p),o.current=null)},[]),setPopoverRef:c}};
+let e=require("react");exports.useSwipeDown=({handleClose:t})=>{const n=(0,e.useRef)(null),r=(0,e.useRef)(null),u=(0,e.useRef)(!1),s=(0,e.useRef)(""),o=(0,e.useRef)(0),c=(0,e.useRef)(null),v=(0,e.useCallback)(e=>{n.current=e},[]);return{setDragIconRef:(0,e.useCallback)(e=>{if(c.current&&(c.current(),c.current=null),r.current=e,e){const r=e=>"touches"in e?(e.touches[0]||e.changedTouches[0])?.clientY||0:e.clientY,v=e=>{u.current&&n.current&&(u.current=!1,r(e)-o.current>30?t?.():n.current.style.bottom=s.current)},d=e=>{if(!u.current||!n.current)return;e.preventDefault();const t=r(e)-o.current;t>0&&(n.current.style.bottom=`-${t}px`)},m=e=>{!u.current&&n.current&&(e.preventDefault(),u.current=!0,o.current=r(e),s.current=window.getComputedStyle(n.current).bottom,document.addEventListener("mousemove",d,{passive:!1}),document.addEventListener("mouseup",v,{passive:!1}),document.addEventListener("touchmove",d,{passive:!1}),document.addEventListener("touchend",v,{passive:!1}))};e.addEventListener("mousedown",m,{passive:!1}),e.addEventListener("touchstart",m,{passive:!1}),c.current=()=>{e.removeEventListener("mousedown",m),e.removeEventListener("touchstart",m),document.removeEventListener("mousemove",d),document.removeEventListener("mouseup",v),document.removeEventListener("touchmove",d),document.removeEventListener("touchend",v),u.current=!1}}},[t]),setPopoverRef:v}};

package/dist/cjs/lib/hooks/useSwipeDown/utils/convertDurationToNumber.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});exports.convertDurationToNumber=e=>{if(!e)return 0;if("number"==typeof e)return e;const r=Number(e.replace("ms","").replace("s",""));return e.includes("s")&&!e.includes("ms")?1e3*r:r};
+exports.convertDurationToNumber=e=>{if(!e)return 0;if("number"==typeof e)return e;const r=Number(e.replace("ms","").replace("s",""));return e.includes("s")&&!e.includes("ms")?1e3*r:r};

package/dist/cjs/lib/hooks/useTrapFocus/useTrapFocus.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react"),t=require("../../utils/focusHandlers/focusHandlers.js");exports.useTrapFocus=({ref:n,trapFocus:r=!1})=>{e.useEffect(()=>{const e=e=>{if(!n.current||"Tab"!==e.key)return;const r=t.getFocusableDescendants({element:n.current});if(!r.length)return void(n.current.contains(document.activeElement)&&e.preventDefault());const o=r[0],u=r[r.length-1];if(!e.shiftKey&&document.activeElement===u)return o?.focus(),void e.preventDefault();if(e.shiftKey&&document.activeElement===o)return u?.focus(),void e.preventDefault();if(o?.compareDocumentPosition(e.target)&Node.DOCUMENT_POSITION_PRECEDING||u?.compareDocumentPosition(e.target)&Node.DOCUMENT_POSITION_FOLLOWING){if(e.shiftKey)return u?.focus(),void e.preventDefault();o?.focus(),e.preventDefault()}};return r&&window.addEventListener("keydown",e),()=>{window.removeEventListener("keydown",e)}},[r])};
+const e=require("../../utils/focusHandlers/focusHandlers.js");let t=require("react");exports.useTrapFocus=({ref:n,trapFocus:r=!1})=>{(0,t.useEffect)(()=>{const t=t=>{if(!n.current||"Tab"!==t.key)return;const r=e.getFocusableDescendants({element:n.current});if(!r.length)return void(n.current.contains(document.activeElement)&&t.preventDefault());const o=r[0],u=r[r.length-1];if(!t.shiftKey&&document.activeElement===u)return o?.focus(),void t.preventDefault();if(t.shiftKey&&document.activeElement===o)return u?.focus(),void t.preventDefault();if(o?.compareDocumentPosition(t.target)&Node.DOCUMENT_POSITION_PRECEDING||u?.compareDocumentPosition(t.target)&Node.DOCUMENT_POSITION_FOLLOWING){if(t.shiftKey)return u?.focus(),void t.preventDefault();o?.focus(),t.preventDefault()}};return r&&window.addEventListener("keydown",t),()=>{window.removeEventListener("keydown",t)}},[r])};

package/dist/cjs/lib/provider/cssProvider/provider.d.ts

@@ -0,0 +1,60 @@
+import {
+  cssThemes,
+  cssClasses,
+  cssVars,
+  cssAvailableComponents,
+  cssGlobalStyles,
+  cssMediaQueries,
+} from './stats/stats';
+
+type ThemesKeys = keyof typeof cssThemes;
+/* Get the types of each variable from the current theme selected */
+type VarFromTheme = (typeof cssVars)[ThemesKeys];
+type ClassNameFromTheme = (typeof cssClasses)[ThemesKeys];
+type ComponentsFromTheme = (typeof cssAvailableComponents)[ThemesKeys];
+type ComponentsKey = keyof ComponentsFromTheme;
+type GlobalStylesFromThemes = (typeof cssGlobalStyles)[ThemesKeys];
+type MediaQueriesFromThemes = (typeof cssMediaQueries)[ThemesKeys];
+/* Get the type of non-variable keys from a component required */
+type NonVariablesKeys<T> = {
+  [K in keyof T]: K extends `$${string}` ? never : K;
+}[keyof T];
+type ComponentSelected<T> = Pick<T, NonVariablesKeys<T>>;
+
+export declare class Provider {
+  private static instance: Provider;
+  #currentTheme: ThemesKeys;
+  #themes: typeof cssThemes;
+  #themesVariables: typeof cssVars;
+  #themesClassNames: typeof cssClasses;
+  #themesComponents: typeof cssAvailableComponents;
+  #themesGlobalStyles: typeof cssGlobalStyles;
+  #themesMediaQueries: typeof cssMediaQueries;
+  #linkId: string;
+  #jsInCss: boolean;
+  #linkBuilder: (url: string, id: string) => void;
+  #handlerThemes: (data: {
+    css: string;
+    foreign?: { high?: string[]; low?: string[] };
+  }) => void;
+  #cleanUpLinks: () => void;
+
+  constructor(options?: { linkId?: string; jsInCss?: boolean });
+
+  get themeSelected(): string | null;
+  get allThemesNames(): string[];
+  get allThemes(): Record<string, string>;
+  get variables(): VarFromTheme;
+  get classNames(): ClassNameFromTheme;
+  get components(): ComponentsFromTheme;
+  get globalStyles(): GlobalStylesFromThemes;
+  get mediaQueries(): MediaQueriesFromThemes;
+
+  set themeSelected(themeName: string);
+
+  getComponentStyles<T extends ComponentsKey>(params: {
+    variant?: string;
+    component: T;
+    additionalClassNames?: Partial<ComponentSelected<ClassNameFromTheme[T]>>;
+  }): ComponentSelected<ClassNameFromTheme[T]>;
+}

package/dist/cjs/lib/provider/cssProvider/provider.js

@@ -1 +1 @@
-import{cssThemes as e,cssClasses as t,cssVars as s,cssAvailableComponents as i,cssGlobalStyles as n,cssMediaQueries as h}from"./stats/stats";export class Provider{#e;#t;#s;#i;#n;#h;#r;#l;#m;#o=(e,t)=>{if("undefined"==typeof document)return;let s=document.getElementById(t);s||(s=document.createElement("link"),s.id=t,s.rel="stylesheet",document.head.appendChild(s)),s.href=e};#a=e=>{const{css:t,foreign:s}=e,i=s?.before||[],n=s?.after||[];i.forEach((e,t)=>{const s=`${this.#l}-foreign-before-${t+1}`;this.#o(e,s)}),this.#o(t,this.#l),n.forEach((e,t)=>{const s=`${this.#l}-foreign-after-${t+1}`;this.#o(e,s)})};#c=()=>{"undefined"!=typeof document&&document.querySelectorAll(`link[id^="${this.#l}"]`).forEach(e=>e.remove())};constructor({linkId:r,jsInCss:l}={}){this.#t=e,this.#s=s,this.#i=t,this.#n=i,this.#h=n,this.#r=h,this.#l=r||"kb-styled-link",this.#e=Object.keys(e)[0],this.#m=!!l,this.getComponentStyles=this.getComponentStyles.bind(this),"undefined"!=typeof window&&"undefined"!=typeof document&&this.#m&&(this.#c(),this.#a(this.#t[this.#e]))}get themeSelected(){return this.#e}set themeSelected(e){if(!(e in this.#t))throw new Error(`${e} is not exists`);this.#m&&(this.#c(),this.#a(this.#t[e])),this.#e=e}get allThemesNames(){return Object.keys(this.#t)}get allThemes(){return this.#t}get variables(){return this.#s[this.#e]}get classNames(){return this.#i[this.#e]}get components(){return this.#n[this.#e]}get globalStyles(){return this.#h[this.#e]}get mediaQueries(){return this.#r[this.#e]}getComponentStyles({variant:e,component:t,additionalClassNames:s}){const i=this.#i[this.#e][t.toLocaleUpperCase()];if(!i)return{};const n={},h=!!e&&`$_${e.toLocaleLowerCase().replace(/-/g,"_")}`;if(h&&h in i){const e=i[h];Object.entries(e).forEach(([e,t])=>{e in n||(n[e]=t)})}return Object.entries(i).forEach(([e,t])=>{e.startsWith("$_")||e in n||(n[e]=t)}),s&&Object.keys(s).length&&Object.entries(s).forEach(([e,t])=>{e in n||(n[e]=""),n[e]+=` ${t}`}),n}}
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.Provider=void 0;var _stats=require("./stats/stats");class Provider{#e;#t;#s;#i;#r;#n;#o;#h;#a;#c=(e,t)=>{if("undefined"==typeof document)return;let s=document.getElementById(t);s||(s=document.createElement("link"),s.id=t,s.rel="stylesheet",document.head.appendChild(s));const i=new URL(e,import.meta.url).href;s.href=i};#l=e=>{const{css:t,foreign:s}=e,i=s?.before||[],r=s?.after||[];i.forEach((e,t)=>{const s=`${this.#h}-foreign-before-${t+1}`;this.#c(e,s)}),this.#c(t,this.#h),r.forEach((e,t)=>{const s=`${this.#h}-foreign-after-${t+1}`;this.#c(e,s)})};#d=()=>{"undefined"!=typeof document&&document.querySelectorAll(`link[id^="${this.#h}"]`).forEach(e=>e.remove())};constructor({linkId:e,jsInCss:t}={}){this.#t=_stats.cssThemes,this.#s=_stats.cssVars,this.#i=_stats.cssClasses,this.#r=_stats.cssAvailableComponents,this.#n=_stats.cssGlobalStyles,this.#o=_stats.cssMediaQueries,this.#h=e||"kb-styled-link",this.#e=Object.keys(_stats.cssThemes)[0],this.#a=!!t,this.getComponentStyles=this.getComponentStyles.bind(this),"undefined"!=typeof window&&"undefined"!=typeof document&&this.#a&&(this.#d(),this.#l(this.#t[this.#e]))}get themeSelected(){return this.#e}set themeSelected(e){if(!(e in this.#t))throw new Error(`${e} is not exists`);this.#a&&(this.#d(),this.#l(this.#t[e])),this.#e=e}get allThemesNames(){return Object.keys(this.#t)}get allThemes(){return this.#t}get variables(){return this.#s[this.#e]}get classNames(){return this.#i[this.#e]}get components(){return this.#r[this.#e]}get globalStyles(){return this.#n[this.#e]}get mediaQueries(){return this.#o[this.#e]}getComponentStyles({variant:e,component:t,additionalClassNames:s}){const i=this.#i[this.#e][t.toLocaleUpperCase()];if(!i)return{};const r={},n=!!e&&`$_${e.toLocaleLowerCase().replace(/-/g,"_")}`;if(n&&n in i){const e=i[n];Object.entries(e).forEach(([e,t])=>{e in r||(r[e]=t)})}return Object.entries(i).forEach(([e,t])=>{e.startsWith("$_")||e in r||(r[e]=t)}),s&&Object.keys(s).length&&Object.entries(s).forEach(([e,t])=>{e in r||(r[e]=""),r[e]+=` ${t}`}),r}}exports.Provider=Provider;