@kubit-ui-web/react-components 2.0.0-beta.3 → 2.0.0-beta.30

package/dist/esm/components/overlay/index.js

@@ -1 +0,0 @@
-export * from './overlayTheme.js';

package/dist/esm/components/overlay/overlay.js

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

package/dist/esm/components/overlay/overlayStandAlone.js

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

package/dist/esm/components/renderIf/renderIf.js

@@ -1 +0,0 @@
-const n=({children:n,condition:o})=>o?n:null;export{n as RenderIf};

package/dist/esm/components/selectorBoxFile/components/selectorBoxFileErrorMessage.js

@@ -1,3 +0,0 @@
-import{j as s}from"../../../_virtual/jsx-runtime.js";import{Text as e}from"../../text/text.js";import{STATES as r}from"../../../lib/types/states/states.js";import{processText as t}from"../../../lib/utils/process/processText/processText.js";import{ElementOrIcon as o}from"../../elementOrIcon/elementOrIcon.js";const a=({cssClasses:a,errorMessage:i,errorMessageIcon:m,errorMessageId:l,state:c})=>/* @__PURE__ */s.jsx("div",{"aria-live":"polite",children:t(i)&&c===r.ERROR?/* @__PURE__ */s.jsxs("div",{className:a?.errormessagecontainer,id:l,children:[
-/* @__PURE__ */s.jsx(o,{className:a?.errormessageicon,...m}),
-/* @__PURE__ */s.jsx(e,{additionalClasses:{text:a?.errormessage},...t(i)})]}):null});export{a as SelectorBoxFileErrorMessage};

package/dist/esm/components/selectorBoxFile/components/selectorBoxFileHeader.js

@@ -1,9 +0,0 @@
-import{j as t}from"../../../_virtual/jsx-runtime.js";import{Button as i}from"../../button/button.js";import{RenderIf as s}from"../../renderIf/renderIf.js";import{Text as o}from"../../text/text.js";import{processText as e}from"../../../lib/utils/process/processText/processText.js";import{SelectorBoxFileTooltip as n}from"./selectorBoxFileTooltip.js";const r=({button:r,cssClasses:a,description:l,headerId:d,subtitle:c,title:x,tooltip:j,tooltipIcon:p})=>/* @__PURE__ */t.jsxs(t.Fragment,{children:[
-/* @__PURE__ */t.jsxs("div",{className:a?.titlesubtitlecontainer,id:d,children:[
-/* @__PURE__ */t.jsx(s,{condition:!!x,children:/* @__PURE__ */t.jsx(o,{additionalClasses:{text:a?.title},component:"h5",...e(x)})}),
-/* @__PURE__ */t.jsx(s,{condition:!!c,children:/* @__PURE__ */t.jsxs("div",{className:a?.actiondescriptioncontainer,children:[
-/* @__PURE__ */t.jsx(o,{additionalClasses:{text:a?.subtitle},...e(c)}),
-/* @__PURE__ */t.jsx(n,{cssClasses:a,tooltip:j,tooltipIcon:p})]})})]}),
-/* @__PURE__ */t.jsx(s,{condition:!(!l&&!r),children:/* @__PURE__ */t.jsxs("div",{className:a?.descriptioncontainer,children:[
-/* @__PURE__ */t.jsx(o,{additionalClasses:{text:a?.description},...e(l)}),
-/* @__PURE__ */t.jsx(s,{condition:!(!a?.button_variant&&!r?.size||!a?.button_size&&!r?.variant),children:/* @__PURE__ */t.jsx(i,{additionalSizeClasses:r?.variant?void 0:a?.button_size,additionalVariantClasses:r?.size?void 0:a?.button_variant,size:r?.size,variant:r?.variant,...r,children:r?.content})})]})})]});export{r as SelectorBoxFileHeader};

package/dist/esm/components/selectorBoxFile/components/selectorBoxFileTooltip.js

@@ -1 +0,0 @@
-import{j as o}from"../../../_virtual/jsx-runtime.js";import{TooltipUnControlled as t}from"../../tooltip/tooltipUnControlled.js";import{ElementOrIcon as i}from"../../elementOrIcon/elementOrIcon.js";const n=({cssClasses:n,tooltip:s,tooltipIcon:l})=>{if(!l?.icon)return null;const e=/* @__PURE__ */o.jsx(i,{className:n?.tooltipicon,...l});return s?/* @__PURE__ */o.jsx("div",{className:n?.tooltipiconcontainer,children:/* @__PURE__ */o.jsx(t,{additionalClasses:n?.tooltip,...s,children:e})}):/* @__PURE__ */o.jsx("div",{className:n?.tooltipiconcontainer,children:e})};export{n as SelectorBoxFileTooltip};

package/dist/esm/components/skeleton/skeleton.js

@@ -1,2 +0,0 @@
-import{j as s}from"../../_virtual/jsx-runtime.js";import{forwardRef as a}from"react";import{useClassName as e}from"../../lib/hooks/useClassName/useClassName.js";import{SkeletonStandAlone as t}from"./skeletonStandAlone.js";const o=a(({additionalClasses:a,additionalShapeClasses:o,shapeVariant:r,variant:n,...i},m)=>{const l=e({component:"SKELETON",variant:n}),p=e({component:"SKELETON",variant:r});/* @__PURE__ */
-return s.jsx(t,{...i,ref:m,cssClasses:l,cssShapeClasses:p,shapeVariant:n})});export{o as Skeleton};

package/dist/esm/components/table/__stories__/css/table.css

@@ -1,7 +0,0 @@
-.scrollablecontainer-max-height {
-  max-height: 200px;
-}
-
-.container-over-width {
-  width: 120% !important;
-}

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

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

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

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

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

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

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

@@ -1 +0,0 @@
-import{useState as o}from"react";const t={},r=r=>{const[n]=o(()=>(o=>(t[o]||(t[o]=0),t[o]++))(r||"$component$"));return`${r}${n}`};export{r as useId};

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

@@ -1 +0,0 @@
-import{useState as e,useEffect as r}from"react";const t=({inputRef:t})=>{const[n,u]=e(!1),c=()=>{u(!0)},o=()=>{u(!1)};return r(()=>(t.current?.addEventListener("focus",c),t.current?.addEventListener("blur",o),()=>{t.current?.removeEventListener("focus",c),t.current?.removeEventListener("blur",o)}),[]),{focused:n}};export{t as useInputFocus};

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

@@ -1 +0,0 @@
-import{useState as e,useRef as t,useCallback as r}from"react";import{ResizeObserver as n}from"../../utils/resizeObserver/resizeObserver.js";import{hasScroll as o}from"../../utils/scroll/hasScroll.js";const c=({disabled:c=!1,parentElementRef:s})=>{const[i,l]=e(!1),m=t();return{handleScrollDetection:r(e=>{if(e&&!c){const t=e=>{const t=o(e);l(t)},r=e=>{if(!o(e))return;const t=()=>{e.setAttribute("tabindex","0"),e.focus()};document.activeElement&&s?.current?.contains(document.activeElement)?e.compareDocumentPosition(document.activeElement)&Node.DOCUMENT_POSITION_FOLLOWING&&t():t()};t(e),r(e),m.current=new n(()=>{t(e)}),m.current.observe(e)}else m.current?.disconnect()},[c]),hasScroll:i}};export{c as useScrollDetectionWithAutoFocus};

package/dist/esm/lib/utils/changeCssProperty/changeCssProperty.js

@@ -1 +0,0 @@
-const e=(e,t)=>{if(!(t.length<1))for(let r=0;r<t.length;r++)e.style.setProperty(t[r].cssPropertyName,t[r].cssPropertyValue)};export{e as changeCssProperty};

package/dist/esm/lib/utils/is/isReactNode.js

@@ -1 +0,0 @@
-import{isValidElement as o}from"react";const r=r=>o(r);export{r as isReactNode};

package/dist/esm/lib/utils/is/isString.js

@@ -1 +0,0 @@
-const t=t=>"string"==typeof t||t instanceof String;export{t as isString};

package/dist/esm/lib/utils/process/processIcon/processIcon.js

@@ -1 +0,0 @@
-import{isString as i}from"../../is/isString.js";const o=o=>o?i(o)?{icon:o}:o:{};export{o as processIcon};

package/dist/esm/lib/utils/process/processText/processText.js

@@ -1 +0,0 @@
-import{isReactNode as t}from"../../is/isReactNode.js";import{isString as e}from"../../is/isString.js";const i=(i,n)=>{if(!i)return{children:null};let r;return e(i)||t(i)?r=e(i)?i:void 0:"object"==typeof i&&"content"in i&&(r=i.content),n&&r&&(r=r.substring(0,n)),t(i)?{children:i}:"object"==typeof i?{children:r,...i}:{children:r}};export{i as processText};

package/dist/esm/lib/utils/resizeObserver/resizeObserver.js

@@ -1 +0,0 @@
-class e{constructor(e){this.callback=e}observe(e){this.callback([{target:e}],this)}unobserve(){}disconnect(){}}let s;s="undefined"!=typeof self&&self.ResizeObserver?self.ResizeObserver:e;export{s as ResizeObserver};

package/dist/esm/react-components.css

@@ -1 +0,0 @@
-.kbt-text{-webkit-text-size-adjust:100%;text-size-adjust:100%}.kbt-text--disabled{pointer-events:none}.kbt-text--truncate{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}@keyframes popover-enter-center{0%{opacity:0;transform:translate(-50%,-50%) scale(.8)}to{opacity:1;transform:translate(-50%,-50%) scale(1)}}@keyframes popover-exit-center{0%{opacity:1;transform:translate(-50%,-50%) scale(1)}to{opacity:0;transform:translate(-50%,-50%) scale(.8)}}@keyframes popover-enter-top{0%{opacity:0;transform:translate(-50%) translateY(-20px)}to{opacity:1;transform:translate(-50%) translateY(0)}}@keyframes popover-exit-top{0%{opacity:1;transform:translate(-50%) translateY(0)}to{opacity:0;transform:translate(-50%) translateY(-20px)}}@keyframes popover-enter-top-start{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}@keyframes popover-exit-top-start{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(-20px)}}@keyframes popover-enter-top-end{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}@keyframes popover-exit-top-end{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(-20px)}}@keyframes popover-enter-bottom{0%{opacity:0;transform:translate(-50%) translateY(20px)}to{opacity:1;transform:translate(-50%) translateY(0)}}@keyframes popover-exit-bottom{0%{opacity:1;transform:translate(-50%) translateY(0)}to{opacity:0;transform:translate(-50%) translateY(20px)}}@keyframes popover-enter-bottom-start{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes popover-exit-bottom-start{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(20px)}}@keyframes popover-enter-bottom-end{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes popover-exit-bottom-end{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(20px)}}@keyframes popover-enter-left{0%{opacity:0;transform:translateY(-50%) translate(-20px)}to{opacity:1;transform:translateY(-50%) translate(0)}}@keyframes popover-exit-left{0%{opacity:1;transform:translateY(-50%) translate(0)}to{opacity:0;transform:translateY(-50%) translate(-20px)}}@keyframes popover-enter-left-start{0%{opacity:0;transform:translate(-20px)}to{opacity:1;transform:translate(0)}}@keyframes popover-exit-left-start{0%{opacity:1;transform:translate(0)}to{opacity:0;transform:translate(-20px)}}@keyframes popover-enter-left-end{0%{opacity:0;transform:translate(-20px)}to{opacity:1;transform:translate(0)}}@keyframes popover-exit-left-end{0%{opacity:1;transform:translate(0)}to{opacity:0;transform:translate(-20px)}}@keyframes popover-enter-right{0%{opacity:0;transform:translateY(-50%) translate(20px)}to{opacity:1;transform:translateY(-50%) translate(0)}}@keyframes popover-exit-right{0%{opacity:1;transform:translateY(-50%) translate(0)}to{opacity:0;transform:translateY(-50%) translate(20px)}}@keyframes popover-enter-right-start{0%{opacity:0;transform:translate(20px)}to{opacity:1;transform:translate(0)}}@keyframes popover-exit-right-start{0%{opacity:1;transform:translate(0)}to{opacity:0;transform:translate(20px)}}@keyframes popover-enter-right-end{0%{opacity:0;transform:translate(20px)}to{opacity:1;transform:translate(0)}}@keyframes popover-exit-right-end{0%{opacity:1;transform:translate(0)}to{opacity:0;transform:translate(20px)}}.popover-animate{animation-duration:.2s;animation-timing-function:cubic-bezier(.16,1,.3,1);animation-fill-mode:forwards}.popover-enter-center{animation-name:popover-enter-center}.popover-enter-top{animation-name:popover-enter-top}.popover-enter-top-start{animation-name:popover-enter-top-start}.popover-enter-top-end{animation-name:popover-enter-top-end}.popover-enter-bottom{animation-name:popover-enter-bottom}.popover-enter-bottom-start{animation-name:popover-enter-bottom-start}.popover-enter-bottom-end{animation-name:popover-enter-bottom-end}.popover-enter-left{animation-name:popover-enter-left}.popover-enter-left-start{animation-name:popover-enter-left-start}.popover-enter-left-end{animation-name:popover-enter-left-end}.popover-enter-right{animation-name:popover-enter-right}.popover-enter-right-start{animation-name:popover-enter-right-start}.popover-enter-right-end{animation-name:popover-enter-right-end}.popover-exit-center{animation-name:popover-exit-center}.popover-exit-top{animation-name:popover-exit-top}.popover-exit-top-start{animation-name:popover-exit-top-start}.popover-exit-top-end{animation-name:popover-exit-top-end}.popover-exit-bottom{animation-name:popover-exit-bottom}.popover-exit-bottom-start{animation-name:popover-exit-bottom-start}.popover-exit-bottom-end{animation-name:popover-exit-bottom-end}.popover-exit-left{animation-name:popover-exit-left}.popover-exit-left-start{animation-name:popover-exit-left-start}.popover-exit-left-end{animation-name:popover-exit-left-end}.popover-exit-right{animation-name:popover-exit-right}.popover-exit-right-start{animation-name:popover-exit-right-start}.popover-exit-right-end{animation-name:popover-exit-right-end}[data-kbt-id=popover][data-kbt-placement]{animation-duration:.5s;animation-timing-function:cubic-bezier(.16,1,.3,1);animation-fill-mode:forwards;animation-iteration-count:1}[data-kbt-id=popover][data-kbt-closing=false]:not([data-kbt-disable-animations=true]){--animation-prefix: "popover-enter-"}[data-kbt-id=popover][data-kbt-placement=center][data-kbt-closing=false]:not([data-kbt-disable-animations=true]){animation-name:popover-enter-center}[data-kbt-id=popover][data-kbt-placement^=top][data-kbt-closing=false]:not([data-kbt-disable-animations=true]){animation-name:var(--animation-name, popover-enter-top)}[data-kbt-id=popover][data-kbt-placement=top-start][data-kbt-closing=false]:not([data-kbt-disable-animations=true]){animation-name:popover-enter-top-start}[data-kbt-id=popover][data-kbt-placement=top-end][data-kbt-closing=false]:not([data-kbt-disable-animations=true]){animation-name:popover-enter-top-end}[data-kbt-id=popover][data-kbt-placement^=bottom][data-kbt-closing=false]:not([data-kbt-disable-animations=true]){animation-name:var(--animation-name, popover-enter-bottom)}[data-kbt-id=popover][data-kbt-placement=bottom-start][data-kbt-closing=false]:not([data-kbt-disable-animations=true]){animation-name:popover-enter-bottom-start}[data-kbt-id=popover][data-kbt-placement=bottom-end][data-kbt-closing=false]:not([data-kbt-disable-animations=true]){animation-name:popover-enter-bottom-end}[data-kbt-id=popover][data-kbt-placement^=left][data-kbt-closing=false]:not([data-kbt-disable-animations=true]){animation-name:var(--animation-name, popover-enter-left)}[data-kbt-id=popover][data-kbt-placement=left-start][data-kbt-closing=false]:not([data-kbt-disable-animations=true]){animation-name:popover-enter-left-start}[data-kbt-id=popover][data-kbt-placement=left-end][data-kbt-closing=false]:not([data-kbt-disable-animations=true]){animation-name:popover-enter-left-end}[data-kbt-id=popover][data-kbt-placement^=right][data-kbt-closing=false]:not([data-kbt-disable-animations=true]){animation-name:var(--animation-name, popover-enter-right)}[data-kbt-id=popover][data-kbt-placement=right-start][data-kbt-closing=false]:not([data-kbt-disable-animations=true]){animation-name:popover-enter-right-start}[data-kbt-id=popover][data-kbt-placement=right-end][data-kbt-closing=false]:not([data-kbt-disable-animations=true]){animation-name:popover-enter-right-end}[data-kbt-id=popover][data-kbt-closing=true]:not([data-kbt-disable-animations=true]){--animation-prefix: "popover-exit-"}[data-kbt-id=popover][data-kbt-placement=center][data-kbt-closing=true]:not([data-kbt-disable-animations=true]){animation-name:popover-exit-center}[data-kbt-id=popover][data-kbt-placement^=top][data-kbt-closing=true]:not([data-kbt-disable-animations=true]){animation-name:var(--exit-animation-name, popover-exit-top)}[data-kbt-id=popover][data-kbt-placement=top-start][data-kbt-closing=true]:not([data-kbt-disable-animations=true]){animation-name:popover-exit-top-start}[data-kbt-id=popover][data-kbt-placement=top-end][data-kbt-closing=true]:not([data-kbt-disable-animations=true]){animation-name:popover-exit-top-end}[data-kbt-id=popover][data-kbt-placement^=bottom][data-kbt-closing=true]:not([data-kbt-disable-animations=true]){animation-name:var(--exit-animation-name, popover-exit-bottom)}[data-kbt-id=popover][data-kbt-placement=bottom-start][data-kbt-closing=true]:not([data-kbt-disable-animations=true]){animation-name:popover-exit-bottom-start}[data-kbt-id=popover][data-kbt-placement=bottom-end][data-kbt-closing=true]:not([data-kbt-disable-animations=true]){animation-name:popover-exit-bottom-end}[data-kbt-id=popover][data-kbt-placement^=left][data-kbt-closing=true]:not([data-kbt-disable-animations=true]){animation-name:var(--exit-animation-name, popover-exit-left)}[data-kbt-id=popover][data-kbt-placement=left-start][data-kbt-closing=true]:not([data-kbt-disable-animations=true]){animation-name:popover-exit-left-start}[data-kbt-id=popover][data-kbt-placement=left-end][data-kbt-closing=true]:not([data-kbt-disable-animations=true]){animation-name:popover-exit-left-end}[data-kbt-id=popover][data-kbt-placement^=right][data-kbt-closing=true]:not([data-kbt-disable-animations=true]){animation-name:var(--exit-animation-name, popover-exit-right)}[data-kbt-id=popover][data-kbt-placement=right-start][data-kbt-closing=true]:not([data-kbt-disable-animations=true]){animation-name:popover-exit-right-start}[data-kbt-id=popover][data-kbt-placement=right-end][data-kbt-closing=true]:not([data-kbt-disable-animations=true]){animation-name:popover-exit-right-end}[data-kbt-id=popover-arrow]{position:absolute;transform:rotate(45deg);z-index:-1}[data-kbt-id=popover-arrow][data-kbt-placement^=top]{bottom:calc(-1 * var(--arrow-size, 8px) / 2);left:50%;transform:translate(-50%) rotate(45deg)}[data-kbt-id=popover-arrow][data-kbt-placement^=bottom]{top:calc(-1 * var(--arrow-size, 8px) / 2);left:50%;transform:translate(-50%) rotate(45deg)}[data-kbt-id=popover-arrow][data-kbt-placement^=left]{right:calc(-1 * var(--arrow-size, 8px) / 2);top:50%;transform:translateY(-50%) rotate(45deg)}[data-kbt-id=popover-arrow][data-kbt-placement^=right]{left:calc(-1 * var(--arrow-size, 8px) / 2);top:50%;transform:translateY(-50%) rotate(45deg)}[data-kbt-id=popover-arrow][data-kbt-placement=center]{top:calc(-1 * var(--arrow-size, 8px) / 2);left:50%;transform:translate(-50%) rotate(45deg)}:root{--border-radius: 0;--fallback-ratio: 1;--object-fit: cover;--ratio: 1;--width: 100%}.kbt-picture{position:relative;display:inline-block;overflow:hidden;max-width:100%;max-height:100%;width:var(--width);aspect-ratio:var(--ratio)}@supports not (aspect-ratio: 16 / 9){.kbt-picture{padding-top:var(--fallback-ratio)}.kbt-picture img{position:absolute;top:0;left:0;width:100%;height:auto}}.kbt-picture img{max-width:100%;border-radius:var(--border-radius);object-fit:var(--object-fit);aspect-ratio:var(--ratio)}.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,.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:translate(-50%)}.kbt-tooltip__arrow--right{top:50%;left:100%;transform:translateY(-50%)}.kbt-tooltip__arrow--bottom{top:100%;left:50%;transform:translate(-50%)}.kbt-tooltip__arrow--left{top:50%;right:100%;transform:translateY(-50%)}@keyframes breatheAnimation{0%{background-position-x:0%}to{background-position-x:-200%}}.kbt-skeleton{width:var(--skeleton-width, 100%);height:var(--skeleton-height, 20px);animation-name:breatheAnimation;animation-timing-function:linear;animation-iteration-count:infinite;animation-duration:var(--skeleton-duration, 2s);animation-delay:1ms;background-size:200% 100%}