@kubit-ui-web/react-components 2.0.0-beta.23 → 2.0.0-beta.24

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

@@ -1,6 +1,6 @@
-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};
+import{jsx as o,jsxs as t}from"react/jsx-runtime";/* empty css           */import{useId as e}from"react";import{Text as i}from"../text/text.js";import{useActiveBreakpoints as r}from"../../lib/hooks/useMediaDevice/useActiveBreakpoints.js";import{POSITIONS as l}from"../../lib/types/positions/positions.js";import{classNames as a}from"../../lib/utils/classNames/classNames.js";import{pickCustomAttributes as s}from"../../lib/utils/pickCustomAttributes/pickCustomAttributes.js";import{processTextProp as n}from"../../lib/utils/process/processCommonProp.js";import{Popover as p}from"../popover/popover.js";import{TooltipTrigger as d}from"./components/tooltipTrigger.js";import{getAriaDescriptorsBy as c}from"./utils/tooltip.utils.js";const m=({align:m,children:b,childrenAsButton:v=!0,content:u,contentHasScroll:g,contentRef:h,contentScrollArias:f,cssClasses:k,disabled:y,labelRef:C,mediaDevice:A,onPopoverCloseInternally:j,onTooltipFocus:w,onTooltipKeyDown:D,onTriggerClick:T,onTriggerKeyDown:N,onTriggerMouseDown:x,onTriggerMouseUp:_,popover:B,popoverOpen:M,tooltipAriaLabel:F,tooltipAsModal:I,tooltipRef:K,triggerAsButton:O,...P})=>{const R=P["data-testid"]||"tooltip",$=s(P),S=`tooltip-${e().replace(/:/g,"")}`,U=`${S}-content`,z=n(u),E="string"==typeof z.children,{isDesktop:H,isTablet:L}=r(),q=H||L;if(y)/* @__PURE__ */
+return o("div",{className:"kbt-tooltip","data-testid":R,children:/* @__PURE__ */o(d,{childrenAsButton:v,disabled:!0,children:b})});const G=c({contentId:U,hasContent:!!u,hasTitle:!1,titleId:""}),J={"data-align":m||l.TOP},Q=s(J),V=/* @__PURE__ */t("div",{ref:K,"aria-label":q?F:void 0,"aria-labelledby":void 0,"aria-modal":!(!q||!I)||void 0,className:a("kbt-tooltip__external-container",k?.tooltipexternalcontainer),"data-testid":`${R}-content`,id:S,role:q?I?"dialog":"tooltip":void 0,...q&&{onFocus:w,onKeyDown:D},...$,children:[
+/* @__PURE__ */o("div",{className:k?.tooltipinternalcontainer,children:/* @__PURE__ */o("div",{ref:h,"aria-label":g?f?.["aria-label"]:void 0,"aria-labelledby":g?f?.["aria-labelledby"]:void 0,className:"kbt-tooltip__inner-content",role:g?"region":void 0,...g&&{tabIndex:0},children:!!u&&/* @__PURE__ */o("div",{className:a("kbt-tooltip__paragraph",k?.paragraphcontainer),id:U,children:E?/* @__PURE__ */o(i,{additionalClasses:{text:k?.paragraph},...z}):z.children})})}),
+/* @__PURE__ */o("div",{...Q,className:a("kbt-tooltip__arrow",k?.arrowsize,k?.tooltipalignstyles,k?.arrowcontainer),children:/* @__PURE__ */o("div",{className:k?.arrow})})]});/* @__PURE__ */
+return t("div",{ref:C,className:"kbt-tooltip","data-testid":R,children:[
+/* @__PURE__ */o(d,{ariaDescribedBy:I||!q&&!M?void 0:G,childrenAsButton:v,triggerAsButton:O,onClick:T,onKeyDown:N,onMouseDown:x,onMouseUp:_,children:b}),q?V:/* @__PURE__ */o(p,{additionalClasses:k?.popover?{arrow:"",popover:k.popover.popover||""}:void 0,"aria-label":B?.["aria-label"]||F,"aria-labelledby":void 0,"aria-modal":I||void 0,component:"div",disableAutoFocusFirstDescendantAfterClose:!0,disableTrapFocus:!1,open:M,preventCloseOnClickElements:[C?.current],role:I?"dialog":"tooltip",strategy:"absolute",onClose:j,...B,children:V})]})};export{m 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 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};
+import{jsx as o}from"react/jsx-runtime";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 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 d}from"./tooltipStandAlone.js";const f=e(function({additionalClasses:e,align:f,onOpenClose:T,popover:v,tooltipAriaLabel:b,tooltipAsModal:g,variant:k,...C},D){const M=i({additionalClassNames:e,component:"TOOLTIP",variant:k}),{device:h,isDesktop:j,isMobile:y,isTablet:A}=l(),w=j||A,S=t(null),F=t(null),R=m({propTooltipAsModal:g,styleTooltipAsModal:g});r(D,()=>S.current);const{allowFocusOpenTooltip:O,hideTooltip:L,open:P,placement:W,showTooltip:K}=u({additionalClasses:e,align:f||"top",labelRef:S,onOpenClose:T,tooltipAsModal:R,tooltipRef:F,variant:k}),{handleScrollDetection:N,hasScroll:x}=n({autoFocus:!0}),B=t(!1),{setPopoverRef:I}=a({onClose:L});return p({ref:F,trapFocus:P&&R}),/* @__PURE__ */o(d,{...C,align:W,contentHasScroll:x,contentRef:N,cssClasses:M,labelRef:S,mediaDevice:h,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 K()}P?F.current?.contains(o.target)||L():K()},onTriggerKeyDown:o=>{c(o.key,s.key)&&!P&&(K(),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||K()},onWrapperMouseEnter:()=>{!R&&w&&K()},onWrapperMouseLeave:()=>{!R&&w&&L()}})});export{f as Tooltip,f as TooltipUnControlled};

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

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

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

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

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

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

@@ -1,2 +1,2 @@
-import{j as e}from"../../../_virtual/jsx-runtime.js";import{forwardRef as s}from"react";const r=s(({children:s,className:r,component:t,...c},n)=>{const o=t||"span",a=["middlewareOptions","pressEscapeClose","onSelectItem","ariaDisabled","focus","index"],i="string"==typeof o?Object.keys(c).reduce((e,s)=>(a.includes(s)||(e[s]=c[s]),e),{}):c;/* @__PURE__ */
-return e.jsx(o,{ref:n,className:r,...i,children:s})});export{r as CustomComponent};
+import{jsx as e}from"react/jsx-runtime";import{forwardRef as r}from"react";const s=r(({children:r,className:s,component:t,...c},n)=>{const o=t||"span",a=["middlewareOptions","pressEscapeClose","onSelectItem","ariaDisabled","focus","index"],i="string"==typeof o?Object.keys(c).reduce((e,r)=>(a.includes(r)||(e[r]=c[r]),e),{}):c;/* @__PURE__ */
+return e(o,{ref:n,className:s,...i,children:r})});export{s as CustomComponent};

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

@@ -1 +1 @@
-import{j as o}from"../../../_virtual/jsx-runtime.js";import{forwardRef as n,isValidElement as i}from"react";import{IconBasic as r}from"../../../components/icon/icon.js";import{IconHost as t}from"../../../components/icon/iconHost.js";const s=n(({basic:n=!1,icon:s,...c},m)=>s?"string"==typeof s?n?/* @__PURE__ */o.jsx(r,{...c,ref:m,icon:s}):/* @__PURE__ */o.jsx(t,{...c,ref:m,icon:s}):i(s)?s:null:null);export{s as ElementOrIcon};
+import{jsx as o}from"react/jsx-runtime";import{forwardRef as n,isValidElement as r}from"react";import{IconBasic as t}from"../../../components/icon/icon.js";import{IconHost as i}from"../../../components/icon/iconHost.js";const c=n(({basic:n=!1,icon:c,...m},s)=>c?"string"==typeof c?/* @__PURE__ */o(n?t:i,{...m,ref:s,icon:c}):r(c)?c:null:null);export{c as ElementOrIcon};

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

@@ -1,2 +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};
+import{jsx as s}from"react/jsx-runtime";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(e,{ref:m,cssClasses:i,...t,"data-testid":"error-message"})});export{o as ErrorMessage};

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

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

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

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

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

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

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

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

package/dist/esm/lib/provider/genericComponentsProvider/defaultGenericComponents.js

@@ -1,3 +1,3 @@
-import{j as a}from"../../../_virtual/jsx-runtime.js";import{forwardRef as e}from"react";import{pickCustomAttributes as r}from"../../utils/pickCustomAttributes/pickCustomAttributes.js";const t=e(function({children:e,className:t,draggable:i,id:o,onClick:s,onFocus:l,onMouseEnter:n,onMouseLeave:c,rel:d,role:u,target:b,url:m,...f},g){const j=r(f);/* @__PURE__ */
-return a.jsx("a",{...j,ref:g,"aria-current":f["aria-current"],"aria-describedby":f["aria-describedby"],"aria-disabled":f["aria-disabled"],"aria-label":f["aria-label"],"aria-labelledby":f["aria-labelledby"],className:t,"data-testid":f["data-testid"],draggable:i,href:m,id:o,rel:d,role:u,target:b,onClick:s,onFocus:l,onMouseEnter:n,onMouseLeave:c,children:e})}),i={IMAGE:e(function(e,r){const{alt:t}=e;/* @__PURE__ */
-return a.jsx("img",{ref:r,...e,alt:t||""})}),LINK:t};export{i as defaultGenericComponents};
+import{jsx as e}from"react/jsx-runtime";import{forwardRef as r}from"react";import{pickCustomAttributes as a}from"../../utils/pickCustomAttributes/pickCustomAttributes.js";const t=r(function({children:r,className:t,draggable:i,id:o,onClick:l,onFocus:s,onMouseEnter:n,onMouseLeave:c,rel:d,role:u,target:b,url:m,...f},g){const p=a(f);/* @__PURE__ */
+return e("a",{...p,ref:g,"aria-current":f["aria-current"],"aria-describedby":f["aria-describedby"],"aria-disabled":f["aria-disabled"],"aria-label":f["aria-label"],"aria-labelledby":f["aria-labelledby"],className:t,"data-testid":f["data-testid"],draggable:i,href:m,id:o,rel:d,role:u,target:b,onClick:l,onFocus:s,onMouseEnter:n,onMouseLeave:c,children:r})}),i={IMAGE:r(function(r,a){const{alt:t}=r;/* @__PURE__ */
+return e("img",{ref:a,...r,alt:t||""})}),LINK:t};export{i as defaultGenericComponents};

package/dist/esm/lib/provider/genericComponentsProvider/genericComponentsProvider.js

@@ -1 +1 @@
-import{j as r}from"../../../_virtual/jsx-runtime.js";import{createContext as e,useContext as o}from"react";const t=e(null),i=({children:e,value:o})=>/* @__PURE__ */r.jsx(t.Provider,{value:o,children:e}),n=()=>{const r=o(t);if(!r)throw Error("Generic components context is being used without a provider or with an unsupported value");return r};export{t as GenericComponentContext,i as GenericComponentsProvider,n as useGenericComponents};
+import{jsx as r}from"react/jsx-runtime";import{createContext as e,useContext as o}from"react";const t=e(null),n=({children:e,value:o})=>/* @__PURE__ */r(t.Provider,{value:o,children:e}),i=()=>{const r=o(t);if(!r)throw Error("Generic components context is being used without a provider or with an unsupported value");return r};export{t as GenericComponentContext,n as GenericComponentsProvider,i as useGenericComponents};

package/dist/esm/lib/provider/kubitProvider/kubitProvider.js

@@ -1 +1 @@
-import{j as e}from"../../../_virtual/jsx-runtime.js";import{isDatesEqual as r,isBefore as t,isAfter as o,getSubYears as s,getSubMonths as i,getSubDays as m,getAllWeekdayNames as n,getAllMonthNames as a,getAddYears as d,getAddMonths as l,getAddDays as f}from"../../utils/date/date.js";import{formatDate as p}from"../../utils/date/formatDate.js";import{transformDate as u}from"../../utils/date/transformDate.js";import{defaultGenericComponents as g}from"../genericComponentsProvider/defaultGenericComponents.js";import{GenericComponentsProvider as j}from"../genericComponentsProvider/genericComponentsProvider.js";import{StylesProvider as c}from"../stylesProvider/stylesProvider.js";import{UtilsProvider as v}from"../utilsProvider/utilsProvider.js";const P=({children:P,genericComponentsProvider:h=g,utilsConfig:D})=>/* @__PURE__ */e.jsx(v,{dateHelpers:{getAddDays:(e,r)=>f(e,r),getAddMonths:(e,r)=>l(e,r),getAddYears:(e,r)=>d(e,r),getAllMonthName:()=>a(),getAllWeekdayName:(e,r,t)=>n(e,r,t),getSubDays:(e,r)=>m(e,r),getSubMonths:(e,r)=>i(e,r),getSubYears:(e,r)=>s(e,r),isAfter:(e,r)=>o(e,r),isBefore:(e,r)=>t(e,r),isDatesEqual:(e,t)=>r(e,t)},formatDate:(e,r,t)=>p(e,r,t),transformDate:(e,r)=>u(e,r),...D,children:/* @__PURE__ */e.jsx(c,{children:/* @__PURE__ */e.jsx(j,{value:h,children:P})})});export{P as KubitProvider};
+import{jsx as e}from"react/jsx-runtime";import{isDatesEqual as r,isBefore as t,isAfter as o,getSubYears as s,getSubMonths as i,getSubDays as m,getAllWeekdayNames as n,getAllMonthNames as a,getAddYears as d,getAddMonths as l,getAddDays as f}from"../../utils/date/date.js";import{formatDate as p}from"../../utils/date/formatDate.js";import{transformDate as g}from"../../utils/date/transformDate.js";import{defaultGenericComponents as u}from"../genericComponentsProvider/defaultGenericComponents.js";import{GenericComponentsProvider as c}from"../genericComponentsProvider/genericComponentsProvider.js";import{StylesProvider as v}from"../stylesProvider/stylesProvider.js";import{UtilsProvider as j}from"../utilsProvider/utilsProvider.js";const P=({children:P,genericComponentsProvider:h=u,utilsConfig:D})=>/* @__PURE__ */e(j,{dateHelpers:{getAddDays:(e,r)=>f(e,r),getAddMonths:(e,r)=>l(e,r),getAddYears:(e,r)=>d(e,r),getAllMonthName:()=>a(),getAllWeekdayName:(e,r,t)=>n(e,r,t),getSubDays:(e,r)=>m(e,r),getSubMonths:(e,r)=>i(e,r),getSubYears:(e,r)=>s(e,r),isAfter:(e,r)=>o(e,r),isBefore:(e,r)=>t(e,r),isDatesEqual:(e,t)=>r(e,t)},formatDate:(e,r,t)=>p(e,r,t),transformDate:(e,r)=>g(e,r),...D,children:/* @__PURE__ */e(v,{children:/* @__PURE__ */e(c,{value:h,children:P})})});export{P as KubitProvider};

package/dist/esm/lib/provider/stylesProvider/stylesProvider.js

@@ -1,2 +1,2 @@
-import{j as e}from"../../../_virtual/jsx-runtime.js";import{createContext as t,useContext as s,useMemo as r,useState as n}from"react";import{Provider as i}from"../cssProvider/provider.js";const o=t(void 0),a=()=>{const e=s(o);if(!e)throw new Error("useStylesContext must be used within a StylesProvider");return e},l={lg:992,md:768,sm:576,xl:1200},m=({bernovaProvider:t,breakpoints:s=l,children:a,icons:m={},illustrations:d={},jsInCss:c=!0,linkId:h="kb-styled-provider",themeSelected:p})=>{const x=s,u=(e=>({onlyDesktop:`(max-width: ${e.xl}px)`,onlyLargeDesktop:`(min-width: ${e.xl}px)`,onlyMobile:`(max-width: ${e.md-1}px)`,onlyTablet:`(min-width: ${e.md}px) and (max-width: ${e.lg-1}px)`}))(s),v=m,y=d,b=r(()=>new(t||i)({jsInCss:c,linkId:h}),[]),[w,C]=n(p||b.themeSelected);b.themeSelected=w||"";/* @__PURE__ */
-return e.jsx(o.Provider,{value:{breakpoints:x,changeTheme:e=>{try{b.themeSelected=e,C(e)}catch(t){}},classes:[],currentTheme:w,getComponentStyles:({additionalClassNames:e,component:t,variant:s})=>{try{return b.getComponentStyles({additionalClassNames:e,component:t,variant:s||""})}catch(r){return{}}},icons:v,illustrations:y,mediaQueries:u,themeClassNames:b.classNames,themes:b.allThemes,themeVariables:b.variables},children:a})};export{o as StylesContext,m as StylesProvider,a as useStylesContext};
+import{jsx as e}from"react/jsx-runtime";import{createContext as t,useContext as s,useMemo as r,useState as n}from"react";import{Provider as i}from"../cssProvider/provider.js";const o=t(void 0),a=()=>{const e=s(o);if(!e)throw new Error("useStylesContext must be used within a StylesProvider");return e},l={lg:992,md:768,sm:576,xl:1200},m=({bernovaProvider:t,breakpoints:s=l,children:a,icons:m={},illustrations:d={},jsInCss:c=!0,linkId:h="kb-styled-provider",themeSelected:p})=>{const x=s,u=(e=>({onlyDesktop:`(max-width: ${e.xl}px)`,onlyLargeDesktop:`(min-width: ${e.xl}px)`,onlyMobile:`(max-width: ${e.md-1}px)`,onlyTablet:`(min-width: ${e.md}px) and (max-width: ${e.lg-1}px)`}))(s),v=m,y=d,b=r(()=>new(t||i)({jsInCss:c,linkId:h}),[]),[w,C]=n(p||b.themeSelected);b.themeSelected=w||"";/* @__PURE__ */
+return e(o.Provider,{value:{breakpoints:x,changeTheme:e=>{try{b.themeSelected=e,C(e)}catch(t){}},classes:[],currentTheme:w,getComponentStyles:({additionalClassNames:e,component:t,variant:s})=>{try{return b.getComponentStyles({additionalClassNames:e,component:t,variant:s||""})}catch(r){return{}}},icons:v,illustrations:y,mediaQueries:u,themeClassNames:b.classNames,themes:b.allThemes,themeVariables:b.variables},children:a})};export{o as StylesContext,m as StylesProvider,a as useStylesContext};

package/dist/esm/lib/provider/utilsProvider/utilsProvider.js

@@ -1,2 +1,2 @@
-import{j as r}from"../../../_virtual/jsx-runtime.js";import{createContext as e,useContext as t}from"react";const s=e(null),o=e=>{const{assets:t,children:o,dateHelpers:a,formatDate:i,transformDate:n}=e;/* @__PURE__ */
-return r.jsx(s.Provider,{value:{assets:t,dateHelpers:a,formatDate:i,transformDate:n},children:o})},a=()=>{const r=t(s);if(!r)throw new Error("UtilsProvider not initialized. Ensure <UtilsProvider> is rendered and configured properly.");return{...r}};export{s as UtilsContext,o as UtilsProvider,a as useUtilsProvider};
+import{jsx as r}from"react/jsx-runtime";import{createContext as e,useContext as t}from"react";const o=e(null),n=e=>{const{assets:t,children:n,dateHelpers:s,formatDate:a,transformDate:i}=e;/* @__PURE__ */
+return r(o.Provider,{value:{assets:t,dateHelpers:s,formatDate:a,transformDate:i},children:n})},s=()=>{const r=t(o);if(!r)throw new Error("UtilsProvider not initialized. Ensure <UtilsProvider> is rendered and configured properly.");return{...r}};export{o as UtilsContext,n as UtilsProvider,s as useUtilsProvider};

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@kubit-ui-web/react-components",
-  "version": "2.0.0-beta.23",
+  "version": "2.0.0-beta.24",
   "description": "Kubit React Components is a customizable, accessible library of React web components, designed to enhance your application's user experience",
   "author": {
     "name": "Kubit",

package/dist/cjs/_virtual/jsx-runtime.js

@@ -1 +0,0 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});var e=require("../node_modules/.pnpm/react@18.3.1/node_modules/react/jsx-runtime.js").__require();exports.jsxRuntimeExports=e;

package/dist/cjs/_virtual/jsx-runtime2.js

@@ -1 +0,0 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});exports.__module={exports:{}};

package/dist/cjs/_virtual/react-jsx-runtime.production.min.js

@@ -1 +0,0 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});exports.__exports={};

package/dist/esm/_virtual/jsx-runtime.js

@@ -1 +0,0 @@
-import{__require as e}from"../node_modules/.pnpm/react@18.3.1/node_modules/react/jsx-runtime.js";var r=e();export{r as j};

package/dist/esm/_virtual/jsx-runtime2.js

@@ -1 +0,0 @@
-var e={exports:{}};export{e as __module};

package/dist/esm/_virtual/react-jsx-runtime.production.min.js

@@ -1 +0,0 @@
-var r={};export{r as __exports};