@kubit-ui-web/react-components 2.0.0-beta.20 → 2.0.0-beta.22

package/dist/esm/components/slider/components/sliderThumbStandAlone.js

@@ -1 +1 @@
-import{j as o}from"../../../_virtual/jsx-runtime.js";import{TooltipUnControlled as e}from"../../tooltip/tooltipUnControlled.js";import{ElementOrIcon as a}from"../../../lib/components/elementOrIcon/elementOrIcon.js";import{useMediaDevice as t}from"../../../lib/hooks/useMediaDevice/useMediaDevice.js";import{pickCustomAttributes as i}from"../../../lib/utils/pickCustomAttributes/pickCustomAttributes.js";import{isTooltipVisible as s}from"../utils/ui.utils.js";const l=({ariaDescribedBy:l,ariaLabel:r,ariaLabelBy:n,cssClasses:d,customAttributes:c,disabled:u,hover:m,icon:b,max:p,min:h,onFocus:v,onKeyDown:j,onMouseOut:x,onMouseOver:y,onTouchStart:I,pressed:M,rightThumb:O,style:A,tooltip:f,tooltipAlign:C="top",value:D,...g})=>{const w=t(),B=i({...g,...c}),N=i(c);return s(f,M,w)&&d?.tooltip?/* @__PURE__ */o.jsx("div",{"data-disabled":u,"data-hover":m,"data-pressed":M,role:"presentation",style:A,...B,className:d?.thumb,children:/* @__PURE__ */o.jsx(e,{additionalClasses:d?.tooltip,align:C,childrenAsButton:!1,closeIcon:f?.closeIcon?{"aria-label":f.closeIconAriaLabel,color:f.closeIconColor,icon:f.closeIcon}:void 0,content:{content:f?.content},title:{content:f?.title},tooltipAsModal:!1,children:/* @__PURE__ */o.jsx("div",{"aria-describedby":l,"aria-disabled":u,"aria-label":r,"aria-labelledby":n,"aria-valuemax":p,"aria-valuemin":h,"aria-valuenow":D,className:d.innerthumbtooltip,"data-disabled":u,"data-hover":m,"data-pressed":M,role:"slider",tabIndex:0,onBlur:x,onFocus:v,onKeyDown:j,onMouseOut:x,onMouseOver:y,onTouchStart:I,...N,children:/* @__PURE__ */o.jsx(a,{className:O?d?.rightthumbicon:d?.thumbicon,...b})})})}):/* @__PURE__ */o.jsx("div",{"aria-describedby":l,"aria-disabled":u,"aria-label":r,"aria-labelledby":n,"aria-valuemax":p,"aria-valuemin":h,"aria-valuenow":D,className:d?.thumb,"data-disabled":u,"data-hover":m,"data-position":O?"right":void 0,"data-pressed":M,role:"slider",style:A,tabIndex:0,onBlur:x,onFocus:v,onKeyDown:j,onMouseOut:x,onMouseOver:y,onTouchStart:I,...B,children:/* @__PURE__ */o.jsx(a,{className:d?.thumbicon,...b})})};export{l as SliderThumbStandAlone};
+import{j as a}from"../../../_virtual/jsx-runtime.js";import{TooltipUnControlled as e}from"../../tooltip/tooltipUnControlled.js";import{ElementOrIcon as o}from"../../../lib/components/elementOrIcon/elementOrIcon.js";import{useMediaDevice as t}from"../../../lib/hooks/useMediaDevice/useMediaDevice.js";import{pickCustomAttributes as i}from"../../../lib/utils/pickCustomAttributes/pickCustomAttributes.js";import{isTooltipVisible as s}from"../utils/ui.utils.js";const r=({ariaDescribedBy:r,ariaLabel:l,ariaLabelBy:n,cssClasses:d,customAttributes:u,disabled:c,hover:m,icon:b,max:p,min:h,onFocus:v,onKeyDown:j,onMouseOut:x,onMouseOver:y,onTouchStart:M,pressed:O,rightThumb:f,style:A,tooltip:D,tooltipAlign:g="top",value:w,...B})=>{const C=t(),N=i({...B,...u}),I=i(u);return s(D,O,C)&&d?.tooltip?/* @__PURE__ */a.jsx("div",{"data-disabled":c,"data-hover":m,"data-pressed":O,role:"presentation",style:A,...N,className:d?.thumb,children:/* @__PURE__ */a.jsx(e,{additionalClasses:d?.tooltip,align:g,childrenAsButton:!1,content:{content:D?.content},tooltipAsModal:!1,children:/* @__PURE__ */a.jsx("div",{"aria-describedby":r,"aria-disabled":c,"aria-label":l,"aria-labelledby":n,"aria-valuemax":p,"aria-valuemin":h,"aria-valuenow":w,className:d.innerthumbtooltip,"data-disabled":c,"data-hover":m,"data-pressed":O,role:"slider",tabIndex:0,onBlur:x,onFocus:v,onKeyDown:j,onMouseOut:x,onMouseOver:y,onTouchStart:M,...I,children:/* @__PURE__ */a.jsx(o,{className:f?d?.rightthumbicon:d?.thumbicon,...b})})})}):/* @__PURE__ */a.jsx("div",{"aria-describedby":r,"aria-disabled":c,"aria-label":l,"aria-labelledby":n,"aria-valuemax":p,"aria-valuemin":h,"aria-valuenow":w,className:d?.thumb,"data-disabled":c,"data-hover":m,"data-position":f?"right":void 0,"data-pressed":O,role:"slider",style:A,tabIndex:0,onBlur:x,onFocus:v,onKeyDown:j,onMouseOut:x,onMouseOver:y,onTouchStart:M,...N,children:/* @__PURE__ */a.jsx(o,{className:d?.thumbicon,...b})})};export{r as SliderThumbStandAlone};

package/dist/esm/components/tooltip/tooltip.css

@@ -1 +1 @@
-.kbt-tooltip{display:inline-block}.kbt-tooltip__trigger-wrapper{align-items:center;background:none;border:none;display:flex;justify-content:center;min-height:1.5rem;min-width:1.5rem;padding:0}.kbt-tooltip__external-container{display:flex}.kbt-tooltip__header-content{align-items:flex-start;display:flex}.kbt-tooltip__close-icon{align-self:flex-end;display:flex;justify-content:flex-end}.kbt-tooltip__paragraph,.kbt-tooltip__title{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{left:100%;top:50%;transform:translateY(-50%)}.kbt-tooltip__arrow--bottom{left:50%;top:100%;transform:translateX(-50%)}.kbt-tooltip__arrow--left{right:100%;top:50%;transform:translateY(-50%)}
+.kbt-tooltip{display:inline-block}.kbt-tooltip__trigger-wrapper{align-items:center;background:none;border:none;display:flex;justify-content:center;min-height:1.5rem;min-width:1.5rem;padding:0}.kbt-tooltip__external-container{display:flex}.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{left:100%;top:50%;transform:translateY(-50%)}.kbt-tooltip__arrow--bottom{left:50%;top:100%;transform:translateX(-50%)}.kbt-tooltip__arrow--left{right:100%;top:50%;transform:translateY(-50%)}

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

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

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

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

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

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

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

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

package/dist/esm/index.js

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