@kubit-ui-web/react-components 1.17.3 → 2.0.0-beta.2

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

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

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

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("react");exports.useToggleTransform=({checked:e,thumbRef:r,trackRef:d})=>{const[n,a]=t.useState("translateX(0px)");return t.useEffect(()=>{if(d.current&&r.current){const t=window.getComputedStyle(d.current),n=window.getComputedStyle(r.current),i=(({checked:t,thumbStyles:e,trackStyles:r})=>{if(!r||!e)return"translateX(0px)";const d=(t=>!(!t?.borderWidth||"0"===t?.borderWidth||"0rem"===t?.borderWidth||"0px"===t?.borderWidth||"none"===t?.borderStyle))(r);return t?(({borderMultiple:t,borderWidth:e,thumbStyles:r,trackStyles:d})=>{if(!d||!r)return"translateX(0px)";const n=e||"0px";return d.paddingRight&&d.paddingLeft||d.padding?`translateX(calc(${d.width} - ${r.width} - ${d.paddingLeft||d.padding} - ${d.paddingRight||d.padding} - ${n} * ${t}))`:`translateX(calc(${d.width} - ${r.width} - ${n} * ${t}))`})({borderMultiple:d?2:0,borderWidth:d?r?.borderWidth:"0px",thumbStyles:e,trackStyles:r}):"translateX(0px)"})({checked:e,thumbStyles:n,trackStyles:t});a(i)}},[e]),{transform:n}};

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

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("../../../_virtual/jsx-runtime.js");exports.TooltipTrigger=({ariaDescribedBy:o,children:t,childrenAsButton:n,disabled:r,onClick:i,onKeyDown:s,onMouseDown:l,onMouseUp:a,triggerAsButton:u})=>n?e.jsxRuntimeExports.jsx("button",{"aria-describedby":o,"aria-disabled":r,className:"kbt-tooltip__trigger-wrapper ",...u,disabled:r,type:"button",onClick:i,onKeyDown:s,onMouseDown:l,onMouseUp:a,children:t}):e.jsxRuntimeExports.jsx("div",{className:"kbt-tooltip__trigger-wrapper ",role:"button",tabIndex:0,onClick:i,onKeyDown:s,onMouseDown:l,onMouseUp:a,children:t});

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

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

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

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const o=require("react");exports.useTooltipAsModal=({propTooltipAsModal:e,styleTooltipAsModal:t})=>o.useMemo(()=>e??t??!1,[e,t]);

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

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react");exports.useTooltipAsModalAriaLabel=t=>{const[r,o]=e.useState(void 0);return e.useEffect(()=>{t.current&&o(t.current.innerText)}),r};

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

@@ -0,0 +1,4 @@
+const { TooltipControlled } = require('./tooltipControlled.js');
+module.exports = { ...module.exports, TooltipControlled };
+const { Tooltip } = require('./tooltipUnControlled.js');
+module.exports = { ...module.exports, Tooltip };

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

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("@floating-ui/dom");exports.computePosition=async(t,a,o)=>{const{middleware:r=[],placement:i="top",strategy:n="fixed"}=o,s=i||"top",d=await e.computePosition(t,a,{middleware:r,placement:s,strategy:n}),l=d.placement||"top";return{middlewareData:d.middlewareData,placement:l,strategy:d.strategy,x:d.x,y:d.y}};

package/dist/cjs/components/tooltip/tooltip.css

@@ -0,0 +1,69 @@
+.kbt-tooltip {
+  display: inline-block;
+}
+
+.kbt-tooltip__trigger-wrapper {
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  padding: 0;
+  border: none;
+  background: none;
+  min-height: 1.5rem;
+  min-width: 1.5rem;
+}
+
+.kbt-tooltip__external-container {
+  display: flex;
+}
+
+.kbt-tooltip__header-content {
+  display: flex;
+  align-items: flex-start;
+}
+
+.kbt-tooltip__close-icon {
+  display: flex;
+  justify-content: flex-end;
+  align-self: flex-end;
+}
+
+.kbt-tooltip__title {
+  word-break: break-word;
+}
+
+.kbt-tooltip__paragraph {
+  word-break: break-word;
+}
+
+.kbt-tooltip__inner-content {
+  overflow-y: auto;
+}
+
+.kbt-tooltip__arrow {
+  position: absolute;
+}
+
+.kbt-tooltip__arrow--top {
+  bottom: 100%;
+  left: 50%;
+  transform: translateX(-50%);
+}
+
+.kbt-tooltip__arrow--right {
+  top: 50%;
+  left: 100%;
+  transform: translateY(-50%);
+}
+
+.kbt-tooltip__arrow--bottom {
+  top: 100%;
+  left: 50%;
+  transform: translateX(-50%);
+}
+
+.kbt-tooltip__arrow--left {
+  top: 50%;
+  right: 100%;
+  transform: translateY(-50%);
+}

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

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const o=require("../../_virtual/jsx-runtime.js"),e=require("react"),t=require("../../lib/hooks/useClassName/useClassName.js"),s=require("../../lib/hooks/useMediaDevice/useMediaDevice.js"),l=require("../../lib/hooks/useScrollDetectionWithAutoFocus/useScrollDetectionWithAutoFocus.js"),i=require("./hooks/useTooltipAsModal.js"),a=require("./hooks/useTooltipAsModalAriaLabel.js"),r=require("./tooltipStandAlone.js");exports.TooltipControlled=({additionalClasses:u,tooltipAriaLabel:n,tooltipAsModal:p,tooltipAsModal:c=!1,tooltipRef:d,variant:A,...M})=>{const T=t.useClassName({additionalClassNames:u,component:"TOOLTIP",variant:A}),j=s.useMediaDevice(),m=e.useRef(null),h=a.useTooltipAsModalAriaLabel(m),S=i.useTooltipAsModal({propTooltipAsModal:p,styleTooltipAsModal:c}),{handleScrollDetection:b,hasScroll:v}=l.useScrollDetectionWithAutoFocus({parentElementRef:m});return e.useImperativeHandle(d,()=>m.current,[]),o.jsxRuntimeExports.jsx(r.TooltipStandAlone,{...M,contentHasScroll:v,contentRef:b,cssClasses:T,mediaDevice:j,tooltipAriaLabel:n??h,tooltipAsModal:i.useTooltipAsModal({propTooltipAsModal:S,styleTooltipAsModal:c}),tooltipRef:m})};

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

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

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

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("../../_virtual/jsx-runtime.js"),o=require("react"),t=require("../../lib/hooks/useClassName/useClassName.js"),r=require("../../lib/hooks/useMediaDevice/useActiveBreakpoints.js"),s=require("../../lib/hooks/useScrollDetectionWithAutoFocus/useScrollDetectionWithAutoFocus.js"),i=require("../../lib/hooks/useSwipeDown/useSwipeDown.js"),l=require("../../lib/hooks/useTrapFocus/useTrapFocus.js"),n=require("../../lib/utils/keyboard/keyboard.js"),a=require("./hooks/useTooltip.js"),u=require("./hooks/useTooltipAsModal.js"),p=require("./tooltipStandAlone.js"),c=o.forwardRef(function({additionalClasses:c,align:d,closeIcon:T,onOpenClose:v,popover:f,tooltipAriaLabel:g,tooltipAsModal:C,variant:b,...k},A){const D=t.useClassName({additionalClassNames:c,component:"TOOLTIP",variant:b}),{device:R,isDesktop:h,isMobile:j,isTablet:M}=r.useActiveBreakpoints(),S=h||M,m=o.useRef(null),q=o.useRef(null),w=u.useTooltipAsModal({propTooltipAsModal:C,styleTooltipAsModal:C});o.useImperativeHandle(A,()=>m.current);const{allowFocusOpenTooltip:F,hideTooltip:y,open:x,placement:I,showTooltip:O}=a.useTooltip({additionalClasses:c,align:d||"top",labelRef:m,onOpenClose:v,tooltipAsModal:w,tooltipRef:q,variant:b}),{handleScrollDetection:W,hasScroll:P}=s.useScrollDetectionWithAutoFocus({parentElementRef:q}),E=o.useRef(!1),{setDragIconRef:L,setPopoverRef:N}=i.useSwipeDown(void 0,y);return l.useTrapFocus({ref:q,trapFocus:x&&w}),e.jsxRuntimeExports.jsx(p.TooltipStandAlone,{...k,align:I,contentHasScroll:P,contentRef:W,cssClasses:D,dragIconRef:L,labelRef:m,mediaDevice:R,popover:{...f,popoverContainerRef:N},popoverOpen:x,tooltipAriaLabel:g,tooltipAsModal:w,tooltipRef:q,onCloseIconClick:e=>{T?.onClick?.(e),y()},onPopoverCloseInternally:()=>{f?.onClose?.(),y()},onTooltipFocus:e=>{w||(e.preventDefault(),e.stopPropagation())},onTriggerClick:e=>{if(S){if(!w)return;return x?void(q.current?.contains(e.target)||y()):void O()}x?q.current?.contains(e.target)||y():O()},onTriggerKeyDown:e=>{n.isKeyEnterPressed(e.key)&&!x&&(O(),e.preventDefault())},onTriggerMouseDown:()=>{E.current=!0},onTriggerMouseUp:()=>{E.current=!1},onWrapperBlur:e=>{w||e.currentTarget.contains(e.relatedTarget)||y()},onWrapperFocus:()=>{E.current||w||!F.current||j||O()},onWrapperMouseEnter:()=>{!w&&S&&O()},onWrapperMouseLeave:()=>{!w&&S&&y()}})});exports.Tooltip=c,exports.TooltipUnControlled=c;

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

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});exports.getAriaDescriptorsBy=({contentId:t,hasContent:e,hasTitle:o,titleId:r})=>{const i=[o&&r,e&&t].filter(Boolean);return i.length>0?i.join(" ").trim():void 0};

package/dist/cjs/components/virtualKeyboard/components/digitButton.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("../../../_virtual/jsx-runtime.js"),s=require("../../text/text.js"),e=require("../../../lib/utils/pickCustomAttributes/pickCustomAttributes.js");exports.DigitButton=({cssClasses:i,digit:o,onClick:r,...u})=>{const n=u["data-testid"]||"digit-button",a=e.pickCustomAttributes(u);return t.jsxRuntimeExports.jsx("button",{className:i?.digitbuttons,"data-testid":n,type:"button",onClick:t=>{r(o,t)},...a,children:t.jsxRuntimeExports.jsx(s.Text,{additionalClasses:{text:i?.digittext},component:"span",children:o})})};

package/dist/cjs/components/virtualKeyboard/index.js

@@ -0,0 +1,2 @@
+const { VirtualKeyboard } = require('./virtualKeyboard.js');
+module.exports = { ...module.exports, VirtualKeyboard };

package/dist/cjs/components/virtualKeyboard/virtualKeyboard.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("../../_virtual/jsx-runtime.js"),s=require("react"),a=require("../../lib/hooks/useClassName/useClassName.js"),r=require("../../lib/types/states/states.js"),t=require("./virtualKeyboardStandAlone.js"),o=s.forwardRef(({additionalClasses:o,variant:i,...u},l)=>{const n=a.useClassName({additionalClassNames:o,component:"VIRTUAL_KEYBOARD",variant:i}),[d,T]=s.useState(r.STATES.INACTIVE);return e.jsxRuntimeExports.jsx(t.VirtualKeyboardStandAlone,{...u,ref:l,cssClasses:n,state:d,onVirtualKeyboardBlur:e=>{e.currentTarget.contains(e.relatedTarget)||T(r.STATES.INACTIVE)},onVirtualKeyboardFocus:()=>{T(r.STATES.ACTIVE)}})});exports.VirtualKeyboard=o;

package/dist/cjs/components/virtualKeyboard/virtualKeyboardStandAlone.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("../../_virtual/jsx-runtime.js"),e=require("react"),s=require("../../lib/hooks/useId/useId.js"),i=require("../../lib/types/states/states.js"),r=require("../../lib/utils/pickCustomAttributes/pickCustomAttributes.js"),o=require("../elementOrIcon/elementOrIcon.js"),u=require("./components/digitButton.js"),n=e.forwardRef(({cssClasses:e,digits:n,icon:a,id:l,onDigitButtonClick:c,onRemoveButtonClick:d,onVirtualKeyboardBlur:m,onVirtualKeyboardFocus:b,state:p,...j},x)=>{const A=s.useId("virtualKeyboard"),C=l??A,E={[i.STATES.ACTIVE]:p===i.STATES.ACTIVE,[i.STATES.INACTIVE]:p===i.STATES.INACTIVE},T=j["data-testid"]||"virtual-keyboard";return t.jsxRuntimeExports.jsxs("div",{ref:x,className:e?.virtual_keyboard,"data-testid":T,id:C,role:"presentation",onBlur:m,onFocus:b,...r.pickCustomAttributes(E),children:[t.jsxRuntimeExports.jsx("div",{className:e?.digitwrapper,...r.pickCustomAttributes(E),children:n?.map((s,i)=>t.jsxRuntimeExports.jsx(u.DigitButton,{cssClasses:e,"data-testid":`${T}-digit-button-${i}`,digit:s,onClick:c},s))}),t.jsxRuntimeExports.jsx("button",{className:e?.removebutton,type:"button",onClick:d,children:t.jsxRuntimeExports.jsx(o.ElementOrIcon,{className:e?.iconcontainer,customAttributes:E,...a})})]})});exports.VirtualKeyboardStandAlone=n;

package/dist/cjs/index.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./components/accordion/accordionControlled.js"),o=require("./components/accordion/accordionUnControlled.js"),r=require("./components/avatar/avatar.js"),t=require("./components/badge/badge.js"),n=require("./components/breadcrumbs/breadcrumbs.js"),s=require("./components/button/button.js"),l=require("./components/calendar/calendar.js"),p=require("./components/cardImage/cardImage.js"),i=require("./components/carousel/carousel.js"),a=require("./components/carousel/types/carousel.js"),c=require("./components/checkbox/checkboxControlled.js"),d=require("./components/checkbox/checkboxUnControlled.js"),u=require("./components/checkboxBase/checkboxBaseControlled.js"),x=require("./components/checkboxBase/checkboxBaseUncontrolled.js"),m=require("./components/chip/chip.js"),b=require("./components/container/container.js"),C=require("./components/dataTable/dataTable.js"),g=require("./components/dot/dot.js"),j=require("./components/dropdownSelected/dropdownSelectedControlled.js"),q=require("./components/dropdownSelected/dropdownSelectedUncontrolled.js"),S=require("./components/icon/icon.js"),v=require("./components/icon/iconHost.js"),B=require("./components/image/image.js"),T=require("./components/input/input.js"),P=require("./components/inputBase/inputBase.js"),U=require("./components/inputDecoration/inputDecoration.js"),k=require("./components/inputSignature/inputSignatureControlled.js"),A=require("./components/inputSignature/inputSignatureUncontrolled.js"),E=require("./components/label/labelStandAlone.js"),R=require("./components/link/link.js"),D=require("./components/link/linkAsButton/linkAsButton.js"),I=require("./components/listOptions/listOptions.js"),_=require("./components/message/messageControlled.js"),h=require("./components/message/messageUnControlled.js"),y=require("./components/modal/modalControlled.js"),O=require("./components/modal/modalUnControlled.js"),M=require("./components/navBar/navBar.js"),f=require("./components/option/option.js"),L=require("./components/pageControl/pageControl.js"),w=require("./components/pagination/pagination.js"),N=require("./components/popover/popover.js"),G=require("@floating-ui/dom"),K=require("./components/progressBar/progressBar.js"),F=require("./components/radioButton/radioButton.js"),H=require("./components/radioButton/radioButtonStandAlone.js"),W=require("./components/selectorBoxFile/selectorBoxFile.js"),V=require("./components/skeleton/skeleton.js"),Y=require("./components/slider/slider.js"),z=require("./components/snackbar/snackbar.js"),J=require("./components/stepperNumber/stepperNumber.js"),Q=require("./components/table/table.js"),X=require("./components/tableCaption/tableCaption.js"),Z=require("./components/tableCell/tableCell.js"),$=require("./components/tableDivider/tableDivider.js"),ee=require("./components/tableFoot/tableFoot.js"),oe=require("./components/tableHead/tableHead.js"),re=require("./components/tableRow/tableRow.js"),te=require("./components/tabs/tabsControlled.js"),ne=require("./components/tabs/tabsUnControlled.js"),se=require("./components/tag/tag.js"),le=require("./components/text/text.js"),pe=require("./components/textArea/textArea.js"),ie=require("./components/toggle/toggleControlled.js"),ae=require("./components/toggle/toggleStandAlone.js"),ce=require("./components/toggle/toggleUnControlled.js"),de=require("./components/tooltip/tooltipControlled.js"),ue=require("./components/tooltip/tooltipUnControlled.js"),xe=require("./components/virtualKeyboard/virtualKeyboard.js"),me=require("./lib/provider/genericComponentsProvider/genericComponentsProvider.js"),be=require("./lib/provider/kubitProvider/kubitProvider.js"),Ce=require("./lib/provider/stylesProvider/stylesProvider.js"),ge=require("./lib/provider/utilsProvider/utilsProvider.js");exports.AccordionControlled=e.AccordionControlled,exports.Accordion=o.Accordion,exports.Avatar=r.Avatar,exports.Badge=t.Badge,exports.BreadCrumbs=n.BreadCrumbs,exports.Button=s.Button,exports.Calendar=l.Calendar,exports.CardImage=p.CardImage,exports.Carousel=i.Carousel,exports.CAROUSEL_BUILD_SCREEN_READER_CURRENT_PAGE_KEY=a.CAROUSEL_BUILD_SCREEN_READER_CURRENT_PAGE_KEY,exports.CAROUSEL_BUILD_SCREEN_READER_NUM_PAGES_KEY=a.CAROUSEL_BUILD_SCREEN_READER_NUM_PAGES_KEY,exports.CheckboxControlled=c.CheckboxControlled,exports.Checkbox=d.CheckboxUnControlled,exports.CheckboxBaseControlled=u.CheckboxBaseControlled,exports.CheckboxBase=x.CheckboxBaseUnControlled,exports.Chip=m.Chip,exports.Container=b.Container,exports.DataTable=C.DataTable,exports.Dot=g.Dot,exports.DropdownSelectedControlled=j.DropdownSelectedControlled,exports.DropdownSelected=q.DropdownSelectedUnControlled,exports.IconBasic=S.IconBasic,exports.Icon=v.IconHost,exports.Image=B.Image,exports.Input=T.Input,exports.InputBase=P.InputBase,exports.InputDecoration=U.InputDecoration,exports.InputSignatureControlled=k.InputSignatureControlled,exports.InputSignature=A.InputSignatureUnControlled,exports.Label=E.LabelStandAlone,exports.Link=R.Link,exports.LinkAsButton=D.LinkAsButton,exports.ListOptions=I.ListOptions,exports.MessageControlled=_.MessageControlled,exports.Message=h.MessageUnControlled,exports.ModalControlled=y.ModalControlled,exports.Modal=O.ModalUnControlled,exports.NabVar=M.NabVar,exports.Option=f.Option,exports.PageControl=L.PageControl,exports.Pagination=w.Pagination,exports.Popover=N.Popover,Object.defineProperty(exports,"popoverMWArrow",{enumerable:!0,get:()=>G.arrow}),Object.defineProperty(exports,"popoverMWAutoPlacement",{enumerable:!0,get:()=>G.autoPlacement}),Object.defineProperty(exports,"popoverMWFlip",{enumerable:!0,get:()=>G.flip}),Object.defineProperty(exports,"popoverMWHide",{enumerable:!0,get:()=>G.hide}),Object.defineProperty(exports,"popoverMWOffset",{enumerable:!0,get:()=>G.offset}),Object.defineProperty(exports,"popoverMWShift",{enumerable:!0,get:()=>G.shift}),Object.defineProperty(exports,"popoverMWSize",{enumerable:!0,get:()=>G.size}),exports.ProgressBar=K.ProgressBar,exports.RadioButton=F.RadioButton,exports.RadioButtonStandAlone=H.RadioButtonStandAlone,exports.SelectorBoxFile=W.SelectorBoxFile,exports.Skeleton=V.Skeleton,exports.Slider=Y.Slider,exports.Snackbar=z.Snackbar,exports.StepperNumber=J.StepperNumber,exports.Table=Q.Table,exports.TableCaption=X.TableCaption,exports.TableCell=Z.TableCell,exports.TableDivider=$.TableDivider,exports.TableFoot=ee.TableFoot,exports.TableHead=oe.TableHead,exports.TableRow=re.TableRow,exports.TabsControlled=te.TabsControlled,exports.Tabs=ne.TabsUnControlled,exports.Tag=se.Tag,exports.Text=le.Text,exports.TextArea=pe.TextArea,exports.ToggleControlled=ie.ToggleControlled,exports.ToggleStandalone=ae.ToggleStandalone,exports.ToggleUncontrolled=ce.ToggleUncontrolled,exports.TooltipControlled=de.TooltipControlled,exports.Tooltip=ue.TooltipUnControlled,exports.VirtualKeyboard=xe.VirtualKeyboard,exports.GenericComponentContext=me.GenericComponentContext,exports.GenericComponentsProvider=me.GenericComponentsProvider,exports.useGenericComponents=me.useGenericComponents,exports.KubitProvider=be.KubitProvider,exports.StylesContext=Ce.StylesContext,exports.StylesProvider=Ce.StylesProvider,exports.useStylesContext=Ce.useStylesContext,exports.UtilsContext=ge.UtilsContext,exports.UtilsProvider=ge.UtilsProvider,exports.useUtilsProvider=ge.useUtilsProvider;

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

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("../../../_virtual/jsx-runtime.js"),r=require("react").forwardRef(({children:r,className:t,component:s,...o},n)=>{const a=s||"span";return e.jsxRuntimeExports.jsx(a,{ref:n,className:t,...o,children:r})});exports.CustomComponent=r;

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

@@ -0,0 +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;

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

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const s=require("../../../_virtual/jsx-runtime.js"),e=require("react"),r=require("../../../components/elementOrIcon/elementOrIcon.js"),t=require("../../../components/text/text.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},m)=>{if(!a)return null;const x=i.pickCustomAttributes(l);return s.jsxRuntimeExports.jsx("div",{ref:m,...x,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(r.ElementOrIcon,{className:e?.icon,...n.processIcon(u)}),s.jsxRuntimeExports.jsx(t.Text,{additionalClasses:{text:e?.typography},...c.processText(a)})]})})});exports.ErrorMessageStandAlone=u;

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

@@ -0,0 +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"};

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

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});exports.syncInnerAndForwardedRef=({forwardedRef:e,innerRef:r})=>{e&&("function"==typeof e?e(r.current):e.current=r.current)};

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

@@ -0,0 +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})};

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

@@ -0,0 +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])};

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

@@ -0,0 +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])}};

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

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

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

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("../../../utils/scroll/hasScroll.js");exports.isContentVisibleEnough=({container:t,content:i,minVisibleHeight:l})=>{if(e.hasVerticalScroll(i)){return i.clientHeight>=l}return t.scrollHeight-i.clientHeight+l<=t.clientHeight};

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

@@ -0,0 +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])};

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

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react"),t={};exports.useId=r=>{const[o]=e.useState(()=>(e=>(t[e]||(t[e]=0),t[e]++))(r||"$component$"));return`${r}${o}`};

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

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react");exports.useInputFocus=({inputRef:t})=>{const[r,u]=e.useState(!1),n=()=>{u(!0)},s=()=>{u(!1)};return e.useEffect(()=>(t.current?.addEventListener("focus",n),t.current?.addEventListener("blur",s),()=>{t.current?.removeEventListener("focus",n),t.current?.removeEventListener("blur",s)}),[]),{focused:r}};

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

@@ -0,0 +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])}};

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

@@ -0,0 +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)}};

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

@@ -0,0 +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};

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

@@ -0,0 +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]};

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

@@ -0,0 +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}};

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

@@ -0,0 +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;

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

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react"),t=require("../../utils/resizeObserver/resizeObserver.js"),r=require("../../utils/scroll/hasScroll.js");exports.useScrollDetectionWithAutoFocus=({disabled:s=!1,parentElementRef:c})=>{const[o,n]=e.useState(!1),l=e.useRef();return{handleScrollDetection:e.useCallback(e=>{if(e&&!s){const s=e=>{const t=r.hasScroll(e);n(t)},o=e=>{if(!r.hasScroll(e))return;const t=()=>{e.setAttribute("tabindex","0"),e.focus()};document.activeElement&&c?.current?.contains(document.activeElement)?e.compareDocumentPosition(document.activeElement)&Node.DOCUMENT_POSITION_FOLLOWING&&t():t()};s(e),o(e),l.current=new t.ResizeObserver(()=>{s(e)}),l.current.observe(e)}else l.current?.disconnect()},[s]),hasScroll:o}};

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

@@ -0,0 +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},[])}};

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

@@ -0,0 +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};

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

@@ -0,0 +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}};

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

@@ -0,0 +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};

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

@@ -0,0 +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])};

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

@@ -0,0 +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}}