@kubit-ui-web/react-components 2.0.0-beta.5 → 2.0.0-beta.51

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

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

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

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

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

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

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

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

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

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

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

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

package/dist/esm/index.js

@@ -1 +1,81 @@
-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 y}from"./components/link/link.js";import{LinkAsButton as W}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{TableBody as no}from"./components/tableBody/tableBody.js";import{TableCaption as mo}from"./components/tableCaption/tableCaption.js";import{TableCell as so}from"./components/tableCell/tableCell.js";import{TableDivider as po}from"./components/tableDivider/tableDivider.js";import{TableFoot as io}from"./components/tableFoot/tableFoot.js";import{TableHead as ao}from"./components/tableHead/tableHead.js";import{TableRow as co}from"./components/tableRow/tableRow.js";import{TabsControlled as lo}from"./components/tabs/tabsControlled.js";import{TabsUnControlled as fo}from"./components/tabs/tabsUnControlled.js";import{Tag as jo}from"./components/tag/tag.js";import{Text as bo}from"./components/text/text.js";import{TextArea as uo}from"./components/textArea/textArea.js";import{ToggleControlled as go}from"./components/toggle/toggleControlled.js";import{ToggleStandalone as vo}from"./components/toggle/toggleStandAlone.js";import{ToggleUncontrolled as Co}from"./components/toggle/toggleUnControlled.js";import{TooltipControlled as ko}from"./components/tooltip/tooltipControlled.js";import{TooltipUnControlled as Bo}from"./components/tooltip/tooltipUnControlled.js";import{VirtualKeyboard as xo}from"./components/virtualKeyboard/virtualKeyboard.js";import{GenericComponentContext as So,GenericComponentsProvider as ho,useGenericComponents as Uo}from"./lib/provider/genericComponentsProvider/genericComponentsProvider.js";import{KubitProvider as Ao}from"./lib/provider/kubitProvider/kubitProvider.js";import{StylesContext as Mo,StylesProvider as Po,useStylesContext as wo}from"./lib/provider/stylesProvider/stylesProvider.js";import{UtilsContext as yo,UtilsProvider as Wo,useUtilsProvider as Do}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,So as GenericComponentContext,ho 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,Ao as KubitProvider,w as Label,y as Link,W 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,Mo as StylesContext,Po as StylesProvider,eo as Table,no as TableBody,mo as TableCaption,so as TableCell,po as TableDivider,io as TableFoot,ao as TableHead,co as TableRow,fo as Tabs,lo as TabsControlled,jo as Tag,bo as Text,uo as TextArea,go as ToggleControlled,vo as ToggleStandalone,Co as ToggleUncontrolled,Bo as Tooltip,ko as TooltipControlled,yo as UtilsContext,Wo as UtilsProvider,xo as VirtualKeyboard,L as popoverMWArrow,q as popoverMWAutoPlacement,E as popoverMWFlip,G as popoverMWHide,J as popoverMWOffset,Q as popoverMWShift,V as popoverMWSize,Uo as useGenericComponents,wo as useStylesContext,Do as useUtilsProvider};
+import { formatDate, formatDateToUTC } from "./lib/utils/date/formatDate.js";
+import { transformDate } from "./lib/utils/date/transformDate.js";
+import { getAddDays, getAddMonths, getAddYears, getAllMonthNames, getAllWeekdayNames, getSubDays, getSubMonths, getSubYears, isAfter, isBefore, isDatesEqual } from "./lib/utils/date/date.js";
+import { defaultGenericComponents } from "./lib/provider/genericComponentsProvider/defaultGenericComponents.js";
+import { GenericComponentContext, GenericComponentsProvider, useGenericComponents } from "./lib/provider/genericComponentsProvider/genericComponentsProvider.js";
+import { UtilsContext, UtilsProvider, useUtilsProvider } from "./lib/provider/utilsProvider/utilsProvider.js";
+import { StylesContext, StylesProvider, useStylesContext } from "./lib/provider/stylesProvider/stylesProvider.js";
+import { AccordionControlled } from "./components/accordion/accordionControlled.js";
+import { AccordionUnControlled } from "./components/accordion/accordionUnControlled.js";
+import { Text } from "./components/text/text2.js";
+import { Alert } from "./components/alert/alertControlled.js";
+import { Dot } from "./components/dot/dot.js";
+import { IconBasic } from "./components/icon/icon.js";
+import { IconHost } from "./components/icon/iconHost.js";
+import { Avatar } from "./components/avatar/avatar.js";
+import { Badge } from "./components/badge/badge.js";
+import { Link } from "./components/link/link.js";
+import { STATES } from "./lib/types/states/states.js";
+import { BreadCrumbs } from "./components/breadcrumbs/breadcrumbs.js";
+import { MIRROR_POSITIONS, POSITIONS } from "./lib/types/positions/positions.js";
+import { Button } from "./components/button/button.js";
+import { Calendar } from "./components/calendar/calendar.js";
+import { CardStandAlone } from "./components/card/cardStandAlone.js";
+import { Card } from "./components/card/card.js";
+import { CAROUSEL_BUILD_SCREEN_READER_CURRENT_PAGE_KEY, CAROUSEL_BUILD_SCREEN_READER_NUM_PAGES_KEY } from "./components/carousel/types/carousel.js";
+import { Carousel } from "./components/carousel/carousel.js";
+import { CheckboxBaseControlled } from "./components/checkboxBase/checkboxBaseControlled.js";
+import { ErrorMessage } from "./lib/components/errorMessage/errorMessage.js";
+import { LabelStandAlone } from "./components/label/labelStandAlone.js";
+import { CheckboxControlled } from "./components/checkbox/checkboxControlled.js";
+import { CheckboxUnControlled } from "./components/checkbox/checkboxUnControlled.js";
+import { CheckboxBaseUnControlled } from "./components/checkboxBase/checkboxBaseUncontrolled.js";
+import { Chip } from "./components/chip/chip.js";
+import { TableBody } from "./components/tableBody/tableBody.js";
+import { Table } from "./components/table/table.js";
+import { TableCaption } from "./components/tableCaption/tableCaption.js";
+import { TableDivider } from "./components/tableDivider/tableDivider.js";
+import { TableCell } from "./components/tableCell/tableCell.js";
+import { TableHead } from "./components/tableHead/tableHead.js";
+import { TableRow } from "./components/tableRow/tableRow.js";
+import { DataTable } from "./components/dataTable/dataTable.js";
+import { DEVICE_BREAKPOINTS, DeviceBreakpointsTypeUtils } from "./lib/types/breakpoints/breakpoints.js";
+import { Image } from "./components/image/image2.js";
+import { InputBase } from "./components/inputBase/inputBase.js";
+import { InputDecoration } from "./components/inputDecoration/inputDecoration.js";
+import { Input } from "./components/input/input.js";
+import { InputSignatureControlled } from "./components/inputSignature/inputSignatureControlled.js";
+import { InputSignatureUnControlled } from "./components/inputSignature/inputSignatureUncontrolled.js";
+import { LinkAsButton } from "./components/link/linkAsButton/linkAsButton.js";
+import { Option } from "./components/option/option.js";
+import { ListOptions } from "./components/listOptions/listOptions.js";
+import { Popover } from "./components/popover/popover.js";
+import { ModalControlled } from "./components/modal/modalControlled.js";
+import { ModalUnControlled } from "./components/modal/modalUnControlled.js";
+import { PageControl } from "./components/pageControl/pageControl.js";
+import { Pagination } from "./components/pagination/pagination.js";
+import { createSpringAnimation, generateSpringKeyframes, generateSpringKeyframesRule } from "./components/popover/animations/spring.animations.js";
+import { popoverMWArrow, popoverMWAutoPlacement, popoverMWFlip, popoverMWHide, popoverMWOffset, popoverMWShift, popoverMWSize } from "./components/popover/positioning/middlewares.js";
+import { ProgressBar } from "./components/progressBar/progressBar.js";
+import { RadioButtonStandAlone } from "./components/radioButton/radioButtonStandAlone.js";
+import { RadioButton } from "./components/radioButton/radioButton.js";
+import { SelectControlled } from "./components/select/selectControlled.js";
+import { SelectUnControlled } from "./components/select/selectUncontrolled.js";
+import { SelectorBoxFile } from "./components/selectorBoxFile/selectorBoxFile.js";
+import { Skeleton } from "./components/skeleton/skeleton2.js";
+import { TooltipUnControlled } from "./components/tooltip/tooltipUnControlled.js";
+import { Slider } from "./components/slider/slider.js";
+import { Snackbar } from "./components/snackbar/snackbar.js";
+import { StepperNumber } from "./components/stepperNumber/stepperNumber.js";
+import { TableFoot } from "./components/tableFoot/tableFoot.js";
+import { TabsControlled } from "./components/tabs/tabsControlled.js";
+import { TabsUnControlled } from "./components/tabs/tabsUnControlled.js";
+import { Tag } from "./components/tag/tag.js";
+import { TextArea } from "./components/textArea/textArea.js";
+import { ToggleStandalone } from "./components/toggle/toggleStandAlone.js";
+import { ToggleControlled } from "./components/toggle/toggleControlled.js";
+import { ToggleUncontrolled } from "./components/toggle/toggleUnControlled.js";
+import { TooltipControlled } from "./components/tooltip/tooltipControlled.js";
+import { VirtualKeyboard } from "./components/virtualKeyboard/virtualKeyboard.js";
+import { SIZES } from "./lib/types/sizes/sizes.js";
+export { AccordionUnControlled as Accordion, AccordionControlled, Alert, Avatar, Badge, BreadCrumbs, Button, CAROUSEL_BUILD_SCREEN_READER_CURRENT_PAGE_KEY, CAROUSEL_BUILD_SCREEN_READER_NUM_PAGES_KEY, Calendar, Card, CardStandAlone, Carousel, CheckboxUnControlled as Checkbox, CheckboxBaseUnControlled as CheckboxBase, CheckboxBaseControlled, CheckboxControlled, Chip, DEVICE_BREAKPOINTS, DataTable, DeviceBreakpointsTypeUtils, Dot, ErrorMessage, GenericComponentContext, GenericComponentsProvider, IconHost as Icon, IconBasic, Image, Input, InputBase, InputDecoration, InputSignatureUnControlled as InputSignature, InputSignatureControlled, LabelStandAlone as Label, Link, LinkAsButton, ListOptions, MIRROR_POSITIONS, ModalUnControlled as Modal, ModalControlled, Option, POSITIONS, PageControl, Pagination, Popover, ProgressBar, RadioButton, RadioButtonStandAlone, SIZES, STATES, SelectUnControlled as Select, SelectControlled, SelectorBoxFile, Skeleton, Slider, Snackbar, StepperNumber, StylesContext, StylesProvider, Table, TableBody, TableCaption, TableCell, TableDivider, TableFoot, TableHead, TableRow, TabsUnControlled as Tabs, TabsControlled, Tag, Text, TextArea, ToggleControlled, ToggleStandalone, ToggleUncontrolled, TooltipUnControlled as Tooltip, TooltipControlled, UtilsContext, UtilsProvider, VirtualKeyboard, createSpringAnimation, defaultGenericComponents, formatDate, formatDateToUTC, generateSpringKeyframes, generateSpringKeyframesRule, getAddDays, getAddMonths, getAddYears, getAllMonthNames, getAllWeekdayNames, getSubDays, getSubMonths, getSubYears, isAfter, isBefore, isDatesEqual, popoverMWArrow, popoverMWAutoPlacement, popoverMWFlip, popoverMWHide, popoverMWOffset, popoverMWShift, popoverMWSize, transformDate, useGenericComponents, useStylesContext, useUtilsProvider };

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

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

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

@@ -1 +1,10 @@
-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 { IconBasic } from "../../../components/icon/icon.js";
+import { IconHost } from "../../../components/icon/iconHost.js";
+import { forwardRef, isValidElement } from "react";
+import { jsx } from "react/jsx-runtime";
+const ElementOrIcon = forwardRef(({ basic: e = !1, icon: t, ...n }, r) => t ? typeof t == "string" ? jsx(e ? IconBasic : IconHost, {
+	...n,
+	ref: r,
+	icon: t
+}) : isValidElement(t) ? t : null : null);
+export { ElementOrIcon };

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

@@ -1,2 +1,15 @@
-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 { useClassName } from "../../hooks/useClassName/useClassName.js";
+import { ErrorMessageStandAlone } from "./errorMessageStandAlone.js";
+import { forwardRef } from "react";
+import { jsx } from "react/jsx-runtime";
+const ErrorMessage = forwardRef(({ additionalClasses: e, variant: t, ...n }, r) => /* @__PURE__ */ jsx(ErrorMessageStandAlone, {
+	ref: r,
+	cssClasses: useClassName({
+		additionalClassNames: e,
+		component: "ERROR_MESSAGE",
+		variant: t
+	}),
+	...n,
+	"data-testid": "error-message"
+}));
+export { ErrorMessage };

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

@@ -1,4 +1,21 @@
-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{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(e,{className:r?.icon,...i(n)}),
-/* @__PURE__ */s.jsx(t,{additionalClasses:{text:r?.typography},...c(a)})]})})});export{n as ErrorMessageStandAlone};
+import { pickCustomAttributes } from "../../utils/pickCustomAttributes/pickCustomAttributes.js";
+import { classNames } from "../../utils/classNames/classNames.js";
+import { Text } from "../../../components/text/text2.js";
+import { processIconProp, processTextProp } from "../../utils/process/processCommonProp.js";
+import { ElementOrIcon } from "../elementOrIcon/elementOrIcon.js";
+import { forwardRef } from "react";
+import { Fragment as Fragment$1, jsx, jsxs } from "react/jsx-runtime";
+const ErrorMessageStandAlone = forwardRef(({ cssClasses: e, icon: t, message: n, ...r }, i) => n ? /* @__PURE__ */ jsx("div", {
+	ref: i,
+	...pickCustomAttributes(r),
+	className: classNames("kbt-error-message__container", e?.error_message, { "kbt-sr-only": !r.show }),
+	id: r.id,
+	children: r.show && /* @__PURE__ */ jsxs(Fragment$1, { children: [/* @__PURE__ */ jsx(ElementOrIcon, {
+		className: e?.icon,
+		...processIconProp(t)
+	}), /* @__PURE__ */ jsx(Text, {
+		additionalClasses: { text: e?.typography },
+		...processTextProp(n)
+	})] })
+}) : null);
+export { ErrorMessageStandAlone };

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

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

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

@@ -1,2 +1,17 @@
-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 { useClassName } from "../../hooks/useClassName/useClassName.js";
+import { OverlayStandAlone } from "./overlayStandAlone.js";
+import { forwardRef } from "react";
+import { jsx } from "react/jsx-runtime";
+const Overlay = forwardRef(({ additionalClasses: e, variant: t, ...n }, r) => {
+	let i = useClassName({
+		additionalClassNames: e,
+		component: "OVERLAY",
+		variant: t
+	});
+	return /* @__PURE__ */ jsx(OverlayStandAlone, {
+		...n,
+		ref: r,
+		cssClasses: i
+	});
+});
+export { Overlay };

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

@@ -1,2 +1,15 @@
-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 { pickCustomAttributes } from "../../utils/pickCustomAttributes/pickCustomAttributes.js";
+import { forwardRef } from "react";
+import { jsx } from "react/jsx-runtime";
+const OverlayStandAlone = forwardRef(({ cssClasses: e, ...t }, n) => {
+	let r = pickCustomAttributes(t);
+	return /* @__PURE__ */ jsx("div", {
+		ref: n,
+		className: e?.overlay,
+		"data-testid": "overlay",
+		...t,
+		...r,
+		...r
+	});
+});
+export { OverlayStandAlone };

package/dist/esm/lib/components/screen-reader-only/screenReaderOnly.js

@@ -0,0 +1,9 @@
+import { ScreenReaderOnlyStandAlone } from "./screenReaderOnlyStandAlone.js";
+import { forwardRef } from "react";
+import { jsx } from "react/jsx-runtime";
+const ScreenReaderOnly = forwardRef((e, t) => /* @__PURE__ */ jsx(ScreenReaderOnlyStandAlone, {
+	ref: t,
+	...e
+}));
+ScreenReaderOnly.displayName = "ScreenReaderOnly";
+export { ScreenReaderOnly };