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

package/dist/esm/components/tabs/tabsStandAlone.js

@@ -1,127 +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 { processTextProp } from "../../lib/utils/process/processCommonProp.js";
-import { ElementOrIcon } from "../../lib/components/elementOrIcon/elementOrIcon.js";
-import { STATES } from "../../lib/types/states/states.js";
-import { useActiveBreakpoints } from "../../lib/hooks/useMediaDevice/useActiveBreakpoints.js";
-import { ItemRove } from "../../lib/components/itemRove/itemRove.js";
-import { useTabs } from "./hooks/useTabs/useTabs.js";
-import { forwardRef, useId } from "react";
-import { jsx, jsxs } from "react/jsx-runtime";
-var MAX_TABS_IN_VIEW = 3;
-const TabsStandAlone = forwardRef(({ allowFocusTabPanel: s = !0, autoWidth: u = !1, content: d, cssClasses: f, device: p, hideLabelForSingleTab: m, leftControlAriaLabel: h, leftIcon: g, maxTabsInView: _ = MAX_TABS_IN_VIEW, onSelectTab: v, rightControlAriaLabel: y, rightIcon: b, selectedTab: x, tabs: S, unMountContent: C = !0, ...w }, T) => {
-	let { isMobile: E } = useActiveBreakpoints(), D = `tabs-${useId().replace(/:/g, "")}`, O = `${D}-tab-list`, k = `${D}-tab-panel`, A = S?.length ?? 0, j = Math.min(A, _), { focus: M, handleClickIcon: N, handleClickTab: P, listEl: F, position: I } = useTabs({
-		numTabsInView: j,
-		selectedTab: x,
-		tabsLength: A
-	}), L = I === 0, R = I >= A - j, z = w["data-testid"] || "tabs", B = pickCustomAttributes(w), V = (e) => {
-		let t = e === "left", n = t ? L : R, r = () => {
-			n || N(!t);
-		};
-		return A > j ? /* @__PURE__ */ jsx("button", {
-			"aria-label": t ? h : y,
-			className: f?.arrowiconcontainer,
-			"data-position": t ? "left" : "right",
-			"data-testid": `${z}-icon-${e}`,
-			disabled: n,
-			tabIndex: 0,
-			type: "button",
-			onClick: r,
-			children: /* @__PURE__ */ jsx(ElementOrIcon, {
-				className: f?.icon,
-				customAttributes: { "data-disabled": n },
-				"data-position": t ? "left" : "right",
-				...t ? g : b
-			})
-		}) : null;
-	}, H = () => {
-		let e = {
-			role: "tabpanel",
-			tabIndex: s ? 0 : -1
-		};
-		return C ? x != null && /* @__PURE__ */ jsx("div", {
-			"aria-labelledby": `${D}-tab-${x}`,
-			className: f?.contentcontainer,
-			...e,
-			children: d?.[x]
-		}) : d?.map((t, n) => /* @__PURE__ */ jsx("div", {
-			"aria-labelledby": `${D}-tab-${n}`,
-			className: f?.contentcontainer,
-			id: `${k}-${n}`,
-			style: { display: x === n ? "block" : "none" },
-			...e,
-			children: t
-		}, `${D}-${n.toString()}-tab`));
-	};
-	return /* @__PURE__ */ jsxs("div", {
-		ref: T,
-		className: f?.tabs,
-		"data-testid": z,
-		...B,
-		children: [/* @__PURE__ */ jsxs("div", {
-			className: f?.container,
-			children: [
-				V("left"),
-				/* @__PURE__ */ jsx("div", {
-					ref: F,
-					className: f?.tabbuttonscontainer,
-					id: O,
-					role: "tablist",
-					children: S?.map((i, a) => {
-						let o = x === a, s = o ? STATES.SELECTED : STATES.UNSELECTED, c = a >= I && a < I + j, l = { "data-state": s };
-						return /* @__PURE__ */ jsx("div", {
-							className: f?.tabcontainer,
-							"data-testid": `${z}-tab-${a}`,
-							...pickCustomAttributes(l),
-							style: {
-								minWidth: E ? `calc(100% / ${j})` : "auto",
-								width: u ? "auto" : `calc(100% / ${A})`
-							},
-							children: A > 1 ? /* @__PURE__ */ jsx(ItemRove, {
-								ariaDisabled: E && !c || i.disabled,
-								ariaSelected: o,
-								asElement: "button",
-								checkIsFirstTime: !0,
-								classNames: classNames(f?.tabbutton, {
-									[`${f?.firsttabbutton}`]: a === 0,
-									[`${f?.lasttabbutton}`]: a === A - 1
-								}),
-								customAttributes: l,
-								disabled: E && !c || i.disabled,
-								focus: M === a,
-								id: `${D}-tab-${a}`,
-								index: a,
-								preventScrollOnFocus: !0,
-								role: "tab",
-								type: "button",
-								onSelectItem: () => {
-									v?.(a), P(a);
-								},
-								children: /* @__PURE__ */ jsx(Text, {
-									additionalClasses: { text: f?.label },
-									component: "span",
-									customAttributes: l,
-									"data-hidden": !!m,
-									...processTextProp(i)
-								})
-							}) : /* @__PURE__ */ jsx("div", {
-								className: classNames(f?.onetabcontainer, { [`${f?.tabbutton}`]: !!m }),
-								id: `${D}-tab-${a}`,
-								role: "tab",
-								children: /* @__PURE__ */ jsx(Text, {
-									additionalClasses: { text: f?.label },
-									"data-hidden": !!m,
-									...processTextProp(i),
-									children: processTextProp(i).children
-								})
-							})
-						}, `${z}-tab-${a.toString()}`);
-					})
-				}),
-				V("right")
-			]
-		}), H()]
-	});
-});
-export { TabsStandAlone };

package/dist/esm/components/tabs/tabsUnControlled.js

@@ -1,15 +0,0 @@
-import { TabsControlled } from "./tabsControlled.js";
-import { forwardRef, useState } from "react";
-import { jsx } from "react/jsx-runtime";
-const TabsUnControlled = forwardRef(function({ defaultSelectedTab: t = 0, onSelectTab: n, ...r }, i) {
-	let [a, o] = useState(t), s = (e) => {
-		o(e), n?.(e);
-	};
-	return /* @__PURE__ */ jsx(TabsControlled, {
-		...r,
-		ref: i,
-		defaultSelectedTab: a,
-		onSelectTab: s
-	});
-});
-export { TabsUnControlled };

package/dist/esm/components/tabs/utils/keyMove/keLeftMove.js

@@ -1,2 +0,0 @@
-const keyLeftMove = (e, t) => (n) => n - 1 < 0 || n - 1 < e ? e - 1 + t : n - 1;
-export { keyLeftMove };

package/dist/esm/components/tabs/utils/keyMove/keyRightMove.js

@@ -1,2 +0,0 @@
-const keyRightMove = (e, t, n) => (r) => r + 1 >= e || r + 1 === t + n ? t : r + 1;
-export { keyRightMove };

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

@@ -1 +0,0 @@
-export {  Tag  } from './tag.js';

package/dist/esm/components/tag/tag.js

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

package/dist/esm/components/tag/tagStandAlone.js

@@ -1,26 +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 { forwardRef } from "react";
-import { Fragment as Fragment$1, jsx, jsxs } from "react/jsx-runtime";
-const TagStandAlone = forwardRef(({ component: e = "div", cssClasses: t, icon: n, label: r, ...i }, a) => {
-	let o = pickCustomAttributes(i);
-	return /* @__PURE__ */ jsx(CustomComponent, {
-		ref: a,
-		className: t?.tag,
-		component: e,
-		"data-testid": "tag",
-		...o,
-		children: /* @__PURE__ */ jsxs(Fragment$1, { children: [/* @__PURE__ */ jsx(ElementOrIcon, {
-			className: t?.icon,
-			...processIconProp(n)
-		}), /* @__PURE__ */ jsx(Text, {
-			additionalClasses: { text: t?.label },
-			component: "span",
-			...processTextProp(r)
-		})] })
-	});
-});
-export { TagStandAlone };

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

@@ -1 +0,0 @@
-export {  Text  } from './text.js';

package/dist/esm/components/text/text2.js

@@ -1,18 +0,0 @@
-import { useClassName } from "../../lib/hooks/useClassName/useClassName.js";
-import { TextStandAlone } from "./textStandAlone.js";
-import { forwardRef } from "react";
-import { jsx } from "react/jsx-runtime";
-const Text = forwardRef(({ additionalClasses: e, children: t, variant: n, ...r }, i) => {
-	let a = useClassName({
-		additionalClassNames: e,
-		component: "TEXT",
-		variant: n
-	});
-	return t ? /* @__PURE__ */ jsx(TextStandAlone, {
-		...r,
-		ref: i,
-		cssClasses: a,
-		children: t
-	}) : null;
-});
-export { Text };

package/dist/esm/components/text/textStandAlone.js

@@ -1,41 +0,0 @@
-import { pickCustomAttributes } from "../../lib/utils/pickCustomAttributes/pickCustomAttributes.js";
-import { CustomComponent } from "../../lib/components/customComponent/customComponent.js";
-/* empty css     */
-import { classNames } from "../../lib/utils/classNames/classNames.js";
-import { forwardRef } from "react";
-import { jsx } from "react/jsx-runtime";
-const TextStandAlone = forwardRef(({ align: e, children: t, color: n, component: r, cssClasses: i, cursor: a, customAttributes: o, decoration: s, disabled: c, display: l, draggable: u, filter: d, htmlFor: f, id: p, maxTruncatedLines: m, onClick: h, role: g, target: _, textSizeAdjust: v, textWrap: y, transform: b, truncate: x, weight: S, wordBreak: C, wordWrap: w, ...T }, E) => {
-	let D = pickCustomAttributes({
-		...T,
-		...o
-	}), O = classNames("kbt-text", i?.text, { "kbt-text--disabled": c ?? !1 }, { "kbt-text--truncate": x || !!m }), k = {
-		color: n,
-		cursor: a,
-		display: l,
-		filter: d,
-		fontWeight: S,
-		textAlign: e,
-		textDecoration: s,
-		textSizeAdjust: v,
-		textTransform: b,
-		textWrap: y,
-		wordBreak: C,
-		wordWrap: w
-	};
-	return /* @__PURE__ */ jsx(CustomComponent, {
-		ref: E,
-		className: O,
-		component: r,
-		"data-testid": "text",
-		draggable: u,
-		htmlFor: f,
-		id: p,
-		role: g,
-		style: k,
-		target: _,
-		onClick: h,
-		...D,
-		children: t
-	});
-});
-export { TextStandAlone };

package/dist/esm/components/textArea/components/errorStandAlone.js

@@ -1,23 +0,0 @@
-import { Text } from "../../text/text2.js";
-import { processTextProp } from "../../../lib/utils/process/processCommonProp.js";
-import { ElementOrIcon } from "../../../lib/components/elementOrIcon/elementOrIcon.js";
-import { STATES } from "../../../lib/types/states/states.js";
-import { Fragment, jsx, jsxs } from "react/jsx-runtime";
-const ErrorStandAlone = ({ cssClasses: e, customAttributtes: t, errorAriaLiveType: n, errorIcon: r, errorMessage: i, id: a, state: o }) => /* @__PURE__ */ jsx("div", {
-	"aria-live": n,
-	className: e?.errorcontainer,
-	id: a,
-	...t,
-	children: !!processTextProp(i).children && o === STATES.ERROR && /* @__PURE__ */ jsxs(Fragment, { children: [/* @__PURE__ */ jsx(ElementOrIcon, {
-		className: e?.erroricon,
-		customAttributes: t,
-		...r
-	}), /* @__PURE__ */ jsx(Text, {
-		additionalClasses: { text: e?.errormessage },
-		component: "p",
-		customAttributes: t,
-		...processTextProp(i),
-		children: processTextProp(i).children
-	})] })
-});
-export { ErrorStandAlone };

package/dist/esm/components/textArea/components/helpMessageStandAlone.js

@@ -1,11 +0,0 @@
-import { Text } from "../../text/text2.js";
-import { processTextProp } from "../../../lib/utils/process/processCommonProp.js";
-import { jsx } from "react/jsx-runtime";
-const HelpMessageStandAlone = ({ cssClasses: e, customAttributtes: t, helpMessage: n, id: r }) => /* @__PURE__ */ jsx(Text, {
-	additionalClasses: { text: e?.helpmessage },
-	component: "small",
-	customAttributes: t,
-	id: r,
-	...processTextProp(n)
-});
-export { HelpMessageStandAlone };

package/dist/esm/components/textArea/components/textCount/textCount.js

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

package/dist/esm/components/textArea/components/textCount/textCountStandAlone.js

@@ -1,40 +0,0 @@
-import { pickCustomAttributes } from "../../../../lib/utils/pickCustomAttributes/pickCustomAttributes.js";
-import { Text } from "../../../text/text2.js";
-import { ScreenReaderOnly } from "../../../../lib/components/screen-reader-only/screenReaderOnly.js";
-import { forwardRef } from "react";
-import { jsx, jsxs } from "react/jsx-runtime";
-const TextCountStandAlone = forwardRef(({ cssClasses: e, currentCharacters: t, id: n, leftColor: r, leftWeight: i, marginTop: a, maxLength: o, rightColor: s, rightWeight: c, screenReaderText: l, textVariant: u, ...d }, f) => {
-	let p = () => {
-		if (t === 0 || t >= o) return "polite";
-	}, m = pickCustomAttributes(d);
-	return /* @__PURE__ */ jsxs("div", {
-		ref: f,
-		"aria-live": p(),
-		className: e?.text_count,
-		"data-testid": "text-count",
-		style: { marginTop: a },
-		...m,
-		children: [
-			/* @__PURE__ */ jsx(ScreenReaderOnly, { children: l }, t),
-			/* @__PURE__ */ jsx(Text, {
-				additionalClasses: { text: e?.letftext },
-				"aria-hidden": !0,
-				color: r,
-				component: "span",
-				variant: u,
-				weight: i,
-				children: t
-			}),
-			/* @__PURE__ */ jsx(Text, {
-				additionalClasses: { text: e?.righttext },
-				"aria-hidden": !0,
-				color: s,
-				component: "span",
-				variant: u,
-				weight: c,
-				children: ` / ${o}`
-			})
-		]
-	});
-});
-export { TextCountStandAlone };

package/dist/esm/components/textArea/components/titleStandAlone.js

@@ -1,15 +0,0 @@
-import { Text } from "../../text/text2.js";
-import { processTextProp } from "../../../lib/utils/process/processCommonProp.js";
-import { jsx } from "react/jsx-runtime";
-const TitleStandAlone = ({ cssClasses: e, customAttributtes: t, title: n }) => n ? /* @__PURE__ */ jsx("div", {
-	className: e?.titlecontainer,
-	...t,
-	children: /* @__PURE__ */ jsx(Text, {
-		additionalClasses: { text: e?.title },
-		customAttributes: t,
-		...processTextProp(n),
-		component: processTextProp(n).component ?? "p",
-		children: processTextProp(n).children
-	})
-}) : null;
-export { TitleStandAlone };

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

@@ -1 +0,0 @@
-export {  TextArea  } from './textArea.js';

package/dist/esm/components/textArea/textArea.js

@@ -1,38 +0,0 @@
-import { useClassName } from "../../lib/hooks/useClassName/useClassName.js";
-import { TextAreaStandAlone } from "./textAreaStandAlone.js";
-import { getState } from "./utils/state.utils.js";
-import { forwardRef, useState } from "react";
-import { jsx } from "react/jsx-runtime";
-var TEXT_AREA = "TEXT_AREA";
-const TextArea = forwardRef(function({ additionalClasses: r, disabled: i = !1, error: a = !1, labelInsideTextArea: o = !1, onBlur: s, onFocus: c, value: l, variant: u, ...d }, f) {
-	let p = useClassName({
-		additionalClassNames: r,
-		component: TEXT_AREA,
-		variant: u
-	}), [m, h] = useState(!1);
-	return /* @__PURE__ */ jsx(TextAreaStandAlone, {
-		ref: f,
-		cssClasses: p,
-		state: getState(i, a, l, m),
-		value: l,
-		onBlur: (e) => {
-			if (o) {
-				let t = e?.target, n = t?.parentElement;
-				t && n && (n.style.removeProperty("outline"), n.style.removeProperty("boxShadow"), t.style.removeProperty("outline"), t.style.removeProperty("boxShadow"));
-			}
-			h(!1), s?.(e);
-		},
-		onFocus: (e) => {
-			if (o) {
-				let t = e?.target, n = t?.parentElement;
-				if (t && n) {
-					let e = window.getComputedStyle(t);
-					n.style.outline = e.outline, n.style.boxShadow = e.boxShadow, t.style.outline = "none", t.style.boxShadow = "none";
-				}
-			}
-			h(!0), c?.(e);
-		},
-		...d
-	});
-});
-export { TextArea };

package/dist/esm/components/textArea/textAreaStandAlone.js

@@ -1,106 +0,0 @@
-import { pickCustomAttributes } from "../../lib/utils/pickCustomAttributes/pickCustomAttributes.js";
-import { processTextProp } from "../../lib/utils/process/processCommonProp.js";
-import { STATES } from "../../lib/types/states/states.js";
-import { LabelStandAlone } from "../label/labelStandAlone.js";
-import { ErrorStandAlone } from "./components/errorStandAlone.js";
-import { HelpMessageStandAlone } from "./components/helpMessageStandAlone.js";
-import { TextCount } from "./components/textCount/textCount.js";
-import { TitleStandAlone } from "./components/titleStandAlone.js";
-import { buildAriaDescribedBy } from "./utils/aria.utils.js";
-import { forwardRef, useId } from "react";
-import { jsx, jsxs } from "react/jsx-runtime";
-const TextAreaStandAlone = forwardRef(({ additionalInfo: t, counterVariant: n, cssClasses: r, errorAriaLiveType: i = "assertive", errorIcon: a, errorMessage: o, height: s, helpMessage: c, id: l, label: u, labelInsideTextArea: d, maxLength: f, onBlur: p, onChange: m, onFocus: h, placeholder: g, required: _, screenReaderTextCount: v, spellCheck: y, state: b, title: x, value: S, ...C }, w) => {
-	let T = `textarea-${useId().replace(/:/g, "")}`, E = l ?? T, D = `${E}HelpText`, O = `${E}Error`, k = `${E}TextCount`, A = pickCustomAttributes({ "data-state": b }), j = [STATES.DISABLED_EMPTY, STATES.DISABLED_FILLED].includes(b);
-	return /* @__PURE__ */ jsxs("div", {
-		ref: w,
-		className: r?.text_area,
-		"data-testid": "text-area",
-		...A,
-		...pickCustomAttributes(C),
-		children: [
-			/* @__PURE__ */ jsx(TitleStandAlone, {
-				cssClasses: r,
-				customAttributtes: A,
-				title: x
-			}),
-			/* @__PURE__ */ jsxs("div", {
-				className: r?.labeltextareacontainer,
-				role: "button",
-				style: { height: d ? s : void 0 },
-				tabIndex: 0,
-				onClick: () => document.getElementById(E)?.focus(),
-				onKeyDown: (e) => {
-					e.key === "Enter" && document.getElementById(E)?.focus();
-				},
-				children: [/* @__PURE__ */ jsxs("div", {
-					className: r?.labelandadditionalinfocontainer,
-					children: [/* @__PURE__ */ jsx(LabelStandAlone, {
-						asteriskCssClasses: r?.required,
-						customAttributes: A,
-						inputId: E,
-						required: _,
-						textCssClasses: r?.label,
-						...processTextProp(u),
-						children: processTextProp(u).children
-					}), t]
-				}), /* @__PURE__ */ jsx("textarea", {
-					"aria-describedby": buildAriaDescribedBy({
-						errorMessage: processTextProp(o).children,
-						helpMessage: processTextProp(c).children,
-						state: b,
-						textAreaErrorId: O,
-						textAreaHelpTextId: D
-					}),
-					className: r?.textarea,
-					disabled: j,
-					id: E,
-					maxLength: f,
-					placeholder: g,
-					required: _,
-					spellCheck: y,
-					style: { height: s || void 0 },
-					value: S,
-					onBlur: p,
-					onChange: m,
-					onFocus: h,
-					...A,
-					children: S
-				})]
-			}),
-			/* @__PURE__ */ jsxs("div", {
-				className: r?.bottomcontainer,
-				...A,
-				children: [/* @__PURE__ */ jsxs("div", {
-					className: r?.helpmessageerrorcontainer,
-					...A,
-					children: [/* @__PURE__ */ jsx(ErrorStandAlone, {
-						cssClasses: r,
-						customAttributtes: A,
-						errorAriaLiveType: i,
-						errorIcon: a,
-						errorMessage: o,
-						id: O,
-						state: b
-					}), /* @__PURE__ */ jsx(HelpMessageStandAlone, {
-						cssClasses: r,
-						customAttributtes: A,
-						helpMessage: c,
-						id: D
-					})]
-				}), !!n && /* @__PURE__ */ jsx(TextCount, {
-					additionalClasses: {
-						letftext: r?.counterleft,
-						righttext: r?.counterright,
-						text_count: r?.counter
-					},
-					currentCharacters: S?.length ?? 0,
-					id: k,
-					maxLength: f,
-					screenReaderText: v,
-					variant: n
-				})]
-			})
-		]
-	});
-});
-export { TextAreaStandAlone };

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

@@ -1,6 +0,0 @@
-import { STATES } from "../../../lib/types/states/states.js";
-const buildAriaDescribedBy = ({ errorMessage: e, helpMessage: t, state: n, textAreaErrorId: r, textAreaHelpTextId: i }) => {
-	let a = "";
-	return t && (a += ` ${i}`), e && n === STATES.ERROR && (a += ` ${r}`), a;
-};
-export { buildAriaDescribedBy };

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

@@ -1,6 +0,0 @@
-import { STATES } from "../../../lib/types/states/states.js";
-const getState = (e, t, n, r) => {
-	let i;
-	return i = e && n ? STATES.DISABLED_FILLED : e ? STATES.DISABLED_EMPTY : t ? STATES.ERROR : n ? STATES.FILLED : r ? STATES.ACTIVE : STATES.EMPTY, i;
-};
-export { getState };

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

@@ -1,4 +0,0 @@
-export * from './types.js';
-export {  ToggleControlled  } from './toggleControlled.js';
-export {  ToggleStandalone  } from './toggleStandAlone.js';
-export {  ToggleUncontrolled  } from './toggleUnControlled.js';

package/dist/esm/components/toggle/toggleControlled.js

@@ -1,22 +0,0 @@
-import { useClassName } from "../../lib/hooks/useClassName/useClassName.js";
-import { ToggleStandalone } from "./toggleStandAlone.js";
-import { forwardRef } from "react";
-import { jsx } from "react/jsx-runtime";
-const ToggleControlled = forwardRef(({ additionalVariantClasses: t, checked: n, onClick: r, onToggle: i, variant: a, ...o }, s) => {
-	let c = useClassName({
-		additionalClassNames: t,
-		component: "TOGGLE",
-		variant: a
-	}), l = (e) => {
-		i?.(!n), r?.(e);
-	};
-	return /* @__PURE__ */ jsx(ToggleStandalone, {
-		...o,
-		ref: s,
-		checked: n,
-		cssClasses: c,
-		onClick: l
-	});
-});
-ToggleControlled.displayName = "ToggleControlled";
-export { ToggleControlled };

package/dist/esm/components/toggle/toggleStandAlone.js

@@ -1,73 +0,0 @@
-import { pickCustomAttributes } from "../../lib/utils/pickCustomAttributes/pickCustomAttributes.js";
-import { CustomComponent } from "../../lib/components/customComponent/customComponent.js";
-import { processIconProp } from "../../lib/utils/process/processCommonProp.js";
-import { ElementOrIcon } from "../../lib/components/elementOrIcon/elementOrIcon.js";
-import { buildComponentProps } from "./utils/buildComponentProps.js";
-import { useToggleTransform } from "./utils/thumbTransformCalculations.js";
-import { forwardRef, useImperativeHandle, useRef } from "react";
-import { jsx, jsxs } from "react/jsx-runtime";
-var ToggleStandAloneComponent = ({ checked: e = !1, component: t = "button", cssClasses: n, dataTestId: r = "toggle", disabled: i = !1, id: a, leftIcon: o, name: s, onBlur: c, onClick: l, onFocus: u, onKeyDown: d, onMouseEnter: f, onMouseLeave: p, rightIcon: m, tabIndex: h, value: g, ..._ }, v) => {
-	let y = e && !!m, b = !e && !!o, x = t !== "button", S = useRef(null), C = useRef(null), { transform: w } = useToggleTransform({
-		checked: e,
-		thumbRef: C,
-		trackRef: S
-	});
-	useImperativeHandle(v, () => S.current, []);
-	let T = pickCustomAttributes(_), E = buildComponentProps({
-		"aria-describedby": _["aria-describedby"],
-		"aria-label": _["aria-label"],
-		"aria-labelledby": _["aria-labelledby"],
-		checked: e,
-		decorative: x,
-		disabled: i,
-		id: a,
-		name: s,
-		onBlur: c,
-		onClick: l,
-		onFocus: u,
-		onKeyDown: d,
-		onMouseEnter: f,
-		onMouseLeave: p,
-		tabIndex: h,
-		value: g
-	});
-	return /* @__PURE__ */ jsx(CustomComponent, {
-		...T,
-		...E,
-		ref: S,
-		className: n?.track,
-		component: t,
-		"data-checked": e ? !0 : void 0,
-		"data-disabled": i ? !0 : void 0,
-		"data-testid": r,
-		children: /* @__PURE__ */ jsxs("span", {
-			ref: C,
-			className: n?.thumb,
-			"data-checked": e ? !0 : void 0,
-			"data-disabled": i ? !0 : void 0,
-			style: { transform: w },
-			children: [/* @__PURE__ */ jsx("div", {
-				className: n?.iconwrapper,
-				"data-testid": `${r}-right-icon`,
-				style: { opacity: y ? 1 : 0 },
-				children: /* @__PURE__ */ jsx(ElementOrIcon, {
-					className: n?.icon,
-					"data-disabled": i ? !0 : void 0,
-					...processIconProp(m)
-				})
-			}), /* @__PURE__ */ jsx("div", {
-				className: n?.iconwrapper,
-				"data-testid": `${r}-left-icon`,
-				style: { opacity: b ? 1 : 0 },
-				children: /* @__PURE__ */ jsx(ElementOrIcon, {
-					className: n?.icon,
-					"data-disabled": i ? !0 : void 0,
-					...processIconProp(o)
-				})
-			})]
-		})
-	});
-};
-ToggleStandAloneComponent.displayName = "ToggleStandAlone";
-const ToggleStandalone = forwardRef(ToggleStandAloneComponent);
-export { ToggleStandalone };

package/dist/esm/components/toggle/toggleUnControlled.js

@@ -1,17 +0,0 @@
-import { ToggleControlled } from "./toggleControlled.js";
-import { forwardRef, useState } from "react";
-import { jsx } from "react/jsx-runtime";
-const ToggleUncontrolled = forwardRef(({ defaultChecked: t = !1, onToggle: n, variant: r, ...i }, a) => {
-	let [o, s] = useState(t), c = (e) => {
-		s(e), n?.(e);
-	};
-	return /* @__PURE__ */ jsx(ToggleControlled, {
-		...i,
-		ref: a,
-		checked: o,
-		variant: r,
-		onToggle: c
-	});
-});
-ToggleUncontrolled.displayName = "ToggleUncontrolled";
-export { ToggleUncontrolled };