@kubit-ui-web/react-components 2.0.0-beta.60 → 2.0.0-beta.63

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

@@ -1,3 +0,0 @@
-export * from './spring.animations.js';
-export * from './middlewares.js';
-export {  Popover  } from './popover.js';

package/dist/esm/components/popover/popover.js

@@ -1,61 +0,0 @@
-import { useClassName } from "../../lib/hooks/useClassName/useClassName.js";
-import { useTrapFocus } from "../../lib/hooks/useTrapFocus/useTrapFocus.js";
-import { usePopoverInteractions } from "./hooks/usePopoverInteractions.js";
-import { usePopoverLifecycle } from "./hooks/usePopoverLifecycle.js";
-import { usePopoverPositioning } from "./hooks/usePopoverPositioning.js";
-import { PopoverStandAlone } from "./popoverStandAlone.js";
-import { forwardRef } from "react";
-import { jsx } from "react/jsx-runtime";
-/**
-* Positioning utilities built on top of Floating UI.
-* @see https://floating-ui.com/docs/platform
-* @license MIT - Floating UI is licensed under MIT
-*/
-const Popover = forwardRef(({ additionalClasses: e, anchorElement: t, animationExitDuration: n = 200, disableAnimations: r = !1, disableAutoFocusFirstDescendant: i = !1, disableAutoFocusFirstDescendantAfterClose: a = !0, disableClickOverlayClose: o = !1, disableEscapeClose: s = !1, disableRestoreFocusAfterClose: c = !1, disableScrollBackground: l = !1, disableTrapFocus: u = !1, middlewareOptions: d, middlewares: f, onClose: p, open: m = !1, popoverContainerRef: h, preventCloseOnClickElements: g = [], preventScrollOnCloseFocus: _ = !1, strategy: v = "absolute", ...y }, b) => {
-	let x = r || !!t, S = useClassName({
-		additionalClassNames: e,
-		component: "POPOVER"
-	}), { handleInnerRef: C, isClosing: w, isVisible: T, popoverRef: E } = usePopoverLifecycle({
-		animationExitDuration: n,
-		disableAnimations: x,
-		disableAutoFocusFirstDescendant: i,
-		disableAutoFocusFirstDescendantAfterClose: a,
-		disableRestoreFocusAfterClose: c,
-		disableScrollBackground: l,
-		open: m,
-		popoverContainerRef: h,
-		preventScrollOnCloseFocus: _
-	});
-	return useTrapFocus({
-		ref: E,
-		trapFocus: !u && T
-	}), usePopoverInteractions({
-		disableClickOverlayClose: o,
-		disableEscapeClose: s,
-		isVisible: T,
-		onClose: p,
-		popoverRef: E,
-		preventCloseOnClickElements: g
-	}), usePopoverPositioning({
-		anchorElement: t,
-		arrowStyles: y.arrowStyles,
-		isVisible: T,
-		middlewareOptions: d,
-		middlewares: f,
-		placement: y.placement,
-		ref: E,
-		strategy: v
-	}), /* @__PURE__ */ jsx(PopoverStandAlone, {
-		ref: b,
-		...y,
-		anchorElement: !!t,
-		cssClasses: S,
-		disableAnimations: x,
-		isClosing: w,
-		isVisible: T,
-		middlewareOptions: d,
-		popoverContainerRef: C,
-		strategy: v
-	});
-});
-export { Popover };

package/dist/esm/components/popover/popoverStandAlone.js

@@ -1,40 +0,0 @@
-import { pickCustomAttributes } from "../../lib/utils/pickCustomAttributes/pickCustomAttributes.js";
-import { CustomComponent } from "../../lib/components/customComponent/customComponent.js";
-import { classNames } from "../../lib/utils/classNames/classNames.js";
-/* empty css             */
-import { getArrowBorderStyles } from "./utils/styling.utils.js";
-import { forwardRef } from "react";
-import { Fragment as Fragment$1, jsx, jsxs } from "react/jsx-runtime";
-const PopoverStandAlone = forwardRef(({ anchorElement: e, arrowStyles: t, children: n, component: r = "div", cssClasses: i, disableAnimations: a, id: o, isClosing: s, isVisible: c, overlay: l, placement: u, popoverContainerRef: d, zIndex: f = "auto", ...p }, m) => {
-	let { "data-testid": h = "popover", ...g } = pickCustomAttributes(p, !0);
-	return /* @__PURE__ */ jsx("div", {
-		ref: m,
-		"data-testid": h,
-		id: o,
-		children: c && /* @__PURE__ */ jsxs(Fragment$1, { children: [l, /* @__PURE__ */ jsxs(CustomComponent, {
-			ref: d,
-			...g,
-			...p,
-			className: classNames(i?.popover),
-			component: r,
-			"data-kbt-anchor-element": e,
-			"data-kbt-closing": s,
-			"data-kbt-disable-animations": a,
-			"data-kbt-has-arrow": !!t,
-			"data-kbt-id": "popover",
-			"data-kbt-placement": u,
-			style: { zIndex: f || "auto" },
-			children: [!!t && /* @__PURE__ */ jsx("div", {
-				className: classNames(i?.arrow),
-				"data-kbt-arrow-border": !!t,
-				"data-kbt-id": "popover-arrow",
-				"data-kbt-placement": u,
-				style: {
-					...u ? getArrowBorderStyles(u, t) : {},
-					zIndex: typeof f == "number" ? f + 1 : f
-				}
-			}), n]
-		})] })
-	});
-});
-export { PopoverStandAlone };

package/dist/esm/components/popover/positioning/middlewares.js

@@ -1,2 +0,0 @@
-import { arrow as popoverMWArrow, autoPlacement as popoverMWAutoPlacement, flip as popoverMWFlip, hide as popoverMWHide, offset as popoverMWOffset, shift as popoverMWShift, size as popoverMWSize } from "@floating-ui/dom";
-export { popoverMWArrow, popoverMWAutoPlacement, popoverMWFlip, popoverMWHide, popoverMWOffset, popoverMWShift, popoverMWSize };

package/dist/esm/components/popover/types/animation.js

@@ -1,2 +0,0 @@
-const DEFAULT_PLACEMENT = "center";
-export { DEFAULT_PLACEMENT };

package/dist/esm/components/popover/utils/animation.utils.js

@@ -1,16 +0,0 @@
-const getPositioningTransforms = (e) => ({
-	bottom: "translateX(-50%)",
-	"bottom-end": "",
-	"bottom-start": "",
-	center: "translate(-50%, -50%)",
-	left: "translateY(-50%)",
-	"left-end": "",
-	"left-start": "",
-	right: "translateY(-50%)",
-	"right-end": "",
-	"right-start": "",
-	top: "translateX(-50%)",
-	"top-end": "",
-	"top-start": ""
-})[e] || "";
-export { getPositioningTransforms };

package/dist/esm/components/popover/utils/placement.utils.js

@@ -1,3 +0,0 @@
-import { DEFAULT_PLACEMENT } from "../types/animation.js";
-const getPlacementDirection = (e) => e ? e.startsWith("top") ? "top" : e.startsWith("bottom") ? "bottom" : e.startsWith("left") ? "left" : e.startsWith("right") ? "right" : DEFAULT_PLACEMENT : DEFAULT_PLACEMENT;
-export { getPlacementDirection };

package/dist/esm/components/popover/utils/styling.utils.js

@@ -1,34 +0,0 @@
-import { getPlacementDirection } from "./placement.utils.js";
-var ARROW_BORDER_CONFIG = {
-	bottom: (e) => ({
-		borderLeft: e,
-		borderTop: e
-	}),
-	left: (e) => ({
-		borderRight: e,
-		borderTop: e
-	}),
-	right: (e) => ({
-		borderBottom: e,
-		borderLeft: e
-	}),
-	top: (e) => ({
-		borderBottom: e,
-		borderRight: e
-	})
-};
-const getArrowBorderStyles = (t, n) => {
-	if (!n) return {};
-	let r = {
-		"--arrow-size": `${n.size}px`,
-		backgroundColor: n.backgroundColor,
-		height: `${n.size}px`,
-		width: `${n.size}px`
-	};
-	if (n.border) {
-		let i = ARROW_BORDER_CONFIG[getPlacementDirection(t)];
-		i && Object.assign(r, i(n.border));
-	}
-	return r;
-};
-export { getArrowBorderStyles };

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

@@ -1 +0,0 @@
-export {  Portal  } from './portal.js';

package/dist/esm/components/portal/portal.js

@@ -1,10 +0,0 @@
-import { createPortal } from "react-dom";
-var createWrapperAndAppendToBody = (e) => {
-	let t = document.createElement("div");
-	return t.setAttribute("id", e), document.body.appendChild(t), t;
-};
-const Portal = ({ children: n, wrapperId: r }) => {
-	let i = document.body;
-	return r && (i = document.getElementById(r), i ||= createWrapperAndAppendToBody(r)), createPortal(n, i);
-};
-export { Portal };

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

@@ -1 +0,0 @@
-export {  ProgressBar  } from './progressBar.js';

package/dist/esm/components/progressBar/progressBar.js

@@ -1,23 +0,0 @@
-import { useClassName } from "../../lib/hooks/useClassName/useClassName.js";
-import { ProgressBarStandalone } from "./progressBarStandAlone.js";
-import { forwardRef } from "react";
-import { jsx } from "react/jsx-runtime";
-const ProgressBar = forwardRef(({ additionalSizeClasses: e, additionalVariantClasses: t, percentProgressCompleted: n, size: r, variant: i, ...a }, o) => {
-	let s = useClassName({
-		additionalClassNames: t,
-		component: "PROGRESS_BAR",
-		variant: i
-	}), c = useClassName({
-		additionalClassNames: e,
-		component: "PROGRESS_BAR",
-		variant: r
-	}), l = n ? Math.min(Math.max(n, 0), 100) : 0;
-	return /* @__PURE__ */ jsx(ProgressBarStandalone, {
-		...a,
-		ref: o,
-		cssSizeClasses: c,
-		cssVariantClasses: s,
-		progressCompleted: l
-	});
-});
-export { ProgressBar };

package/dist/esm/components/progressBar/progressBarStandAlone.js

@@ -1,32 +0,0 @@
-import { classNames } from "../../lib/utils/classNames/classNames.js";
-import { forwardRef } from "react";
-import { jsx, jsxs } from "react/jsx-runtime";
-const ProgressBarStandalone = forwardRef(({ barAriaLabel: e, color: t, cssSizeClasses: n, cssVariantClasses: r, progressAnimation: i, progressCompleted: a, ...o }, s) => {
-	let c = o["data-testid"] || "progress-bar", l = { backgroundColor: t?.bar }, u = {
-		backgroundColor: t?.progressBar,
-		transition: `width ${i?.duration} ${i?.timingFunction}`,
-		width: `${a}%`
-	};
-	return /* @__PURE__ */ jsx("div", {
-		ref: s,
-		className: r?.progress_bar,
-		"data-testid": `${c}-progressbar`,
-		children: /* @__PURE__ */ jsxs("div", {
-			className: r?.barcontainer,
-			children: [/* @__PURE__ */ jsx("div", {
-				"aria-label": e,
-				"aria-valuemax": 100,
-				"aria-valuemin": 0,
-				"aria-valuenow": a,
-				className: classNames(n?.bar, r?.bar),
-				"data-testid": c,
-				role: "progressbar",
-				style: l
-			}), /* @__PURE__ */ jsx("div", {
-				className: classNames(n?.progressbar, r?.progressbar),
-				style: u
-			})]
-		})
-	});
-});
-export { ProgressBarStandalone };

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

@@ -1,2 +0,0 @@
-export {  RadioButton  } from './radioButton.js';
-export {  RadioButtonStandAlone  } from './radioButtonStandAlone.js';

package/dist/esm/components/radioButton/radioButton.js

@@ -1,20 +0,0 @@
-import { useClassName } from "../../lib/hooks/useClassName/useClassName.js";
-import { RadioButtonStandAlone } from "./radioButtonStandAlone.js";
-import { getState } from "./utils/state.utils.js";
-import { jsx } from "react/jsx-runtime";
-const RadioButton = ({ additionalClasses: e, checked: t = !1, cssClasses: n, disabled: r = !1, error: i = !1, variant: a, ...o }) => {
-	let s = useClassName({
-		additionalClassNames: e,
-		component: "RADIO_BUTTON",
-		variant: a
-	}), c = getState(t, r, i);
-	return /* @__PURE__ */ jsx(RadioButtonStandAlone, {
-		cssClasses: n ?? s,
-		state: c,
-		...o,
-		checked: t,
-		disabled: r,
-		error: i
-	});
-};
-export { RadioButton };

package/dist/esm/components/radioButton/radioButtonStandAlone.js

@@ -1,95 +0,0 @@
-import { pickCustomAttributes } from "../../lib/utils/pickCustomAttributes/pickCustomAttributes.js";
-import { classNames } from "../../lib/utils/classNames/classNames.js";
-import { Text } from "../text/text2.js";
-import { processIconProp, processTextProp } from "../../lib/utils/process/processCommonProp.js";
-import { ElementOrIcon } from "../../lib/components/elementOrIcon/elementOrIcon.js";
-import { LabelStandAlone } from "../label/labelStandAlone.js";
-import { buildAriaLabelledBy } from "./utils/aria.utils.js";
-import { useId } from "react";
-import { jsx, jsxs } from "react/jsx-runtime";
-var CURSOR_DEFAULT = "default", CURSOR_POINTER = "pointer";
-const RadioButtonStandAlone = ({ altVariant: e = !1, checked: t, cssClasses: n, disabled: r, error: i, errorAriaLiveType: a, errorIcon: o, errorMessage: s, id: c, label: l, lastChild: u, name: d, onBlur: f, onChange: p, screenReaderId: m, state: h, subTitle: g, tabIndex: _, value: v, ...y }) => {
-	let b = `radiobutton-${useId().replace(/:/g, "")}`;
-	b = c ?? b;
-	let x = processTextProp(g).id && `${b}__description`, S = s && `${b}__error`, C = { "data-state": h }, w = pickCustomAttributes(C), T = y["data-testid"] ?? "radio-button";
-	return /* @__PURE__ */ jsxs("div", {
-		className: n?.rowcontainer,
-		"data-testid": T,
-		...w,
-		style: {
-			display: l ? "grid" : "block",
-			marginBottom: u ? 0 : void 0
-		},
-		children: [/* @__PURE__ */ jsx("div", {
-			...w,
-			className: n?.radiobuttoncontainer,
-			children: /* @__PURE__ */ jsx("input", {
-				"aria-describedby": buildAriaLabelledBy({
-					descriptionId: x,
-					error: i,
-					errorMessage: s,
-					errorMessageId: S,
-					screenReaderId: m
-				}),
-				"aria-hidden": y["aria-hidden"],
-				"aria-label": y["aria-label"],
-				"aria-labelledby": y["aria-labelledby"],
-				checked: t,
-				className: classNames(n?.radio_button, { "global-focus-visible": !!e }),
-				"data-testid": `${T}-input`,
-				disabled: r,
-				id: b,
-				name: d,
-				tabIndex: _,
-				type: "radio",
-				value: v,
-				onBlur: f,
-				onChange: p,
-				...w
-			})
-		}), /* @__PURE__ */ jsxs("div", {
-			className: n?.infocontainer,
-			children: [
-				!!l?.content && /* @__PURE__ */ jsx("div", {
-					className: n?.labelcontainer,
-					children: /* @__PURE__ */ jsx(LabelStandAlone, {
-						cursor: r ? CURSOR_DEFAULT : CURSOR_POINTER,
-						customAttributes: C,
-						inputId: b,
-						textCssClasses: classNames(n?.label, { [`${n?.speciallabel}`]: !!g }),
-						...l,
-						children: l?.content
-					})
-				}),
-				!!processTextProp(g).children && (typeof processTextProp(g) == "string" ? /* @__PURE__ */ jsx(Text, {
-					additionalClasses: { text: n?.sublabel },
-					...processTextProp(g),
-					id: x
-				}) : /* @__PURE__ */ jsx("div", {
-					id: x,
-					children: processTextProp(g).children
-				})),
-				!!(i && s) && /* @__PURE__ */ jsx("div", {
-					"aria-live": a,
-					className: n?.errormessagecontainer,
-					id: S,
-					...w,
-					children: /* @__PURE__ */ jsxs(Text, {
-						additionalClasses: { text: n?.errormessage },
-						customAttributes: C,
-						children: [!!o && /* @__PURE__ */ jsx("span", {
-							...w,
-							className: n?.errormessageiconcontainer,
-							children: /* @__PURE__ */ jsx(ElementOrIcon, {
-								className: n?.errormessageicon,
-								customAttributes: C,
-								...processIconProp(o)
-							})
-						}), s]
-					})
-				})
-			]
-		})]
-	});
-};
-export { RadioButtonStandAlone };

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

@@ -1,7 +0,0 @@
-const buildAriaLabelledBy = ({ descriptionId: e, error: t, errorMessage: n, errorMessageId: r, screenReaderId: i }) => {
-	let a = "";
-	e && (a += `${e}`), i && (a += ` ${i}`), n && t && (a += ` ${r}`);
-	let o = a.trim();
-	return o.length > 0 ? o : void 0;
-};
-export { buildAriaLabelledBy };

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

@@ -1,6 +0,0 @@
-import { STATES } from "../../../lib/types/states/states.js";
-const getState = (e = !1, t = !1, n = !1) => {
-	let r = n, i = t, a = e;
-	return r && !a ? STATES.ERROR : r && a ? STATES.ERROR_SELECTED : i && !a ? STATES.DISABLED : i && a ? STATES.DISABLED_SELECTED : a ? STATES.SELECTED : STATES.DEFAULT;
-};
-export { getState };

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

@@ -1,2 +0,0 @@
-export {  SelectControlled  } from './selectControlled.js';
-export {  Select  } from './selectUncontrolled.js';

package/dist/esm/components/select/selectControlled.js

@@ -1,33 +0,0 @@
-import { useGenericComponents } from "../../lib/provider/genericComponentsProvider/genericComponentsProvider.js";
-import { useClassName } from "../../lib/hooks/useClassName/useClassName.js";
-import { TAB } from "../../lib/constants/keyboardKeys/keyboardKeys.js";
-import { isKeyPressed } from "../../lib/utils/keyboard/keyboard.js";
-import { focusFirstDescendant } from "../../lib/utils/focusHandlers/focusHandlers.js";
-import { SelectStandAlone } from "./selectStandAlone.js";
-import { forwardRef, useEffect, useRef } from "react";
-import { jsx } from "react/jsx-runtime";
-const SelectControlled = forwardRef(({ additionalClasses: t, closePopoverOnScroll: n, listOptions: r, onClosePopover: i, open: a, url: o, variant: s, ...c }, l) => {
-	let { LINK: u } = useGenericComponents(), d = useClassName({
-		additionalClassNames: t,
-		component: "SELECT",
-		variant: s
-	}), f = useRef(null);
-	return useEffect(() => {
-		if (n) return window.addEventListener("scroll", i), () => {
-			window.removeEventListener("scroll", i);
-		};
-	}, [n, i]), /* @__PURE__ */ jsx(SelectStandAlone, {
-		ref: l,
-		component: o ? u : "button",
-		cssClasses: d,
-		listOptions: r,
-		listOptionsRef: f,
-		open: a,
-		onButtonKeyDown: (e) => {
-			a && isKeyPressed(e.key, TAB.key) && !e.shiftKey && f.current && (r.type === "selection" ? f.current.firstElementChild?.focus() : focusFirstDescendant({ element: f.current }), e.preventDefault());
-		},
-		onClosePopover: i,
-		...c
-	});
-});
-export { SelectControlled };

package/dist/esm/components/select/selectStandAlone.js

@@ -1,95 +0,0 @@
-import { pickCustomAttributes } from "../../lib/utils/pickCustomAttributes/pickCustomAttributes.js";
-import { CustomComponent } from "../../lib/components/customComponent/customComponent.js";
-import { Text } from "../text/text2.js";
-import { processIconProp, processTextProp } from "../../lib/utils/process/processCommonProp.js";
-import { ElementOrIcon } from "../../lib/components/elementOrIcon/elementOrIcon.js";
-import { keyDownMove, keyUpMove } from "../listOptions/utils/listOptions.utils.js";
-import { ListOptions } from "../listOptions/listOptions.js";
-import { Popover } from "../popover/popover.js";
-import { forwardRef, useId, useMemo } from "react";
-import { jsx, jsxs } from "react/jsx-runtime";
-const SelectStandAlone = forwardRef(({ buttonOrLinkRef: i, component: a, cssClasses: o, icon: s, label: c, listOptions: l, listOptionsRef: u, onBlur: d, onButtonClick: f, onButtonKeyDown: p, onClosePopover: m, onFocus: h, onKeyDown: g, onOptionClick: _, open: v, optionSelected: y, popover: b, url: x, urlTarget: S, ...C }, w) => {
-	let T = `select-${useId().replace(/:/g, "")}`, E = v ? `${T}-list` : void 0, D = C["data-testid"] || "select", O = pickCustomAttributes(C), k = (e) => (t, n) => {
-		if (n?.shiftKey) {
-			let e = Math.max(t, 0) - 1;
-			return e >= 0 && n?.preventDefault(), Math.max(e, 0);
-		}
-		let r = Math.max(t, 0) + 1;
-		return r <= e.length - 1 && n?.preventDefault(), Math.min(r, e.length - 1);
-	}, A = useMemo(() => ({
-		currentFocusSelected: -1,
-		keyDownMove: keyDownMove(l.options),
-		keyLeftMove: 0,
-		keyRightMove: 0,
-		keyTabMove: k(l.options),
-		keyUpMove,
-		size: l.options.length
-	}), [l.options]);
-	return /* @__PURE__ */ jsxs("div", {
-		ref: w,
-		className: o?.select,
-		"data-testid": D,
-		role: "combobox",
-		onBlur: d,
-		onFocus: h,
-		onKeyDown: g,
-		...O,
-		"aria-controls": "select-list",
-		"aria-expanded": v,
-		tabIndex: 0,
-		children: [/* @__PURE__ */ jsxs(CustomComponent, {
-			ref: i,
-			"aria-controls": E,
-			"aria-expanded": v,
-			"aria-haspopup": "listbox",
-			className: o?.buttonorlinkcontainer,
-			component: a,
-			target: x ? S : void 0,
-			type: x ? void 0 : "button",
-			url: x,
-			onClick: f,
-			onKeyDown: p,
-			children: [/* @__PURE__ */ jsx(Text, {
-				additionalClasses: { text: v ? o?.labelopened : o?.labelclosed },
-				component: "span",
-				...processTextProp(c)
-			}), /* @__PURE__ */ jsx(ElementOrIcon, {
-				className: v ? o?.iconopened : o?.iconclosed,
-				rotate: v ? "180deg" : "0deg",
-				transitionDuration: "0.2s",
-				...processIconProp(s)
-			})]
-		}), !!b && /* @__PURE__ */ jsx(Popover, {
-			anchorElement: i?.current,
-			component: "div",
-			disableAutoFocusFirstDescendant: !0,
-			disableAutoFocusFirstDescendantAfterClose: !0,
-			disableClickOverlayClose: !1,
-			disableEscapeClose: !1,
-			disableTrapFocus: !0,
-			id: E,
-			open: v,
-			placement: "bottom",
-			preventCloseOnClickElements: [i?.current],
-			strategy: "absolute",
-			...b,
-			onClose: () => {
-				m(), b?.onClose?.();
-			},
-			children: /* @__PURE__ */ jsx("div", {
-				className: o?.listoptionscontainer,
-				"data-testid": `${D}-list`,
-				children: !!l.variant && !!l.optionVariant && /* @__PURE__ */ jsx(ListOptions, {
-					ref: u,
-					roveFocus: l.type === "selection" ? A : void 0,
-					selectedValue: y,
-					...l,
-					onOptionClick: (e) => {
-						_(e), m();
-					}
-				})
-			})
-		})]
-	});
-});
-export { SelectStandAlone };

package/dist/esm/components/select/selectUncontrolled.js

@@ -1,40 +0,0 @@
-import { ESCAPE } from "../../lib/constants/keyboardKeys/keyboardKeys.js";
-import { SelectControlled } from "./selectControlled.js";
-import { forwardRef, useEffect, useRef, useState } from "react";
-import { jsx } from "react/jsx-runtime";
-const SelectUnControlled = forwardRef(({ defaultOpen: n = !1, defaultOptionSelected: r, onBlur: i, onButtonClick: a, onClosePopover: o, onFocus: s, onOptionClick: c, openAndCloseOnHover: l = !1, ...u }, d) => {
-	let [f, p] = useState(n), [m, h] = useState(r), g = useRef(null);
-	useEffect(() => {
-		let e = () => {
-			document.hidden && p(!1);
-		};
-		return document.addEventListener("visibilitychange", e), () => document.removeEventListener("visibilitychange", e);
-	}, []);
-	let _ = () => {
-		a?.(!f), p(!f);
-	}, v = () => {
-		p(!1), o?.(!1);
-	}, y = (e) => {
-		h(e), c?.(e);
-	}, b = (t) => {
-		ESCAPE.key.includes(t.key) && f && (g.current?.focus(), p(!1));
-	}, x = () => {
-		l && (p(!0), s?.(!0));
-	}, S = (e) => {
-		e.currentTarget.contains(e.relatedTarget) || (p(!1), i?.(!1)), l && (p(!1), i?.(!1));
-	};
-	return /* @__PURE__ */ jsx(SelectControlled, {
-		...u,
-		ref: d,
-		buttonOrLinkRef: g,
-		open: f,
-		optionSelected: m,
-		onBlur: S,
-		onButtonClick: _,
-		onClosePopover: v,
-		onFocus: x,
-		onKeyDown: b,
-		onOptionClick: y
-	});
-});
-export { SelectUnControlled };

package/dist/esm/components/selectorBoxFile/components/selectorBoxFileAnimation.js

@@ -1,47 +0,0 @@
-import { pickCustomAttributes } from "../../../lib/utils/pickCustomAttributes/pickCustomAttributes.js";
-import { useBorderAnimation } from "../hooks/useBorderAnimation.js";
-import { Children, cloneElement, isValidElement } from "react";
-import { Fragment as Fragment$1, jsx, jsxs } from "react/jsx-runtime";
-const SelectorBoxFileAnimation = ({ children: t, cssClasses: n, focus: r, onAnimationCompleted: i, percentage: a, state: o, ...s }) => {
-	let { bottomRef: c, leftRef: l, rightRef: u, topRef: d } = useBorderAnimation({
-		onAnimationCompleted: i,
-		percentage: a
-	}), f = pickCustomAttributes({
-		"data-focus": r,
-		"data-state": o
-	}), p = n?.animationcontainer, m = n?.topanimationcontainer, h = n?.rightanimationcontainer, g = n?.bottomanimationcontainer, _ = n?.leftanimationcontainer, v = Children.map(t, (e) => isValidElement(e) ? cloneElement(e, { focus: r }) : e);
-	return p ? /* @__PURE__ */ jsxs("div", {
-		className: p,
-		"data-focus": r,
-		"data-testid": `${s["data-testid"]}-animations`,
-		...f,
-		children: [
-			!!m && /* @__PURE__ */ jsx("div", {
-				...f,
-				ref: d,
-				className: m
-			}),
-			!!h && /* @__PURE__ */ jsx("div", {
-				...f,
-				ref: u,
-				className: h
-			}),
-			!!g && /* @__PURE__ */ jsx("div", {
-				...f,
-				ref: c,
-				className: g
-			}),
-			!!_ && /* @__PURE__ */ jsx("div", {
-				...f,
-				ref: l,
-				className: _
-			}),
-			/* @__PURE__ */ jsx("div", {
-				...f,
-				className: n.borderanimationcontainer,
-				children: t
-			})
-		]
-	}) : /* @__PURE__ */ jsx(Fragment$1, { children: v });
-};
-export { SelectorBoxFileAnimation };