@kubit-ui-web/react-components 2.0.0-beta.47 → 2.0.0-beta.49

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

@@ -1,6 +1,103 @@
-import{jsx as o,jsxs as e}from"react/jsx-runtime";/* empty css           */import{useId as t}from"react";import{Text as i}from"../text/text.js";import{useActiveBreakpoints as r}from"../../lib/hooks/useMediaDevice/useActiveBreakpoints.js";import{POSITIONS as a}from"../../lib/types/positions/positions.js";import{classNames as l}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:M,onTriggerMouseDown:N,onTriggerMouseUp:x,onWrapperMouseEnter:_,onWrapperMouseLeave:B,popover:F,popoverOpen:I,tooltipAriaLabel:K,tooltipAsModal:E,tooltipRef:L,triggerAsButton:O,...P})=>{const R=P["data-testid"]||"tooltip",$=s(P),S=`tooltip-${t().replace(/:/g,"")}`,U=`${S}-content`,W=n(u),z="string"==typeof W.children,{isDesktop:H,isTablet:q}=r(),G=H||q;if(y)/* @__PURE__ */
-return o("div",{className:"kbt-tooltip","data-testid":R,children:/* @__PURE__ */o(d,{childrenAsButton:v,disabled:!0,children:b})});const J=c({contentId:U,hasContent:!!u,hasTitle:!1,titleId:""}),Q={"data-align":m||a.TOP},V=s(Q),X=/* @__PURE__ */e("div",{ref:L,"aria-label":G?K:void 0,"aria-labelledby":void 0,"aria-modal":!(!G||!E)||void 0,className:l("kbt-tooltip__external-container",k?.tooltipexternalcontainer),"data-testid":`${R}-content`,id:S,role:G?E?"dialog":"tooltip":void 0,...G&&{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:l("kbt-tooltip__paragraph",k?.paragraphcontainer),id:U,children:z?/* @__PURE__ */o(i,{additionalClasses:{text:k?.paragraph},...W}):W.children})})}),
-/* @__PURE__ */o("div",{...V,className:l("kbt-tooltip__arrow",k?.arrowsize,k?.tooltipalignstyles,k?.arrowcontainer),children:/* @__PURE__ */o("div",{className:k?.arrow})})]});/* @__PURE__ */
-return e("div",{ref:C,className:"kbt-tooltip","data-testid":R,children:[
-/* @__PURE__ */o(d,{ariaDescribedBy:E||!G&&!I?void 0:J,childrenAsButton:v,triggerAsButton:O,onClick:T,onKeyDown:M,onMouseDown:N,onMouseEnter:_,onMouseLeave:B,onMouseUp:x,children:b}),G?X:/* @__PURE__ */o(p,{additionalClasses:k?.popover?{arrow:"",popover:k.popover.popover||""}:void 0,"aria-label":F?.["aria-label"]||K,"aria-labelledby":void 0,"aria-modal":E||void 0,component:"div",disableAutoFocusFirstDescendantAfterClose:!0,disableTrapFocus:!1,open:I,preventCloseOnClickElements:[C?.current],role:E?"dialog":"tooltip",strategy:"absolute",onClose:j,...F,children:X})]})};export{m 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{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},h){const D=i({additionalClassNames:e,component:"TOOLTIP",variant:k}),{device:M,isDesktop:j,isMobile:y,isTablet:A}=l(),w=j||A,S=t(null),F=t(null),R=m({propTooltipAsModal:g,styleTooltipAsModal:g});r(h,()=>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({handleClose:L});return p({ref:F,trapFocus:P&&R}),/* @__PURE__ */o(d,{...C,align:W,contentHasScroll:x,contentRef:N,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 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};
+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,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{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};
+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{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};
+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{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};
+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{defaultGenericComponents as o}from"./lib/provider/genericComponentsProvider/defaultGenericComponents.js";import{AccordionControlled as t}from"./components/accordion/accordionControlled.js";import{Accordion as r}from"./components/accordion/accordionUnControlled.js";import{Alert as e}from"./components/alert/alertControlled.js";import{Avatar as n}from"./components/avatar/avatar.js";import{Badge as m}from"./components/badge/badge.js";import{BreadCrumbs as s}from"./components/breadcrumbs/breadcrumbs.js";import{Button as p}from"./components/button/button.js";import{Calendar as i}from"./components/calendar/calendar.js";import{Card as a}from"./components/card/card.js";import{CardStandAlone as l}from"./components/card/cardStandAlone.js";import{Carousel as c}from"./components/carousel/carousel.js";import{CAROUSEL_BUILD_SCREEN_READER_CURRENT_PAGE_KEY as f,CAROUSEL_BUILD_SCREEN_READER_NUM_PAGES_KEY as j}from"./components/carousel/types/carousel.js";import{CheckboxControlled as d}from"./components/checkbox/checkboxControlled.js";import{CheckboxUnControlled as b}from"./components/checkbox/checkboxUnControlled.js";import{CheckboxBaseControlled as u}from"./components/checkboxBase/checkboxBaseControlled.js";import{CheckboxBaseUnControlled as g}from"./components/checkboxBase/checkboxBaseUncontrolled.js";import{Chip as C}from"./components/chip/chip.js";import{DataTable as v}from"./components/dataTable/dataTable.js";import{Dot as k}from"./components/dot/dot.js";import{IconBasic as B}from"./components/icon/icon.js";import{IconHost as x}from"./components/icon/iconHost.js";import{Image as h}from"./components/image/image.js";import{Input as S}from"./components/input/input.js";import{InputBase as y}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 U}from"./components/inputSignature/inputSignatureUncontrolled.js";import{LabelStandAlone as P}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 T}from"./components/modal/modalUnControlled.js";import{Option as w}from"./components/option/option.js";import{PageControl as z}from"./components/pageControl/pageControl.js";import{Pagination as O}from"./components/pagination/pagination.js";import{Popover as I}from"./components/popover/popover.js";import{createSpringAnimation as K,generateSpringKeyframes as N,generateSpringKeyframesRule as R}from"./components/popover/animations/spring.animations.js";import{arrow as G,autoPlacement as L,flip as q,hide as E,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{SelectControlled as $}from"./components/select/selectControlled.js";import{SelectUnControlled as _}from"./components/select/selectUncontrolled.js";import{SelectorBoxFile as oo}from"./components/selectorBoxFile/selectorBoxFile.js";import{Skeleton as to}from"./components/skeleton/skeleton.js";import{Slider as ro}from"./components/slider/slider.js";import{Snackbar as eo}from"./components/snackbar/snackbar.js";import{StepperNumber as no}from"./components/stepperNumber/stepperNumber.js";import{Table as mo}from"./components/table/table.js";import{TableBody as so}from"./components/tableBody/tableBody.js";import{TableCaption as po}from"./components/tableCaption/tableCaption.js";import{TableCell as io}from"./components/tableCell/tableCell.js";import{TableDivider as ao}from"./components/tableDivider/tableDivider.js";import{TableFoot as lo}from"./components/tableFoot/tableFoot.js";import{TableHead as co}from"./components/tableHead/tableHead.js";import{TableRow as fo}from"./components/tableRow/tableRow.js";import{TabsControlled as jo}from"./components/tabs/tabsControlled.js";import{TabsUnControlled as bo}from"./components/tabs/tabsUnControlled.js";import{Tag as uo}from"./components/tag/tag.js";import{Text as go}from"./components/text/text.js";import{TextArea as Co}from"./components/textArea/textArea.js";import{ToggleControlled as vo}from"./components/toggle/toggleControlled.js";import{ToggleStandalone as ko}from"./components/toggle/toggleStandAlone.js";import{ToggleUncontrolled as Bo}from"./components/toggle/toggleUnControlled.js";import{TooltipControlled as xo}from"./components/tooltip/tooltipControlled.js";import{TooltipUnControlled as ho}from"./components/tooltip/tooltipUnControlled.js";import{VirtualKeyboard as So}from"./components/virtualKeyboard/virtualKeyboard.js";import{ErrorMessage as yo}from"./lib/components/errorMessage/errorMessage.js";import{GenericComponentContext as Ao,GenericComponentsProvider as Mo,useGenericComponents as Uo}from"./lib/provider/genericComponentsProvider/genericComponentsProvider.js";import{StylesContext as Po,StylesProvider as Wo,useStylesContext as Do}from"./lib/provider/stylesProvider/stylesProvider.js";import{UtilsContext as Fo,UtilsProvider as Ho,useUtilsProvider as To}from"./lib/provider/utilsProvider/utilsProvider.js";import{DEVICE_BREAKPOINTS as wo,DeviceBreakpointsTypeUtils as zo}from"./lib/types/breakpoints/breakpoints.js";import{MIRROR_POSITIONS as Oo,POSITIONS as Io}from"./lib/types/positions/positions.js";import{SIZES as Ko}from"./lib/types/sizes/sizes.js";import{STATES as No}from"./lib/types/states/states.js";import{getAddDays as Ro,getAddMonths as Go,getAddYears as Lo,getAllMonthNames as qo,getAllWeekdayNames as Eo,getSubDays as Jo,getSubMonths as Qo,getSubYears as Vo,isAfter as Xo,isBefore as Yo,isDatesEqual as Zo}from"./lib/utils/date/date.js";import{formatDate as $o,formatDateToUTC as _o}from"./lib/utils/date/formatDate.js";import{transformDate as ot}from"./lib/utils/date/transformDate.js";export{r as Accordion,t as AccordionControlled,e as Alert,n as Avatar,m as Badge,s as BreadCrumbs,p as Button,f as CAROUSEL_BUILD_SCREEN_READER_CURRENT_PAGE_KEY,j as CAROUSEL_BUILD_SCREEN_READER_NUM_PAGES_KEY,i as Calendar,a as Card,l as CardStandAlone,c as Carousel,b as Checkbox,g as CheckboxBase,u as CheckboxBaseControlled,d as CheckboxControlled,C as Chip,wo as DEVICE_BREAKPOINTS,v as DataTable,zo as DeviceBreakpointsTypeUtils,k as Dot,yo as ErrorMessage,Ao as GenericComponentContext,Mo as GenericComponentsProvider,x as Icon,B as IconBasic,h as Image,S as Input,y as InputBase,A as InputDecoration,U as InputSignature,M as InputSignatureControlled,P as Label,W as Link,D as LinkAsButton,F as ListOptions,Oo as MIRROR_POSITIONS,T as Modal,H as ModalControlled,w as Option,Io as POSITIONS,z as PageControl,O as Pagination,I as Popover,X as ProgressBar,Y as RadioButton,Z as RadioButtonStandAlone,Ko as SIZES,No as STATES,_ as Select,$ as SelectControlled,oo as SelectorBoxFile,to as Skeleton,ro as Slider,eo as Snackbar,no as StepperNumber,Po as StylesContext,Wo as StylesProvider,mo as Table,so as TableBody,po as TableCaption,io as TableCell,ao as TableDivider,lo as TableFoot,co as TableHead,fo as TableRow,bo as Tabs,jo as TabsControlled,uo as Tag,go as Text,Co as TextArea,vo as ToggleControlled,ko as ToggleStandalone,Bo as ToggleUncontrolled,ho as Tooltip,xo as TooltipControlled,Fo as UtilsContext,Ho as UtilsProvider,So as VirtualKeyboard,K as createSpringAnimation,o as defaultGenericComponents,$o as formatDate,_o as formatDateToUTC,N as generateSpringKeyframes,R as generateSpringKeyframesRule,Ro as getAddDays,Go as getAddMonths,Lo as getAddYears,qo as getAllMonthNames,Eo as getAllWeekdayNames,Jo as getSubDays,Qo as getSubMonths,Vo as getSubYears,Xo as isAfter,Yo as isBefore,Zo as isDatesEqual,G as popoverMWArrow,L as popoverMWAutoPlacement,q as popoverMWFlip,E as popoverMWHide,J as popoverMWOffset,Q as popoverMWShift,V as popoverMWSize,ot as transformDate,Uo as useGenericComponents,Do as useStylesContext,To 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{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};
+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{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};
+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{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};
+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{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};
+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{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};
+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{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};
+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{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};
+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

@@ -1 +1,9 @@
-import{jsx as e}from"react/jsx-runtime";import{forwardRef as r}from"react";import{ScreenReaderOnlyStandAlone as o}from"./screenReaderOnlyStandAlone.js";const t=r((r,t)=>/* @__PURE__ */e(o,{ref:t,...r}));t.displayName="ScreenReaderOnly";export{t as ScreenReaderOnly};
+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 };