@kubit-ui-web/react-components 1.17.2 → 2.0.0-beta.1

package/dist/esm/components/textArea/components/textCount/textCountStandAlone.js

@@ -0,0 +1,5 @@
+import{j as t}from"../../../../_virtual/jsx-runtime.js";import{forwardRef as e}from"react";import{Text as r}from"../../../text/text.js";import{pickCustomAttributes as i}from"../../../../lib/utils/pickCustomAttributes/pickCustomAttributes.js";const s=e(({cssClasses:e,currentCharacters:s,id:a,leftColor:o,leftWeight:n,marginTop:l,maxLength:c,rightColor:d,rightWeight:m,screenReaderText:x,textVariant:h,...p},u)=>{const g=i(p);/* @__PURE__ */
+return t.jsxs("div",{ref:u,"aria-live":(()=>{if(0===s||s>=c)return"polite"})(),className:e?.text_count,"data-testid":"text-count",style:{marginTop:l},...g,children:[
+/* @__PURE__ */t.jsx("screen-reader-only",{children:x},s),
+/* @__PURE__ */t.jsx(r,{additionalClasses:{text:e?.letftext},"aria-hidden":!0,color:o,component:"span",variant:h,weight:n,children:s}),
+/* @__PURE__ */t.jsx(r,{additionalClasses:{text:e?.righttext},"aria-hidden":!0,color:d,component:"span",variant:h,weight:m,children:` / ${c}`})]})});export{s as TextCountStandAlone};

package/dist/esm/components/textArea/components/titleStandAlone.js

@@ -0,0 +1 @@
+import{j as t}from"../../../_virtual/jsx-runtime.js";import{Text as s}from"../../text/text.js";import{processText as e}from"../../../lib/utils/process/processText/processText.js";const i=({cssClasses:i,customAttributtes:o,title:r})=>r?/* @__PURE__ */t.jsx("div",{className:i?.titlecontainer,...o,children:/* @__PURE__ */t.jsx(s,{additionalClasses:{text:i?.title},customAttributes:o,...e(r),component:e(r).component??"p",children:e(r).children})}):null;export{i as TitleStandAlone};

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

@@ -0,0 +1 @@
+export {  TextArea  } from './textArea.js';

package/dist/esm/components/textArea/textArea.js

@@ -0,0 +1,2 @@
+import{j as e}from"../../_virtual/jsx-runtime.js";import{forwardRef as t,useState as o}from"react";import{useClassName as s}from"../../lib/hooks/useClassName/useClassName.js";import{TextAreaStandAlone as r}from"./textAreaStandAlone.js";import{getState as a}from"./utils/state.utils.js";const n=t(function({additionalClasses:t,disabled:n=!1,error:l=!1,labelInsideTextArea:i=!1,onBlur:m,onFocus:u,value:d,variant:p,...y},c){const f=s({additionalClassNames:t,component:"TEXT_AREA",variant:p}),[x,v]=o(!1);/* @__PURE__ */
+return e.jsx(r,{ref:c,cssClasses:f,state:a(n,l,d,x),value:d,onBlur:e=>{if(i){const t=e?.target,o=t?.parentElement;t&&o&&(o.style.removeProperty("outline"),o.style.removeProperty("boxShadow"),t.style.removeProperty("outline"),t.style.removeProperty("boxShadow"))}v(!1),m?.(e)},onFocus:e=>{if(i){const t=e?.target,o=t?.parentElement;if(t&&o){const e=window.getComputedStyle(t);o.style.outline=e.outline,o.style.boxShadow=e.boxShadow,t.style.outline="none",t.style.boxShadow="none"}}v(!0),u?.(e)},...y})});export{n as TextArea};

package/dist/esm/components/textArea/textAreaStandAlone.js

@@ -0,0 +1,12 @@
+import{j as e}from"../../_virtual/jsx-runtime.js";import{forwardRef as t}from"react";import{LabelStandAlone as s}from"../label/labelStandAlone.js";import{RenderIf as r}from"../renderIf/renderIf.js";import{useId as o}from"../../lib/hooks/useId/useId.js";import{STATES as a}from"../../lib/types/states/states.js";import{pickCustomAttributes as i}from"../../lib/utils/pickCustomAttributes/pickCustomAttributes.js";import{processText as n}from"../../lib/utils/process/processText/processText.js";import{ErrorStandAlone as l}from"./components/errorStandAlone.js";import{HelpMessageStandAlone as c}from"./components/helpMessageStandAlone.js";import{TextCount as d}from"./components/textCount/textCount.js";import{TitleStandAlone as m}from"./components/titleStandAlone.js";import{buildAriaDescribedBy as u}from"./utils/aria.utils.js";const x=t(({additionalInfo:t,counterVariant:x,cssClasses:p,errorAriaLiveType:h="assertive",errorIcon:j,errorMessage:b,height:f,helpMessage:g,id:C,label:A,labelInsideTextArea:I,maxLength:v,onBlur:T,onChange:y,onFocus:E,placeholder:L,required:k,screenReaderTextCount:M,spellCheck:B,state:D,title:N,value:S,..._},q)=>{const F=o("textArea"),$=C??F,H=`${$}HelpText`,R=`${$}Error`,w=`${$}TextCount`,K=i({"data-state":D}),P=[a.DISABLED_EMPTY,a.DISABLED_FILLED].includes(D);/* @__PURE__ */
+return e.jsxs("div",{ref:q,className:p?.text_area,"data-testid":"text-area",...K,...i(_),children:[
+/* @__PURE__ */e.jsx(m,{cssClasses:p,customAttributtes:K,title:N}),
+/* @__PURE__ */e.jsxs("div",{className:p?.labeltextareacontainer,role:"button",style:{height:I?f:void 0},tabIndex:0,onClick:()=>document.getElementById($)?.focus(),onKeyDown:e=>{"Enter"===e.key&&document.getElementById($)?.focus()},children:[
+/* @__PURE__ */e.jsxs("div",{className:p?.labelandadditionalinfocontainer,children:[
+/* @__PURE__ */e.jsx(s,{asteriskCssClasses:p?.required,customAttributes:K,inputId:$,required:k,textCssClasses:p?.label,...n(A),children:n(A).children}),t]}),
+/* @__PURE__ */e.jsx("textarea",{"aria-describedby":u({errorMessage:n(b).children,helpMessage:n(g).children,state:D,textAreaErrorId:R,textAreaHelpTextId:H}),className:p?.textarea,disabled:P,id:$,maxLength:v,placeholder:L,required:k,spellCheck:B,style:{height:f||void 0},value:S,onBlur:T,onChange:y,onFocus:E,...K,children:S})]}),
+/* @__PURE__ */e.jsxs("div",{className:p?.bottomcontainer,...K,children:[
+/* @__PURE__ */e.jsxs("div",{className:p?.helpmessageerrorcontainer,...K,children:[
+/* @__PURE__ */e.jsx(l,{cssClasses:p,customAttributtes:K,errorAriaLiveType:h,errorIcon:j,errorMessage:b,id:R,state:D}),
+/* @__PURE__ */e.jsx(c,{cssClasses:p,customAttributtes:K,helpMessage:g,id:H})]}),
+/* @__PURE__ */e.jsx(r,{condition:!!x,children:/* @__PURE__ */e.jsx(d,{additionalClasses:{letftext:p?.counterleft,righttext:p?.counterright,text_count:p?.counter},currentCharacters:S?.length??0,id:w,maxLength:v,screenReaderText:M,variant:x})})]})]})});export{x as TextAreaStandAlone};

package/dist/esm/components/textArea/utils/aria.utils.js

@@ -0,0 +1 @@
+import{STATES as e}from"../../../lib/types/states/states.js";const t=({errorMessage:t,helpMessage:r,state:s,textAreaErrorId:a,textAreaHelpTextId:o})=>{let p="";return r&&(p+=` ${o}`),t&&s===e.ERROR&&(p+=` ${a}`),p};export{t as buildAriaDescribedBy};

package/dist/esm/components/textArea/utils/state.utils.js

@@ -0,0 +1 @@
+import{STATES as t}from"../../../lib/types/states/states.js";const E=(E,s,e,D)=>{let L;return L=E&&e?t.DISABLED_FILLED:E?t.DISABLED_EMPTY:s?t.ERROR:e?t.FILLED:D?t.ACTIVE:t.EMPTY,L};export{E as getState};

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

@@ -0,0 +1,4 @@
+export * from './types.js';
+export {  ToggleControlled  } from './toggleControlled.js';
+export {  ToggleStandalone  } from './toggleStandAlone.js';
+export {  ToggleUncontrolled  } from './toggleUnControlled.js';

package/dist/esm/components/toggle/toggleControlled.js

@@ -0,0 +1,2 @@
+import{j as s}from"../../_virtual/jsx-runtime.js";import{forwardRef as o}from"react";import{useClassName as a}from"../../lib/hooks/useClassName/useClassName.js";import{ToggleStandalone as e}from"./toggleStandAlone.js";const t=o(({additionalVariantClasses:o,checked:t,onClick:r,onToggle:l,variant:n,...i},m)=>{const c=a({additionalClassNames:o,component:"TOGGLE",variant:n});/* @__PURE__ */
+return s.jsx(e,{...i,ref:m,checked:t,cssClasses:c,onClick:s=>{const o=!t;l?.(o),r?.(s)}})});t.displayName="ToggleControlled";export{t as ToggleControlled};

package/dist/esm/components/toggle/toggleStandAlone.js

@@ -0,0 +1,4 @@
+import{j as e}from"../../_virtual/jsx-runtime.js";import{forwardRef as o,useRef as t,useImperativeHandle as a}from"react";import{ElementOrIcon as s}from"../elementOrIcon/elementOrIcon.js";import{CustomComponent as i}from"../../lib/components/customComponent/customComponent.js";import{pickCustomAttributes as n}from"../../lib/utils/pickCustomAttributes/pickCustomAttributes.js";import{processIcon as r}from"../../lib/utils/process/processIcon/processIcon.js";import{buildComponentProps as c}from"./utils/buildComponentProps.js";import{useToggleTransform as l}from"./utils/thumbTransformCalculations.js";const d=({checked:o=!1,component:d="button",cssClasses:m,dataTestId:u="toggle",disabled:b=!1,id:p,leftIcon:f,name:j,onBlur:h,onClick:v,onFocus:y,onKeyDown:k,onMouseEnter:x,onMouseLeave:C,rightIcon:I,tabIndex:N,value:g,...w},M)=>{const A=o&&!!I,T=!o&&!!f,B="button"!==d,D=t(null),E=t(null),{transform:F}=l({checked:o,thumbRef:E,trackRef:D});a(M,()=>D.current,[]);const K=n(w),L=c({"aria-describedby":w["aria-describedby"],"aria-label":w["aria-label"],"aria-labelledby":w["aria-labelledby"],checked:o,decorative:B,disabled:b,id:p,name:j,onBlur:h,onClick:v,onFocus:y,onKeyDown:k,onMouseEnter:x,onMouseLeave:C,tabIndex:N,value:g});/* @__PURE__ */
+return e.jsx(i,{...K,...L,ref:D,className:m?.track,component:d,"data-checked":!!o||void 0,"data-disabled":!!b||void 0,"data-testid":u,children:/* @__PURE__ */e.jsxs("span",{ref:E,className:m?.thumb,"data-checked":!!o||void 0,"data-disabled":!!b||void 0,style:{transform:F},children:[
+/* @__PURE__ */e.jsx("div",{className:m?.iconwrapper,"data-testid":`${u}-right-icon`,style:{opacity:A?1:0},children:/* @__PURE__ */e.jsx(s,{className:m?.icon,"data-disabled":!!b||void 0,...r(I)})}),
+/* @__PURE__ */e.jsx("div",{className:m?.iconwrapper,"data-testid":`${u}-left-icon`,style:{opacity:T?1:0},children:/* @__PURE__ */e.jsx(s,{className:m?.icon,"data-disabled":!!b||void 0,...r(f)})})]})})};d.displayName="ToggleStandAlone";const m=o(d);export{m as ToggleStandalone};

package/dist/esm/components/toggle/toggleUnControlled.js

@@ -0,0 +1,2 @@
+import{j as o}from"../../_virtual/jsx-runtime.js";import{forwardRef as e,useState as r}from"react";import{ToggleControlled as t}from"./toggleControlled.js";const l=e(({defaultChecked:e=!1,onToggle:l,variant:n,...a},g)=>{const[i,m]=r(e);/* @__PURE__ */
+return o.jsx(t,{...a,ref:g,checked:i,variant:n,onToggle:o=>{m(o),l?.(o)}})});l.displayName="ToggleUncontrolled";export{l as ToggleUncontrolled};

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

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

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

@@ -0,0 +1 @@
+import{useState as t,useEffect as e}from"react";const r=({checked:r,thumbRef:d,trackRef:n})=>{const[a,i]=t("translateX(0px)");return e(()=>{if(n.current&&d.current){const t=window.getComputedStyle(n.current),e=window.getComputedStyle(d.current),a=(({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:r,thumbStyles:e,trackStyles:t});i(a)}},[r]),{transform:a}};export{r as useToggleTransform};

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

@@ -0,0 +1 @@
+import{j as o}from"../../../_virtual/jsx-runtime.js";const e=({ariaDescribedBy:e,children:n,childrenAsButton:t,disabled:r,onClick:i,onKeyDown:s,onMouseDown:a,onMouseUp:l,triggerAsButton:d})=>t?/* @__PURE__ */o.jsx("button",{"aria-describedby":e,"aria-disabled":r,className:"kbt-tooltip__trigger-wrapper ",...d,disabled:r,type:"button",onClick:i,onKeyDown:s,onMouseDown:a,onMouseUp:l,children:n}):/* @__PURE__ */o.jsx("div",{className:"kbt-tooltip__trigger-wrapper ",role:"button",tabIndex:0,onClick:i,onKeyDown:s,onMouseDown:a,onMouseUp:l,children:n});export{e as TooltipTrigger};

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

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

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

@@ -0,0 +1 @@
+import{useMemo as o}from"react";const t=({propTooltipAsModal:t,styleTooltipAsModal:p})=>o(()=>t??p??!1,[t,p]);export{t as useTooltipAsModal};

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

@@ -0,0 +1 @@
+import{useState as r,useEffect as t}from"react";const e=e=>{const[n,o]=r(void 0);return t(()=>{e.current&&o(e.current.innerText)}),n};export{e as useTooltipAsModalAriaLabel};

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

@@ -0,0 +1,2 @@
+export {  TooltipControlled  } from './tooltipControlled.js';
+export {  Tooltip  } from './tooltipUnControlled.js';

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

@@ -0,0 +1 @@
+import{computePosition as t}from"@floating-ui/dom";const e=async(e,a,o)=>{const{middleware:r=[],placement:m="top",strategy:i="fixed"}=o,d=m||"top",n=await t(e,a,{middleware:r,placement:d,strategy:i}),p=n.placement||"top";return{middlewareData:n.middlewareData,placement:p,strategy:n.strategy,x:n.x,y:n.y}};export{e as computePosition};

package/dist/esm/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/esm/components/tooltip/tooltipControlled.js

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

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

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

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

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

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

@@ -0,0 +1 @@
+const t=({contentId:t,hasContent:n,hasTitle:e,titleId:o})=>{const i=[e&&o,n&&t].filter(Boolean);return i.length>0?i.join(" ").trim():void 0};export{t as getAriaDescriptorsBy};

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

@@ -0,0 +1,2 @@
+import{j as t}from"../../../_virtual/jsx-runtime.js";import{Text as s}from"../../text/text.js";import{pickCustomAttributes as i}from"../../../lib/utils/pickCustomAttributes/pickCustomAttributes.js";const o=({cssClasses:o,digit:e,onClick:n,...r})=>{const a=r["data-testid"]||"digit-button",d=i(r);/* @__PURE__ */
+return t.jsx("button",{className:o?.digitbuttons,"data-testid":a,type:"button",onClick:t=>{n(e,t)},...d,children:/* @__PURE__ */t.jsx(s,{additionalClasses:{text:o?.digittext},component:"span",children:e})})};export{o as DigitButton};

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

@@ -0,0 +1 @@
+export {  VirtualKeyboard  } from './virtualKeyboard.js';

package/dist/esm/components/virtualKeyboard/virtualKeyboard.js

@@ -0,0 +1,2 @@
+import{j as s}from"../../_virtual/jsx-runtime.js";import{forwardRef as a,useState as t}from"react";import{useClassName as r}from"../../lib/hooks/useClassName/useClassName.js";import{STATES as o}from"../../lib/types/states/states.js";import{VirtualKeyboardStandAlone as e}from"./virtualKeyboardStandAlone.js";const i=a(({additionalClasses:a,variant:i,...n},l)=>{const m=r({additionalClassNames:a,component:"VIRTUAL_KEYBOARD",variant:i}),[u,d]=t(o.INACTIVE);/* @__PURE__ */
+return s.jsx(e,{...n,ref:l,cssClasses:m,state:u,onVirtualKeyboardBlur:s=>{s.currentTarget.contains(s.relatedTarget)||d(o.INACTIVE)},onVirtualKeyboardFocus:()=>{d(o.ACTIVE)}})});export{i as VirtualKeyboard};

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

@@ -0,0 +1,4 @@
+import{j as t}from"../../_virtual/jsx-runtime.js";import{forwardRef as s}from"react";import{useId as o}from"../../lib/hooks/useId/useId.js";import{STATES as i}from"../../lib/types/states/states.js";import{pickCustomAttributes as e}from"../../lib/utils/pickCustomAttributes/pickCustomAttributes.js";import{ElementOrIcon as r}from"../elementOrIcon/elementOrIcon.js";import{DigitButton as a}from"./components/digitButton.js";const n=s(({cssClasses:s,digits:n,icon:l,id:m,onDigitButtonClick:u,onRemoveButtonClick:c,onVirtualKeyboardBlur:d,onVirtualKeyboardFocus:p,state:b,...j},C)=>{const I=o("virtualKeyboard"),k=m??I,f={[i.ACTIVE]:b===i.ACTIVE,[i.INACTIVE]:b===i.INACTIVE},v=j["data-testid"]||"virtual-keyboard";/* @__PURE__ */
+return t.jsxs("div",{ref:C,className:s?.virtual_keyboard,"data-testid":v,id:k,role:"presentation",onBlur:d,onFocus:p,...e(f),children:[
+/* @__PURE__ */t.jsx("div",{className:s?.digitwrapper,...e(f),children:n?.map((o,i)=>/* @__PURE__ */t.jsx(a,{cssClasses:s,"data-testid":`${v}-digit-button-${i}`,digit:o,onClick:u},o))}),
+/* @__PURE__ */t.jsx("button",{className:s?.removebutton,type:"button",onClick:c,children:/* @__PURE__ */t.jsx(r,{className:s?.iconcontainer,customAttributes:f,...l})})]})});export{n as VirtualKeyboardStandAlone};

package/dist/esm/index.js

@@ -0,0 +1 @@
+import{AccordionControlled as o}from"./components/accordion/accordionControlled.js";import{Accordion as t}from"./components/accordion/accordionUnControlled.js";import{Avatar as r}from"./components/avatar/avatar.js";import{Badge as e}from"./components/badge/badge.js";import{BreadCrumbs as n}from"./components/breadcrumbs/breadcrumbs.js";import{Button as m}from"./components/button/button.js";import{Calendar as s}from"./components/calendar/calendar.js";import{CardImage as p}from"./components/cardImage/cardImage.js";import{Carousel as i}from"./components/carousel/carousel.js";import{CAROUSEL_BUILD_SCREEN_READER_CURRENT_PAGE_KEY as a,CAROUSEL_BUILD_SCREEN_READER_NUM_PAGES_KEY as c}from"./components/carousel/types/carousel.js";import{CheckboxControlled as l}from"./components/checkbox/checkboxControlled.js";import{CheckboxUnControlled as d}from"./components/checkbox/checkboxUnControlled.js";import{CheckboxBaseControlled as f}from"./components/checkboxBase/checkboxBaseControlled.js";import{CheckboxBaseUnControlled as j}from"./components/checkboxBase/checkboxBaseUncontrolled.js";import{Chip as b}from"./components/chip/chip.js";import{Container as u}from"./components/container/container.js";import{DataTable as g}from"./components/dataTable/dataTable.js";import{Dot as v}from"./components/dot/dot.js";import{DropdownSelectedControlled as C}from"./components/dropdownSelected/dropdownSelectedControlled.js";import{DropdownSelectedUnControlled as k}from"./components/dropdownSelected/dropdownSelectedUncontrolled.js";import{IconBasic as B}from"./components/icon/icon.js";import{IconHost as x}from"./components/icon/iconHost.js";import{Image as S}from"./components/image/image.js";import{Input as h}from"./components/input/input.js";import{InputBase as U}from"./components/inputBase/inputBase.js";import{InputDecoration as A}from"./components/inputDecoration/inputDecoration.js";import{InputSignatureControlled as M}from"./components/inputSignature/inputSignatureControlled.js";import{InputSignatureUnControlled as P}from"./components/inputSignature/inputSignatureUncontrolled.js";import{LabelStandAlone as w}from"./components/label/labelStandAlone.js";import{Link as W}from"./components/link/link.js";import{LinkAsButton as y}from"./components/link/linkAsButton/linkAsButton.js";import{ListOptions as D}from"./components/listOptions/listOptions.js";import{MessageControlled as F}from"./components/message/messageControlled.js";import{MessageUnControlled as H}from"./components/message/messageUnControlled.js";import{ModalControlled as I}from"./components/modal/modalControlled.js";import{ModalUnControlled as T}from"./components/modal/modalUnControlled.js";import{NabVar as O}from"./components/navBar/navBar.js";import{Option as K}from"./components/option/option.js";import{PageControl as N}from"./components/pageControl/pageControl.js";import{Pagination as R}from"./components/pagination/pagination.js";import{Popover as z}from"./components/popover/popover.js";import{arrow as L,autoPlacement as q,flip as E,hide as G,offset as J,shift as Q,size as V}from"@floating-ui/dom";import{ProgressBar as X}from"./components/progressBar/progressBar.js";import{RadioButton as Y}from"./components/radioButton/radioButton.js";import{RadioButtonStandAlone as Z}from"./components/radioButton/radioButtonStandAlone.js";import{SelectorBoxFile as $}from"./components/selectorBoxFile/selectorBoxFile.js";import{Skeleton as _}from"./components/skeleton/skeleton.js";import{Slider as oo}from"./components/slider/slider.js";import{Snackbar as to}from"./components/snackbar/snackbar.js";import{StepperNumber as ro}from"./components/stepperNumber/stepperNumber.js";import{Table as eo}from"./components/table/table.js";import{TableCaption as no}from"./components/tableCaption/tableCaption.js";import{TableCell as mo}from"./components/tableCell/tableCell.js";import{TableDivider as so}from"./components/tableDivider/tableDivider.js";import{TableFoot as po}from"./components/tableFoot/tableFoot.js";import{TableHead as io}from"./components/tableHead/tableHead.js";import{TableRow as ao}from"./components/tableRow/tableRow.js";import{TabsControlled as co}from"./components/tabs/tabsControlled.js";import{TabsUnControlled as lo}from"./components/tabs/tabsUnControlled.js";import{Tag as fo}from"./components/tag/tag.js";import{Text as jo}from"./components/text/text.js";import{TextArea as bo}from"./components/textArea/textArea.js";import{ToggleControlled as uo}from"./components/toggle/toggleControlled.js";import{ToggleStandalone as go}from"./components/toggle/toggleStandAlone.js";import{ToggleUncontrolled as vo}from"./components/toggle/toggleUnControlled.js";import{TooltipControlled as Co}from"./components/tooltip/tooltipControlled.js";import{TooltipUnControlled as ko}from"./components/tooltip/tooltipUnControlled.js";import{VirtualKeyboard as Bo}from"./components/virtualKeyboard/virtualKeyboard.js";import{GenericComponentContext as xo,GenericComponentsProvider as So,useGenericComponents as ho}from"./lib/provider/genericComponentsProvider/genericComponentsProvider.js";import{KubitProvider as Uo}from"./lib/provider/kubitProvider/kubitProvider.js";import{StylesContext as Ao,StylesProvider as Mo,useStylesContext as Po}from"./lib/provider/stylesProvider/stylesProvider.js";import{UtilsContext as wo,UtilsProvider as Wo,useUtilsProvider as yo}from"./lib/provider/utilsProvider/utilsProvider.js";export{t as Accordion,o as AccordionControlled,r as Avatar,e as Badge,n as BreadCrumbs,m as Button,a as CAROUSEL_BUILD_SCREEN_READER_CURRENT_PAGE_KEY,c as CAROUSEL_BUILD_SCREEN_READER_NUM_PAGES_KEY,s as Calendar,p as CardImage,i as Carousel,d as Checkbox,j as CheckboxBase,f as CheckboxBaseControlled,l as CheckboxControlled,b as Chip,u as Container,g as DataTable,v as Dot,k as DropdownSelected,C as DropdownSelectedControlled,xo as GenericComponentContext,So as GenericComponentsProvider,x as Icon,B as IconBasic,S as Image,h as Input,U as InputBase,A as InputDecoration,P as InputSignature,M as InputSignatureControlled,Uo as KubitProvider,w as Label,W as Link,y as LinkAsButton,D as ListOptions,H as Message,F as MessageControlled,T as Modal,I as ModalControlled,O as NabVar,K as Option,N as PageControl,R as Pagination,z as Popover,X as ProgressBar,Y as RadioButton,Z as RadioButtonStandAlone,$ as SelectorBoxFile,_ as Skeleton,oo as Slider,to as Snackbar,ro as StepperNumber,Ao as StylesContext,Mo as StylesProvider,eo as Table,no as TableCaption,mo as TableCell,so as TableDivider,po as TableFoot,io as TableHead,ao as TableRow,lo as Tabs,co as TabsControlled,fo as Tag,jo as Text,bo as TextArea,uo as ToggleControlled,go as ToggleStandalone,vo as ToggleUncontrolled,ko as Tooltip,Co as TooltipControlled,wo as UtilsContext,Wo as UtilsProvider,Bo as VirtualKeyboard,L as popoverMWArrow,q as popoverMWAutoPlacement,E as popoverMWFlip,G as popoverMWHide,J as popoverMWOffset,Q as popoverMWShift,V as popoverMWSize,ho as useGenericComponents,Po as useStylesContext,yo as useUtilsProvider};

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

@@ -0,0 +1,2 @@
+import{j as r}from"../../../_virtual/jsx-runtime.js";import{forwardRef as s}from"react";const e=s(({children:s,className:e,component:t,...n},o)=>{const a=t||"span";/* @__PURE__ */
+return r.jsx(a,{ref:o,className:e,...n,children:s})});export{e as CustomComponent};

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

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

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

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

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

@@ -0,0 +1 @@
+const e={code:"Tab",key:"Tab"},o={key:"Enter"},r={key:["Escape","Esc"]},w={key:" "},c={code:"PageUp"},k={code:"PageDown"},y={code:"ArrowLeft",key:"ArrowLeft"},d={code:"ArrowUp",key:"ArrowUp"},A={code:"ArrowRight",key:"ArrowRight"},t={code:"ArrowDown",key:"ArrowDown"},n={key:"Home"},a={key:"End"};export{t as ARROW_DOWN,y as ARROW_LEFT,A as ARROW_RIGHT,d as ARROW_UP,a as END,o as ENTER,r as ESCAPE,n as HOME,k as PAGE_DOWN,c as PAGE_UP,w as SPACE,e as TAB};