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

package/dist/esm/components/listOptions/listOptions.js

@@ -1,17 +0,0 @@
-import { useClassName } from "../../lib/hooks/useClassName/useClassName.js";
-import { ListOptionsStandAlone } from "./listOptionsStandAlone.js";
-import { forwardRef } from "react";
-import { jsx } from "react/jsx-runtime";
-const ListOptions = forwardRef(({ additionalClasses: e, variant: t, ...n }, r) => {
-	let i = useClassName({
-		additionalClassNames: e,
-		component: "LIST_OPTIONS",
-		variant: t
-	});
-	return /* @__PURE__ */ jsx(ListOptionsStandAlone, {
-		...n,
-		ref: r,
-		cssClasses: i
-	});
-});
-export { ListOptions };

package/dist/esm/components/listOptions/listOptionsStandAlone.js

@@ -1,71 +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 { processTextProp } from "../../lib/utils/process/processCommonProp.js";
-import { useRoveFocus } from "../../lib/hooks/useRoveFocus/useRoveFocus.js";
-import { Option } from "../option/option.js";
-import { getOptionVariant, isSelected, keyDownMove, keyUpMove } from "./utils/listOptions.utils.js";
-import { forwardRef, useId, useImperativeHandle, useMemo } from "react";
-import { jsx, jsxs } from "react/jsx-runtime";
-const ListOptionsStandAlone = forwardRef(({ caseSensitive: o, charsHighlighted: s, checkedIcon: c, content: l, cssClasses: u, highlightedOptionVariant: d, id: f, index: p = 0, listComponent: m, multiSelect: h, onOptionClick: g, options: _, optionsContainerArias: v, roveFocus: y, selectedValue: b, title: x, type: S = "selection", ...C }, w) => {
-	let T = C["data-testid"] ?? "list-options", E = pickCustomAttributes(C), D = useMemo(() => ({
-		currentFocusSelected: -1,
-		keyDownMove: keyDownMove(_),
-		keyLeftMove: 0,
-		keyRightMove: 0,
-		keyTabMove: null,
-		keyUpMove,
-		size: _.length
-	}), [_]), [O, k, A] = useRoveFocus(y ?? D), j = useId();
-	useImperativeHandle(w, () => A.current, [A]);
-	let M = f ?? j, N = S === "selection", P = S === "navigation", F = _ && _.length > 0;
-	return /* @__PURE__ */ jsxs("div", {
-		className: u?.list_options,
-		"data-testid": T,
-		...E,
-		children: [
-			!!x && _.length > 0 && /* @__PURE__ */ jsx("div", {
-				className: u?.titlecontainer,
-				children: /* @__PURE__ */ jsx(Text, {
-					additionalClasses: { text: u?.title },
-					...processTextProp(x)
-				})
-			}),
-			l,
-			F && /* @__PURE__ */ jsx(CustomComponent, {
-				ref: A,
-				"aria-label": v?.["aria-label"],
-				"aria-labelledby": v?.["aria-labelledby"],
-				className: u?.optionscontainer,
-				component: m ?? "ul",
-				id: M,
-				role: N ? "listbox" : void 0,
-				children: _.map((e, t) => {
-					let n = isSelected(e, b, h, o), r = `${T}-section-${p}-option-${t}`, i = N || P ? "div" : "li", a = /* @__PURE__ */ jsx(Option, {
-						"aria-current": P ? n : void 0,
-						"aria-selected": N ? n : void 0,
-						checkedIcon: c,
-						component: i,
-						"data-testid": r,
-						focus: O === t,
-						labelCharsHighlighted: s,
-						multiSelect: h,
-						role: N ? "option" : void 0,
-						selected: n,
-						tabIndex: P ? 0 : -1,
-						variant: getOptionVariant(e.highlighted, d, C?.optionVariant),
-						...e,
-						onClick: (n) => {
-							k(t), g?.(e.value, n), e.onClick?.(n);
-						},
-						onFocus: (n) => {
-							t !== O && k(t), e.onFocus?.(n);
-						}
-					}, `${M}Option-${p.toString()}-${t.toString()}`);
-					return S === "selection" ? /* @__PURE__ */ jsx("li", { children: a }, `${M}LiOption-${p.toString()}-${t.toString()}`) : a;
-				})
-			})
-		]
-	});
-});
-export { ListOptionsStandAlone };

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

@@ -1,8 +0,0 @@
-const isSelected = (e, t, n, r) => t != null && e.value !== void 0 ? n ? !!(Array.isArray(t) && t.includes(e.value)) : r ? t === e.value : t.toLocaleString().toLocaleLowerCase() === e.value.toLocaleString().toLocaleLowerCase() : !1, getOptionVariant = (e, t, n) => e && t ? t : n || "", keyUpMove = (e) => {
-	let t = Math.max(e, 0);
-	return e > 0 && --t, t;
-}, keyDownMove = (e) => (t) => {
-	let n = Math.max(t, 0);
-	return t + 1 <= e.length - 1 && (n += 1), n;
-};
-export { getOptionVariant, isSelected, keyDownMove, keyUpMove };

package/dist/esm/components/modal/fragments/modalHeader.js

@@ -1,56 +0,0 @@
-import { Text } from "../../text/text2.js";
-import { processIconProp, processTextProp } from "../../../lib/utils/process/processCommonProp.js";
-import { ElementOrIcon } from "../../../lib/components/elementOrIcon/elementOrIcon.js";
-import { Button } from "../../button/button.js";
-import { useActiveBreakpoints } from "../../../lib/hooks/useMediaDevice/useActiveBreakpoints.js";
-import { jsx, jsxs } from "react/jsx-runtime";
-const ModalHeader = ({ blocked: e, closeButton: t, closeIcon: n, cssClasses: r, dragIcon: i, title: a, titleIdFinal: o }) => {
-	let { isMobileOrTablet: s } = useActiveBreakpoints();
-	return /* @__PURE__ */ jsxs("div", {
-		className: r?.headercontainer,
-		"data-modal-header": !0,
-		children: [s && !e && !!i && /* @__PURE__ */ jsx("div", {
-			className: r?.dragiconcontainer,
-			"data-modal-draggable-icon": !0,
-			children: /* @__PURE__ */ jsx(ElementOrIcon, {
-				className: r?.dragicon,
-				...processIconProp(i)
-			})
-		}), /* @__PURE__ */ jsxs("div", {
-			className: r?.headercontentcontainer,
-			children: [
-				!e && !!n && /* @__PURE__ */ jsx("div", {
-					className: r?.closebuttoncontainer,
-					children: /* @__PURE__ */ jsx(ElementOrIcon, {
-						className: r?.closebuttonicon,
-						...processIconProp(n)
-					})
-				}),
-				!e && !!t?.content && !!t?.variant && /* @__PURE__ */ jsx(Button, {
-					...t,
-					variant: t?.variant,
-					children: t?.content
-				}),
-				(a?.visible === void 0 || a.visible) && /* @__PURE__ */ jsx("div", {
-					className: r?.titlecontainer,
-					children: /* @__PURE__ */ jsx(Text, {
-						additionalClasses: { text: r?.title },
-						component: "h1",
-						id: o,
-						...processTextProp(a)
-					})
-				}),
-				a?.visible === !1 && /* @__PURE__ */ jsx("span", {
-					className: r?.titlehiddencontainer,
-					id: o,
-					children: processTextProp(a).children
-				}),
-				!e && !!n && /* @__PURE__ */ jsx("div", {
-					className: r?.closebuttoncontainer,
-					children: /* @__PURE__ */ jsx("span", { className: r?.closebuttonicon })
-				})
-			]
-		})]
-	});
-};
-export { ModalHeader };

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

@@ -1,2 +0,0 @@
-export {  ModalControlled  } from './modalControlled.js';
-export {  Modal  } from './modalUnControlled.js';

package/dist/esm/components/modal/modalControlled.js

@@ -1,46 +0,0 @@
-import { useClassName } from "../../lib/hooks/useClassName/useClassName.js";
-import { useContentVisibility } from "../../lib/hooks/useContentVisibility/useContentVisibility.js";
-import { useMediaDevice } from "../../lib/hooks/useMediaDevice/useMediaDevice.js";
-import { useScrollDetection } from "../../lib/hooks/useScrollDetection/useScrollDetection.js";
-import { useScrollEffect } from "../../lib/hooks/useScrollEffect/useScrollEffect.js";
-import { useSwipeDown } from "../../lib/hooks/useSwipeDown/useSwipeDown.js";
-import { syncInnerAndForwardedRef } from "../../lib/utils/refs/syncRefs.js";
-import { Portal } from "../portal/portal.js";
-import { ModalStandAlone } from "./modalStandAlone.js";
-import { forwardRef, useCallback, useRef } from "react";
-import { jsx } from "react/jsx-runtime";
-const ModalControlled = forwardRef(({ additionalClasses: i, disableFocusableContent: a = !1, onClose: o, popover: s, portalId: c, variant: l, ...u }, d) => {
-	let f = useClassName({
-		additionalClassNames: i,
-		component: "MODAL",
-		variant: l
-	}), p = useMediaDevice(), m = useRef(null), { scrollableRef: h, shadowRef: g } = useScrollEffect({ shadowStyles: "none" }), { handleContentVisibility: _ } = useContentVisibility({}), { setDragIconRef: v, setPopoverRef: y } = useSwipeDown({ handleClose: o }), { handleScrollDetection: b, hasScroll: x } = useScrollDetection({ autoFocus: !a }), S = useCallback((e) => {
-		m.current = e, syncInnerAndForwardedRef({
-			forwardedRef: d,
-			innerRef: m
-		});
-		let t = m.current?.querySelector("[data-modal-header]"), n = m.current?.querySelector("[data-modal-content]"), r = m.current?.querySelector("[data-modal-draggable-icon]");
-		g(t), _({
-			container: m.current,
-			content: n
-		}), h(n), b(n), r && v(r);
-	}, []), C = () => {
-		o?.();
-	}, w = /* @__PURE__ */ jsx(ModalStandAlone, {
-		...u,
-		ref: S,
-		contentHasScroll: x,
-		cssClasses: f,
-		device: p,
-		popover: {
-			...s,
-			popoverContainerRef: y
-		},
-		onPopoverCloseInternally: C
-	});
-	return c ? /* @__PURE__ */ jsx(Portal, {
-		wrapperId: c,
-		children: w
-	}) : w;
-});
-export { ModalControlled };

package/dist/esm/components/modal/modalStandAlone.js

@@ -1,65 +0,0 @@
-import { processTextProp } from "../../lib/utils/process/processCommonProp.js";
-import { Overlay } from "../../lib/components/overlay/overlay.js";
-import { Popover } from "../popover/popover.js";
-import { ModalHeader } from "./fragments/modalHeader.js";
-import { onlyDesktopSize } from "./utils/onlyDesktopSize.js";
-import { forwardRef, useId } from "react";
-import { jsx, jsxs } from "react/jsx-runtime";
-const ModalStandAlone = forwardRef(({ blocked: e, closeButton: t, closeIcon: n, content: r, contentContainer: i, contentHasScroll: a, contentScrollArias: o, cssClasses: s, customHeightAllDevices: c = !1, customWidthAllDevices: l = !1, device: u, dragIcon: d, footer: f, id: p, maxHeight: m, maxWidth: h, minContentHeight: g, minHeight: _, minWidth: v, onKeyDown: y, onPopoverCloseInternally: b, open: x, popover: S, title: C, ...w }, T) => {
-	let E = `modal-${useId().replace(/:/g, "")}`, D = p ?? E, O = `modal-title-${useId().replace(/:/g, "")}`, k = processTextProp(C).id ?? O, A = w["data-testid"] || "modal";
-	return /* @__PURE__ */ jsx(Popover, {
-		"aria-labelledby": k,
-		"aria-modal": x,
-		component: "div",
-		disableClickOverlayClose: e,
-		disableEscapeClose: e,
-		disableTrapFocus: !1,
-		id: D,
-		open: x,
-		overlay: /* @__PURE__ */ jsx(Overlay, {}),
-		role: "dialog",
-		strategy: "fixed",
-		onClose: b,
-		...S,
-		children: /* @__PURE__ */ jsxs("div", {
-			ref: T,
-			className: s?.modal,
-			"data-testid": A,
-			style: {
-				maxHeight: m,
-				maxWidth: h,
-				minHeight: c ? _ : onlyDesktopSize(u, _),
-				minWidth: l ? v : onlyDesktopSize(u, v)
-			},
-			children: [
-				/* @__PURE__ */ jsx(ModalHeader, {
-					blocked: e,
-					closeButton: t,
-					closeIcon: n,
-					cssClasses: s,
-					device: u,
-					dragIcon: d,
-					title: C,
-					titleIdFinal: k
-				}),
-				/* @__PURE__ */ jsx("div", {
-					"aria-label": a ? o?.["aria-label"] : void 0,
-					"aria-labelledby": a ? o?.["aria-labelledby"] : void 0,
-					className: s?.content,
-					"data-modal-content": !0,
-					"data-testid": `${A}-content`,
-					role: a ? "region" : void 0,
-					style: { minHeight: g },
-					...a ? { tabIndex: 0 } : {},
-					...i,
-					children: r
-				}),
-				!!f && /* @__PURE__ */ jsx("div", {
-					className: s?.footer,
-					children: f
-				})
-			]
-		})
-	});
-});
-export { ModalStandAlone };

package/dist/esm/components/modal/modalUnControlled.js

@@ -1,37 +0,0 @@
-import { processIconProp } from "../../lib/utils/process/processCommonProp.js";
-import { ESCAPE } from "../../lib/constants/keyboardKeys/keyboardKeys.js";
-import { isKeyPressed } from "../../lib/utils/keyboard/keyboard.js";
-import { ModalControlled } from "./modalControlled.js";
-import { forwardRef, useEffect, useState } from "react";
-import { jsx } from "react/jsx-runtime";
-const ModalUnControlled = forwardRef(({ closeButton: n, closeIcon: r, onClose: i, open: a, popover: o, variant: s, ...c }, l) => {
-	let [u, d] = useState(a), f = (e) => c?.blocked && isKeyPressed(e.key, ...ESCAPE.key) ? e.stopPropagation() : null;
-	useEffect(() => {
-		d(a);
-	}, [a]);
-	let p = () => {
-		d(!1), i?.();
-	}, m = (t) => {
-		p(), processIconProp(r)?.onClick?.(t);
-	}, h = (e) => {
-		p(), n?.onClick?.(e);
-	};
-	return /* @__PURE__ */ jsx(ModalControlled, {
-		...c,
-		ref: l,
-		closeButton: n && {
-			...n,
-			onClick: h
-		},
-		closeIcon: {
-			...processIconProp(r),
-			onClick: m
-		},
-		open: u,
-		popover: { ...o },
-		variant: s,
-		onClose: i,
-		onKeyDown: f
-	});
-});
-export { ModalUnControlled };

package/dist/esm/components/modal/utils/onlyDesktopSize.js

@@ -1,3 +0,0 @@
-import { DeviceBreakpointsTypeUtils } from "../../../lib/types/breakpoints/breakpoints.js";
-const onlyDesktopSize = (e, t) => DeviceBreakpointsTypeUtils.isDesktop(e) ? t : void 0;
-export { onlyDesktopSize };

package/dist/esm/components/option/components.ts/optionLabelSlice.js

@@ -1,15 +0,0 @@
-import { pickCustomAttributes } from "../../../lib/utils/pickCustomAttributes/pickCustomAttributes.js";
-import { Text } from "../../text/text2.js";
-import { jsx } from "react/jsx-runtime";
-const OptionLabelSlice = ({ children: e, component: t, cssClasses: n, customAttributes: r, ...i }) => {
-	if (!e) return null;
-	let a = pickCustomAttributes(i);
-	return /* @__PURE__ */ jsx(Text, {
-		additionalClasses: { text: n },
-		component: t,
-		customAttributes: r,
-		...a,
-		children: e
-	});
-};
-export { OptionLabelSlice };

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

@@ -1 +0,0 @@
-export {  Option  } from './option.js';

package/dist/esm/components/option/option.js

@@ -1,33 +0,0 @@
-import { useGenericComponents } from "../../lib/provider/genericComponentsProvider/genericComponentsProvider.js";
-import { useClassName } from "../../lib/hooks/useClassName/useClassName.js";
-import { OptionStandAlone } from "./optionStandAlone.js";
-import { forwardRef, useEffect, useImperativeHandle, useRef, useState } from "react";
-import { jsx } from "react/jsx-runtime";
-const Option = forwardRef(({ additionalClasses: t, focus: n, onBlur: r, onFocus: i, variant: a, ...o }, s) => {
-	let c = useClassName({
-		additionalClassNames: t,
-		component: "OPTION",
-		variant: a
-	}), { LINK: l } = useGenericComponents(), u = useRef(null), [d, f] = useState(!1), [p, m] = useState(!1);
-	useImperativeHandle(s, () => u.current, []), useEffect(() => {
-		n && u.current?.focus();
-	}, [n]);
-	let h = (e) => {
-		i?.(e), m(!0);
-	}, g = (e) => {
-		r?.(e), m(!1);
-	};
-	return /* @__PURE__ */ jsx(OptionStandAlone, {
-		...o,
-		ref: u,
-		componentLink: l,
-		cssClasses: c,
-		focus: p,
-		hover: d,
-		onBlur: g,
-		onFocus: h,
-		onMouseEnter: () => f(!0),
-		onMouseLeave: () => f(!1)
-	});
-});
-export { Option };

package/dist/esm/components/option/optionStandAlone.js

@@ -1,107 +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 { STATES } from "../../lib/types/states/states.js";
-import { ENTER, SPACE } from "../../lib/constants/keyboardKeys/keyboardKeys.js";
-import { isKeyPressed } from "../../lib/utils/keyboard/keyboard.js";
-import { OptionLabelSlice } from "./components.ts/optionLabelSlice.js";
-import { getHighlightedIndexes, getState } from "./utils/option.utils.js";
-import { forwardRef } from "react";
-import { Fragment as Fragment$1, jsx, jsxs } from "react/jsx-runtime";
-const OptionStandAlone = forwardRef(({ checkedIcon: n, component: r, componentLink: i, cssClasses: a, disabled: o, extraContent: s, focus: c, hover: l, icon: u, label: d, labelCharsHighlighted: f, multiSelect: p, onBlur: m, onClick: h, onFocus: g, onMouseEnter: _, onMouseLeave: v, role: y, selected: b, sublabel: x, tabIndex: S, url: C, ...w }, T) => {
-	let E = getState(o, c, b, p, l, !!f && f?.length > 0), D = { "data-state": E }, O = E === STATES.DISABLED, k = (e) => {
-		O || h?.(e);
-	}, A = pickCustomAttributes({
-		...w,
-		customAttributes: D
-	}), j = pickCustomAttributes(D), M = A["data-testid"] || "option", N = [
-		STATES.MULTIPLE_SELECTED,
-		STATES.MULTIPLE_SELECTED_HOVER,
-		STATES.SELECTED
-	].includes(E), P, F, I;
-	if (typeof d == "string") {
-		let { firstHighlightedIndex: e, lastHighlightedIndex: t } = getHighlightedIndexes(d, f);
-		P = d.substring(0, e), F = d.substring(e, t), I = d.substring(t);
-	}
-	return /* @__PURE__ */ jsxs(CustomComponent, {
-		ref: T,
-		"aria-disabled": O,
-		className: a?.option,
-		...A,
-		component: C ? i : r ?? "div",
-		"data-testid": M,
-		role: y,
-		tabIndex: S,
-		url: C,
-		onBlur: m,
-		onClick: k,
-		onFocus: g,
-		onKeyDown: (e) => {
-			!O && isKeyPressed(e.key, ENTER.key, SPACE.key) && h?.(e);
-		},
-		onMouseEnter: _,
-		onMouseLeave: v,
-		...j,
-		children: [/* @__PURE__ */ jsxs("div", {
-			className: a?.firstrowcontainer,
-			children: [/* @__PURE__ */ jsxs("div", {
-				className: a?.labeliconcontainer,
-				...j,
-				children: [
-					/* @__PURE__ */ jsx(ElementOrIcon, {
-						className: a?.icon,
-						customAttributes: D,
-						...processIconProp(u)
-					}),
-					!!processTextProp(x).children && /* @__PURE__ */ jsx("div", {
-						className: a?.sublabelcontainer,
-						...j,
-						children: /* @__PURE__ */ jsx(Text, {
-							additionalClasses: { text: a?.sublabel },
-							component: "span",
-							customAttributes: D,
-							...processTextProp(x)
-						})
-					}),
-					/* @__PURE__ */ jsx("p", { children: typeof d == "string" ? /* @__PURE__ */ jsxs(Fragment$1, { children: [
-						" ",
-						/* @__PURE__ */ jsx(OptionLabelSlice, {
-							component: "span",
-							cssClasses: a?.label,
-							customAttributes: D,
-							"data-testid": `${M}-first-no-hightlighted-label`,
-							children: P
-						}),
-						/* @__PURE__ */ jsx(OptionLabelSlice, {
-							component: "span",
-							cssClasses: `${a?.label} ${a?.labelhighlighted}`,
-							customAttributes: D,
-							"data-testid": `${M}-highlighted-label`,
-							children: F
-						}),
-						/* @__PURE__ */ jsx(OptionLabelSlice, {
-							component: "span",
-							cssClasses: `${a?.label} ${a?.labelhighlighted}`,
-							customAttributes: D,
-							"data-testid": `${M}-last-no-hightlighted-label`,
-							children: I
-						})
-					] }) : /* @__PURE__ */ jsx(OptionLabelSlice, {
-						component: "span",
-						cssClasses: a?.label,
-						customAttributes: D,
-						"data-testid": `${M}-label`,
-						children: d
-					}) })
-				]
-			}), N && /* @__PURE__ */ jsx(ElementOrIcon, {
-				className: a?.checkedicon,
-				customAttributes: D,
-				...processIconProp(n)
-			})]
-		}), !!s && s]
-	});
-});
-export { OptionStandAlone };

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

@@ -1,14 +0,0 @@
-import { STATES } from "../../../lib/types/states/states.js";
-var getState = (t, n, r, i, a, o) => t ? STATES.DISABLED : n ? STATES.FOCUS : r ? i ? a ? STATES.MULTIPLE_SELECTED_HOVER : STATES.MULTIPLE_SELECTED : a ? STATES.SELECTED_HOVER : STATES.SELECTED : a ? STATES.HOVER : o ? STATES.FILLING : STATES.DEFAULT;
-const getHighlightedIndexes = (e, t) => {
-	let n = 0, r = 0;
-	if (t) {
-		let i = e.toLocaleLowerCase(), a = t.toLocaleLowerCase();
-		i.includes(a) && (n = i.indexOf(a), r = n + t.length);
-	}
-	return {
-		firstHighlightedIndex: n,
-		lastHighlightedIndex: r
-	};
-};
-export { getHighlightedIndexes, getState };

package/dist/esm/components/pageControl/components/arrowControlStandAlone.js

@@ -1,12 +0,0 @@
-import { ElementOrIcon } from "../../../lib/components/elementOrIcon/elementOrIcon.js";
-import { jsx } from "react/jsx-runtime";
-const ArrowControlStandAlone = ({ cssArrowControlClasses: e, disabled: t = !1, ...n }) => {
-	let r = t ? "inactive" : "active";
-	return /* @__PURE__ */ jsx(ElementOrIcon, {
-		className: e?.icon,
-		customAttributes: { "data-state": r },
-		disabled: t,
-		...n
-	});
-};
-export { ArrowControlStandAlone };

package/dist/esm/components/pageControl/components/buttonControlStandAlone.js

@@ -1,13 +0,0 @@
-import { pickCustomAttributes } from "../../../lib/utils/pickCustomAttributes/pickCustomAttributes.js";
-import { jsx } from "react/jsx-runtime";
-const ButtonControlStandAlone = ({ cssPageControlClasses: e, disabled: t = !1, position: n, ...r }) => {
-	let i = pickCustomAttributes(r);
-	return /* @__PURE__ */ jsx("button", {
-		className: e,
-		disabled: t,
-		type: "button",
-		...r,
-		...i
-	});
-};
-export { ButtonControlStandAlone };

package/dist/esm/components/pageControl/components/controls.js

@@ -1,21 +0,0 @@
-import { pickCustomAttributes } from "../../../lib/utils/pickCustomAttributes/pickCustomAttributes.js";
-import { isElementOrIconProps } from "../helper/controlType.js";
-import { ArrowControlStandAlone } from "./arrowControlStandAlone.js";
-import { ButtonControlStandAlone } from "./buttonControlStandAlone.js";
-import { Fragment, jsx, jsxs } from "react/jsx-runtime";
-const Controls = ({ control: e, cssArrowControlClasses: t, cssPageControlClasses: n, position: r, ...i }) => {
-	let a = pickCustomAttributes(i), o = r === "left" ? t?.leftbuttoncontrol : t?.rightbuttoncontrol, s = r === "left" ? t?.leftarrowcontrolcontainer : t?.rightarrowcontrolcontainer;
-	return /* @__PURE__ */ jsxs(Fragment, { children: [e && !isElementOrIconProps(e) && /* @__PURE__ */ jsx(ButtonControlStandAlone, {
-		...e,
-		cssPageControlClasses: o,
-		position: r,
-		...a
-	}), isElementOrIconProps(e) && /* @__PURE__ */ jsx("div", {
-		className: s,
-		children: /* @__PURE__ */ jsx(ArrowControlStandAlone, {
-			cssArrowControlClasses: t,
-			...e
-		})
-	})] });
-};
-export { Controls };

package/dist/esm/components/pageControl/helper/controlType.js

@@ -1,2 +0,0 @@
-const isElementOrIconProps = (e) => e?.icon !== void 0;
-export { isElementOrIconProps };

package/dist/esm/components/pageControl/helper/positions.js

@@ -1,8 +0,0 @@
-const getPositionWithIn = (e, t) => Math.max(0, Math.min(e, t - 1)), calcFirstLastVisiblePosition = ({ currentPosition: e, direction: t, dots: n, isBullet: r, pages: i }) => {
-	let a, o;
-	return !r || t === "forth" ? e - n < 0 ? (a = 0, o = a + n - 1) : (o = e, a = o - (n - 1)) : i - n <= e ? (o = i - 1, a = o - (n - 1)) : (a = e, o = a + n - 1), {
-		firstVisiblePosition: a,
-		lastVisiblePosition: o
-	};
-};
-export { calcFirstLastVisiblePosition, getPositionWithIn };

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

@@ -1 +0,0 @@
-export {  PageControl  } from './pageControl.js';

package/dist/esm/components/pageControl/pageControl.js

@@ -1,38 +0,0 @@
-import { useClassName } from "../../lib/hooks/useClassName/useClassName.js";
-import { calcFirstLastVisiblePosition, getPositionWithIn } from "./helper/positions.js";
-import { PageControlStandAlone } from "./pageControlStandAlone.js";
-import { forwardRef, useMemo, useRef } from "react";
-import { jsx } from "react/jsx-runtime";
-const PageControl = forwardRef(({ additionalArrowControlClasses: t, additionalPageControlClasses: n, arrowsControlVariant: r, currentPosition: i, isBullet: a = !1, maxDots: o = 5, pages: s, variant: c, ...l }, u) => {
-	let d = useClassName({
-		additionalClassNames: t,
-		component: "PAGE_CONTROL",
-		variant: r
-	}), f = useClassName({
-		additionalClassNames: n,
-		component: "PAGE_CONTROL",
-		variant: c
-	}), p = useRef(0), m = useMemo(() => {
-		let e = "forth";
-		return i < p.current && (e = "back"), p.current = i, e;
-	}, [i]), h = s > o ? o : s, g = getPositionWithIn(i, s), { firstVisiblePosition: _, lastVisiblePosition: v } = calcFirstLastVisiblePosition({
-		currentPosition: g,
-		direction: m,
-		dots: h,
-		isBullet: a,
-		pages: s
-	});
-	return /* @__PURE__ */ jsx(PageControlStandAlone, {
-		ref: u,
-		cssArrowControlClasses: d,
-		cssPageControlClasses: f,
-		currentPosition: g,
-		dots: h,
-		firstVisiblePosition: _,
-		isBullet: a,
-		lastVisiblePosition: v,
-		pages: 0,
-		...l
-	});
-});
-export { PageControl };

package/dist/esm/components/pageControl/pageControlStandAlone.js

@@ -1,59 +0,0 @@
-import { pickCustomAttributes } from "../../lib/utils/pickCustomAttributes/pickCustomAttributes.js";
-import { Controls } from "./components/controls.js";
-import { forwardRef } from "react";
-import { Fragment as Fragment$1, jsx, jsxs } from "react/jsx-runtime";
-const PageControlStandAlone = forwardRef(({ cssArrowControlClasses: t, cssPageControlClasses: i, currentPosition: a, dots: o, firstVisiblePosition: s, isBullet: c, lastVisiblePosition: l, leftControl: u, pages: d, rightControl: f, ...p }, m) => {
-	let h = p["data-testid"] || "page-control";
-	return /* @__PURE__ */ jsx("div", {
-		ref: m,
-		className: i?.page_control,
-		"data-testid": h,
-		children: o > 0 && /* @__PURE__ */ jsxs(Fragment$1, { children: [
-			/* @__PURE__ */ jsx(Controls, {
-				control: u,
-				cssArrowControlClasses: t,
-				cssPageControlClasses: i,
-				currentPosition: a,
-				"data-testid": `${h}-left-control`,
-				dots: o,
-				firstVisiblePosition: s,
-				lastVisiblePosition: l,
-				pages: d,
-				position: "left"
-			}),
-			/* @__PURE__ */ jsxs("div", {
-				className: i?.dotscontainer,
-				children: [
-					c && s > 0 && /* @__PURE__ */ jsx("div", {
-						...pickCustomAttributes({ "data-state": "last" }),
-						className: i?.pagedot
-					}),
-					[...Array(o)].map((e, t) => {
-						let n = t + s, r = n === a ? "current" : "default";
-						return /* @__PURE__ */ jsx("div", {
-							...pickCustomAttributes({ "data-state": r }),
-							className: i?.pagedot
-						}, `Dot-middle--${n}`);
-					}),
-					c && (l ?? 0) < (d ?? 0) - 1 && /* @__PURE__ */ jsx("div", {
-						...pickCustomAttributes({ "data-state": "last" }),
-						className: i?.pagedot
-					})
-				]
-			}),
-			/* @__PURE__ */ jsx(Controls, {
-				control: f,
-				cssArrowControlClasses: t,
-				cssPageControlClasses: i,
-				currentPosition: a,
-				"data-testid": `${h}-right-control`,
-				dots: o,
-				firstVisiblePosition: s,
-				lastVisiblePosition: l,
-				pages: d,
-				position: "right"
-			})
-		] })
-	});
-});
-export { PageControlStandAlone };