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

package/dist/esm/components/carousel/hooks/utils/calc.utils.js

@@ -1,73 +0,0 @@
-const calcHorizontalElementPadding = ({ element: e }) => {
-	let t = window.getComputedStyle(e);
-	return parseFloat(t.getPropertyValue("padding-left") || "0") + parseFloat(t.getPropertyValue("padding-right") || "0");
-}, calcXDistanceBetween2Elements = (e, t) => !e || !t ? 0 : Math.abs(t.offsetLeft - e.offsetLeft), calcAdjustedNumElementsToSlide = ({ numElementsPerPage: e, numElementsToSlide: t }) => t ? Math.max(1, Math.min(t, e)) : e, calcNumPages = ({ elementsLength: e, numElementsPerPage: t, numElementsToSlide: r }) => {
-	if (e <= t) return 1;
-	let i = calcAdjustedNumElementsToSlide({
-		numElementsPerPage: t,
-		numElementsToSlide: r
-	});
-	return Math.ceil((e - t + i) / i);
-}, calcFirstAndLastIndexInCarouselView = ({ currentPage: e, elementsLength: t, isCircular: i, numElementsPerPage: a, numElementsToSlide: o }) => {
-	if (t <= a) return {
-		firstIndexInView: 0,
-		lastIndexInView: t - 1
-	};
-	let s = calcAdjustedNumElementsToSlide({
-		numElementsPerPage: a,
-		numElementsToSlide: o
-	}), c = calcNumPages({
-		elementsLength: t,
-		numElementsPerPage: a,
-		numElementsToSlide: s
-	}), l = e * s + a - 1, u = i && t > a, d = 0;
-	return u && (d = a + 1, l += d), e === c ? l = d + t + a - 1 : e < 0 ? l = d - 1 : l - d > t - 1 && (l = d + t - 1), {
-		firstIndexInView: l - a + 1,
-		lastIndexInView: l
-	};
-}, calcNumElementsPerPage = ({ contentContainer: t, elementsLength: n, extraPadding: r, rootContainer: i, viewerContainer: a }) => {
-	let o = t.firstElementChild;
-	if (!o) return;
-	let s = i.offsetWidth;
-	s -= 2 * r;
-	let c = calcHorizontalElementPadding({ element: a });
-	s -= c;
-	let l = 0, u = o.offsetLeft;
-	for (let e = 0; e < t.children.length; e++) {
-		let n = t.children[e];
-		if (u + n.offsetLeft + n.offsetWidth > s) break;
-		l++;
-	}
-	return Math.max(Math.min(n, l), 1);
-}, calcGapBetweenContentContainerElements = ({ centerMode: e, contentContainer: t }) => {
-	let n = 0;
-	if (t.childNodes.length < 2) return n;
-	let r = t.childNodes[0], i = t.childNodes[1];
-	e && r.style && i.style && (r.style.transition = "none", i.style.transition = "none", r.style.transform = "scale(1)", i.style.transform = "scale(1)");
-	let a = r?.getBoundingClientRect()?.right, o = i?.getBoundingClientRect()?.left;
-	return e && r.style && i.style && (r.style.removeProperty("transform"), i.style.removeProperty("transform"), r.style.removeProperty("transition"), i.style.removeProperty("transition")), a !== void 0 && o !== void 0 && (n = Math.abs(a - o)), n;
-};
-var calc_utils_default = {
-	calcAdjustedNumElementsToSlide,
-	calcContentContainerLeftPosition: ({ centerExtremesWhenExtraPadding: e, circular: n, contentContainer: r, currentPage: i, extraPadding: a, firstIndexInView: o, numPages: s }) => {
-		let c = calcXDistanceBetween2Elements(r.firstChild, r.children[o]);
-		return a && (e || n || i !== 0 && i !== s - 1 ? c -= a : !n && i === s - 1 && (c -= a * 2)), `${-c}px`;
-	},
-	calcFirstAndLastIndexInCarouselView,
-	calcGapBetweenContentContainerElements,
-	calcNumElementsPerPage,
-	calcNumPages,
-	calcSliceWidth: ({ centerMode: t, contentContainer: n, extraPadding: r, numElementsPerPage: i, viewerContainer: a }) => {
-		let s = calcGapBetweenContentContainerElements({
-			centerMode: t,
-			contentContainer: n
-		}), c = (i - 1) * s, l = calcHorizontalElementPadding({ element: a });
-		return (a.getBoundingClientRect().width - c - 2 * r - l) / i;
-	},
-	calcViewerWidth: ({ contentContainer: n, extraPadding: r, firstIndexInView: i, lastIndexInView: a, viewerContainer: o }) => {
-		let s = n.children[i], c = n.children[a], l = calcXDistanceBetween2Elements(s, c), u = calcHorizontalElementPadding({ element: o });
-		return `${l + c.offsetWidth + 2 * r + u}px`;
-	},
-	calcXDistanceBetween2Elements
-};
-export { calc_utils_default as default };

package/dist/esm/components/carousel/hooks/utils/constants.js

@@ -1,6 +0,0 @@
-var constants_default = {
-	PROPERTY_TO_HANDLE_TRANSITION_END: "left",
-	THRESHOLD_TO_DECIDE_IF_ALLOW_DRAGGING: 20,
-	THRESHOLD_TO_DECIDE_IF_SWIPE_ON_DRAG_ENDS: 0
-};
-export { constants_default as default };

package/dist/esm/components/carousel/hooks/utils/dom.utils.js

@@ -1,71 +0,0 @@
-import calc_utils_default from "./calc.utils.js";
-const updateSlicesWidth = ({ centerMode: t, contentContainer: n, extraPadding: r, numElementsPerPage: i, viewerContainer: a }) => {
-	let o = calc_utils_default.calcSliceWidth({
-		centerMode: t,
-		contentContainer: n,
-		extraPadding: r,
-		numElementsPerPage: i,
-		viewerContainer: a
-	});
-	for (let e = 0; e < n.childNodes.length; e++) {
-		let t = n.childNodes[e];
-		t instanceof HTMLElement && (t.style.width = `${o}px`);
-	}
-}, updateContentElementsAriaVisibility = ({ contentContainer: e, firstIndexInView: t, lastIndexInView: n }) => {
-	for (let r = 0; r < e.children.length; r++) r < t || r > n ? e.children[r].setAttribute("inert", "") : e.children[r].removeAttribute("inert");
-}, updateViewerWidth = ({ contentContainer: t, extraPadding: n, firstIndexInView: r, lastIndexInView: i, viewerContainer: a }) => {
-	let o = calc_utils_default.calcViewerWidth({
-		contentContainer: t,
-		extraPadding: n,
-		firstIndexInView: r,
-		lastIndexInView: i,
-		viewerContainer: a
-	});
-	a.style.width = o;
-}, applyCenterMode = ({ contentContainer: e, firstIndexInView: t, lastIndexInView: n, numElementsPerPage: r }) => {
-	if (r % 2 != 0) {
-		let r = t + (n - t) / 2;
-		e.children[r].setAttribute("data-highlighted", "true");
-	}
-}, deleteCenterMode = ({ contentContainer: e }) => {
-	for (let t = 0; t < e.children.length; t++) e.children[t].removeAttribute("data-highlighted");
-}, manageCircularClones = ({ circular: e, contentContainer: t, elementsLength: n, numElementsPerPage: r }) => {
-	if (t.children.length > n) {
-		let e = (t.children.length - n) / 2;
-		for (let n = 0; n < e; n++) t.firstElementChild && t.removeChild(t.firstElementChild), t.lastElementChild && t.removeChild(t.lastElementChild);
-	}
-	if (e && n > r) {
-		let e = [], n = [], i = t.children.length, a = r + 1;
-		for (let r = 0; r < a; r++) {
-			let a = t.children[r];
-			a && e.push(a.cloneNode(!0));
-			let o = t.children[i - 1 - r];
-			o && n.push(o.cloneNode(!0));
-		}
-		e.forEach((e) => t.appendChild(e)), n.forEach((e) => t.insertBefore(e, t.firstChild));
-	}
-};
-var OnePageAlignMap = {
-	center: "center",
-	left: "flex-start",
-	right: "flex-end"
-}, dom_utils_default = {
-	alignOnePageCarousel: ({ allowModifySliceWidth: e, contentContainer: t, onePageAlign: n, rootContainer: r }) => {
-		e ? t.style.justifyContent = OnePageAlignMap[n] : r.style.justifyContent = OnePageAlignMap[n];
-	},
-	applyCenterMode,
-	deleteCenterMode,
-	manageCircularClones,
-	udpateCarouselPositionOnEdge: ({ contentContainer: t, currentPage: n, elementsLength: r, extraPadding: i, numElementsPerPage: a, numPages: o }) => {
-		let s = n === o;
-		if (s || n === -1) {
-			let n = s ? a + 1 : r + 1, c = calc_utils_default.calcXDistanceBetween2Elements(t.firstChild, t.children[n]);
-			return c -= i, t.style.left = `${-c}px`, { newPage: s ? 0 : o - 1 };
-		}
-		return { newPage: n };
-	},
-	updateContentElementsAriaVisibility,
-	updateSlicesWidth,
-	updateViewerWidth
-};
-export { dom_utils_default as default };

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

@@ -1,5 +0,0 @@
-export {  Carousel  } from './carousel.js';
-export { 
-  CAROUSEL_BUILD_SCREEN_READER_CURRENT_PAGE_KEY,
-  CAROUSEL_BUILD_SCREEN_READER_NUM_PAGES_KEY,
- } from './carousel.js';

package/dist/esm/components/carousel/types/carousel.js

@@ -1,2 +0,0 @@
-const CAROUSEL_BUILD_SCREEN_READER_CURRENT_PAGE_KEY = "{{currentPage}}", CAROUSEL_BUILD_SCREEN_READER_NUM_PAGES_KEY = "{{numPages}}";
-export { CAROUSEL_BUILD_SCREEN_READER_CURRENT_PAGE_KEY, CAROUSEL_BUILD_SCREEN_READER_NUM_PAGES_KEY };

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

@@ -1,15 +0,0 @@
-import { CAROUSEL_BUILD_SCREEN_READER_CURRENT_PAGE_KEY, CAROUSEL_BUILD_SCREEN_READER_NUM_PAGES_KEY } from "../types/carousel.js";
-const buildScreenReaderText = ({ content: n, currentPage: r, numPages: i }) => {
-	let a = new RegExp(CAROUSEL_BUILD_SCREEN_READER_CURRENT_PAGE_KEY, "g"), o = new RegExp(CAROUSEL_BUILD_SCREEN_READER_NUM_PAGES_KEY, "g");
-	return n.replace(a, String(r + 1)).replace(o, String(i));
-}, buildScreenReaderOnly = ({ currentPage: e, numPages: t, screenReaderOnly: r }) => {
-	if (r?.content) return {
-		...r,
-		content: buildScreenReaderText({
-			content: r.content,
-			currentPage: e,
-			numPages: t
-		})
-	};
-};
-export { buildScreenReaderOnly };

package/dist/esm/components/checkbox/checkboxControlled.js

@@ -1,20 +0,0 @@
-import { useClassName } from "../../lib/hooks/useClassName/useClassName.js";
-import { getCheckboxState } from "./utils/state.utils.js";
-import { CheckboxStandAlone } from "./checkboxStandAlone.js";
-import { forwardRef } from "react";
-import { jsx } from "react/jsx-runtime";
-const CheckboxControlled = forwardRef(({ additionalClasses: e, variant: t, ...n }, r) => {
-	let i = useClassName({
-		additionalClassNames: e,
-		component: "CHECKBOX",
-		variant: t
-	}), a = getCheckboxState(n.checked, n.disabled, n.error);
-	return /* @__PURE__ */ jsx(CheckboxStandAlone, {
-		ref: r,
-		cssClasses: i,
-		...n,
-		"data-state": a,
-		"data-testid": "checkbox"
-	});
-});
-export { CheckboxControlled };

package/dist/esm/components/checkbox/checkboxStandAlone.js

@@ -1,56 +0,0 @@
-import { pickCustomAttributes } from "../../lib/utils/pickCustomAttributes/pickCustomAttributes.js";
-import { processTextProp } from "../../lib/utils/process/processCommonProp.js";
-import { ScreenReaderOnly } from "../../lib/components/screen-reader-only/screenReaderOnly.js";
-import { CheckboxBaseControlled } from "../checkboxBase/checkboxBaseControlled.js";
-import { ErrorMessage } from "./components/errorMessage.js";
-import { Label } from "./components/label.js";
-import { buildAriaDescribedBy } from "./utils/aria.utils.js";
-import { forwardRef, useId } from "react";
-import { jsx, jsxs } from "react/jsx-runtime";
-const CheckboxStandAlone = forwardRef(({ checkboxBase: e, cssClasses: t, errorMessage: n, id: r, label: i, screenReaderText: a, ...o }, s) => {
-	let { "aria-describedby": c, "aria-hidden": l, "aria-label": u, "aria-labelledby": d, ...f } = pickCustomAttributes(o), p = `checkbox-${useId().replace(/:/g, "")}`, m = r ?? p, h = `${m}-label`, g = `${m}-error`, _ = `${m}-screen-reader`, v = e?.variant, y = buildAriaDescribedBy({
-		ariaDescribedBy: o["aria-describedby"],
-		error: o.error && !!n?.message,
-		errorMessageId: g,
-		screenReader: !!a,
-		screenReaderId: _
-	});
-	return /* @__PURE__ */ jsxs("div", {
-		ref: s,
-		...f,
-		className: t?.checkbox,
-		children: [/* @__PURE__ */ jsxs("div", {
-			className: t?.checkboxwithlabelcontainer,
-			children: [
-				!!v && /* @__PURE__ */ jsx(CheckboxBaseControlled, {
-					...o,
-					"aria-describedby": y,
-					"aria-hidden": o["aria-hidden"],
-					"aria-label": o["aria-label"],
-					"aria-labelledby": o["aria-labelledby"],
-					id: m,
-					variant: v
-				}),
-				/* @__PURE__ */ jsx(ScreenReaderOnly, {
-					id: _,
-					children: a
-				}),
-				/* @__PURE__ */ jsx(Label, {
-					content: processTextProp(i).children,
-					cssClasses: t,
-					id: h,
-					inputId: m
-				})
-			]
-		}), !!o.error && /* @__PURE__ */ jsx(ErrorMessage, {
-			"aria-live": "assertive",
-			cssClasses: t,
-			"data-testid": `${o["data-testid"]}-error-message`,
-			...n,
-			id: g,
-			inputId: m,
-			show: o.error && !o.disabled
-		})]
-	});
-});
-export { CheckboxStandAlone };

package/dist/esm/components/checkbox/checkboxUnControlled.js

@@ -1,22 +0,0 @@
-import { CheckboxControlled } from "./checkboxControlled.js";
-import { useCheckbox } from "../checkboxBase/hooks/useCheckbox.js";
-import { forwardRef } from "react";
-import { jsx } from "react/jsx-runtime";
-const CheckboxUnControlled = forwardRef(({ checked: t = !1, disabled: n = !1, error: r = !1, onChange: i, required: a = !1, ...o }, s) => {
-	let { handleToggleIsChecked: c, isChecked: l } = useCheckbox({
-		disabled: n,
-		initialChecked: t
-	}), u = (e) => {
-		i?.(e), c();
-	};
-	return /* @__PURE__ */ jsx(CheckboxControlled, {
-		...o,
-		ref: s,
-		checked: l,
-		disabled: n,
-		error: r,
-		required: a,
-		onChange: u
-	});
-});
-export { CheckboxUnControlled };

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

@@ -1,17 +0,0 @@
-import { pickCustomAttributes } from "../../../lib/utils/pickCustomAttributes/pickCustomAttributes.js";
-import { ErrorMessage as ErrorMessage$1 } from "../../../lib/components/errorMessage/errorMessage.js";
-import { jsx } from "react/jsx-runtime";
-const ErrorMessage = ({ cssClasses: e, message: t, ...n }) => {
-	if (!t) return null;
-	let r = pickCustomAttributes(n);
-	return /* @__PURE__ */ jsx("div", {
-		className: e?.errormessagecontainer,
-		children: /* @__PURE__ */ jsx(ErrorMessage$1, {
-			...n,
-			...r,
-			additionalClasses: e?.error_message,
-			message: t
-		})
-	});
-};
-export { ErrorMessage };

package/dist/esm/components/checkbox/components/label.js

@@ -1,12 +0,0 @@
-import { LabelStandAlone } from "../../label/labelStandAlone.js";
-import { jsx } from "react/jsx-runtime";
-const Label = ({ ...e }) => {
-	if (!e.content) return null;
-	let { cssClasses: t, ...n } = e;
-	return typeof e.content == "string" ? /* @__PURE__ */ jsx(LabelStandAlone, {
-		textCssClasses: t?.label,
-		...n,
-		children: e.content
-	}) : e?.content;
-};
-export { Label };

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

@@ -1,3 +0,0 @@
-export * from './types.js';
-export {  CheckboxControlled  } from './checkboxControlled.js';
-export {  CheckboxUnControlled as Checkbox  } from './checkboxUnControlled.js';

package/dist/esm/components/checkbox/types/state.js

@@ -1,9 +0,0 @@
-const CheckboxState = {
-	DISABLED_SELECTED: "DISABLED_SELECTED",
-	DISABLED_UNSELECTED: "DISABLED_UNSELECTED",
-	ERROR_SELECTED: "ERROR_SELECTED",
-	ERROR_UNSELECTED: "ERROR_UNSELECTED",
-	SELECTED: "SELECTED",
-	UNSELECTED: "UNSELECTED"
-};
-export { CheckboxState };

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

@@ -1,9 +0,0 @@
-const buildAriaDescribedBy = ({ ariaDescribedBy: e, error: t, errorMessageId: n, screenReader: r, screenReaderId: i }) => {
-	let a = [
-		e,
-		r && i,
-		t && n
-	].filter(Boolean);
-	return a.length > 0 ? a.join(" ").trim() : void 0;
-};
-export { buildAriaDescribedBy };

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

@@ -1,3 +0,0 @@
-import { CheckboxState } from "../types/state.js";
-const getCheckboxState = (e = !1, t = !1, n = !1) => n && !e ? CheckboxState.ERROR_UNSELECTED : n ? CheckboxState.ERROR_SELECTED : t && !e ? CheckboxState.DISABLED_UNSELECTED : t ? CheckboxState.DISABLED_SELECTED : e ? CheckboxState.SELECTED : CheckboxState.UNSELECTED;
-export { getCheckboxState };

package/dist/esm/components/checkboxBase/checkboxBaseControlled.js

@@ -1,22 +0,0 @@
-import { useClassName } from "../../lib/hooks/useClassName/useClassName.js";
-import { getCheckboxState } from "../checkbox/utils/state.utils.js";
-import { CheckboxBaseStandAlone } from "./checkboxBaseStandAlone.js";
-import { forwardRef } from "react";
-import { jsx } from "react/jsx-runtime";
-const CheckboxBaseControlled = forwardRef(({ additionalClasses: e, error: t = !1, required: n = !1, variant: r, ...i }, a) => {
-	let o = useClassName({
-		additionalClassNames: e,
-		component: "CHECKBOX_BASE",
-		variant: r
-	}), s = getCheckboxState(i.checked, i.disabled, t).toLocaleLowerCase();
-	return /* @__PURE__ */ jsx(CheckboxBaseStandAlone, {
-		ref: a,
-		cssClasses: o,
-		required: !0,
-		...i,
-		"aria-invalid": t,
-		"data-state": s,
-		"data-testid": "checkboxBase"
-	});
-});
-export { CheckboxBaseControlled };

package/dist/esm/components/checkboxBase/checkboxBaseStandAlone.js

@@ -1,29 +0,0 @@
-import { processIconProp } from "../../lib/utils/process/processCommonProp.js";
-import { ElementOrIcon } from "../../lib/components/elementOrIcon/elementOrIcon.js";
-import { forwardRef } from "react";
-import { jsx, jsxs } from "react/jsx-runtime";
-const CheckboxBaseStandAlone = forwardRef(({ checkedIcon: e, cssClasses: t, inputRef: n, ...r }, i) => {
-	let a = r["data-testid"] ?? "checkbox-base";
-	return /* @__PURE__ */ jsxs("div", {
-		ref: i,
-		className: t?.checkbox_base,
-		"data-testid": a,
-		children: [/* @__PURE__ */ jsx("input", {
-			ref: n,
-			className: t?.input,
-			type: "checkbox",
-			...r,
-			"data-testid": `${a}-input`
-		}), /* @__PURE__ */ jsx("span", {
-			className: t?.iconcontainer,
-			"data-state": r["data-state"],
-			children: /* @__PURE__ */ jsx(ElementOrIcon, {
-				className: t?.icon,
-				complex: !0,
-				"data-state": r["data-state"],
-				...processIconProp(e)
-			})
-		})]
-	});
-});
-export { CheckboxBaseStandAlone };

package/dist/esm/components/checkboxBase/checkboxBaseUncontrolled.js

@@ -1,20 +0,0 @@
-import { CheckboxBaseControlled } from "./checkboxBaseControlled.js";
-import { useCheckbox } from "./hooks/useCheckbox.js";
-import { forwardRef } from "react";
-import { jsx } from "react/jsx-runtime";
-const CheckboxBaseUnControlled = forwardRef(({ checked: t = !1, disabled: n = !1, onChange: r, ...i }, a) => {
-	let { handleToggleIsChecked: o, isChecked: s } = useCheckbox({
-		disabled: n,
-		initialChecked: t
-	}), c = (e) => {
-		r?.(e), o();
-	};
-	return /* @__PURE__ */ jsx(CheckboxBaseControlled, {
-		ref: a,
-		...i,
-		checked: s,
-		disabled: n,
-		onChange: c
-	});
-});
-export { CheckboxBaseUnControlled };

package/dist/esm/components/checkboxBase/hooks/useCheckbox.js

@@ -1,11 +0,0 @@
-import { useState } from "react";
-const useCheckbox = ({ disabled: e, initialChecked: t }) => {
-	let [n, r] = useState(t);
-	return {
-		handleToggleIsChecked: () => {
-			e || r(!n);
-		},
-		isChecked: n
-	};
-};
-export { useCheckbox };

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

@@ -1,3 +0,0 @@
-export * from './types.js';
-export {  CheckboxBaseControlled  } from './checkboxBaseControlled.js';
-export {  CheckboxBaseUnControlled as CheckboxBase  } from './checkboxBaseUncontrolled.js';

package/dist/esm/components/chip/chip.js

@@ -1,19 +0,0 @@
-import { useClassName } from "../../lib/hooks/useClassName/useClassName.js";
-import { STATES } from "../../lib/types/states/states.js";
-import { ChipStandAlone } from "./chipStandAlone.js";
-import { forwardRef } from "react";
-import { jsx } from "react/jsx-runtime";
-const Chip = forwardRef(({ additionalClasses: e, state: t = STATES.DEFAULT, variant: n, ...r }, i) => {
-	let a = useClassName({
-		additionalClassNames: e,
-		component: "CHIP",
-		variant: n
-	});
-	return /* @__PURE__ */ jsx(ChipStandAlone, {
-		...r,
-		ref: i,
-		cssClasses: a,
-		state: t
-	});
-});
-export { Chip };

package/dist/esm/components/chip/chipStandAlone.js

@@ -1,72 +0,0 @@
-import { pickCustomAttributes } from "../../lib/utils/pickCustomAttributes/pickCustomAttributes.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 { forwardRef, isValidElement } from "react";
-import { Fragment as Fragment$1, jsx, jsxs } from "react/jsx-runtime";
-const ChipStandAlone = forwardRef(({ closeIcon: n, cssClasses: r, errorIcon: i, errorMessage: a = { content: "Error message" }, label: o, leftIcon: s, range: c, rangeIcon: l, rangeSeparator: u = { content: "to" }, state: d, ...f }, p) => {
-	let m = { "data-state": d }, h = pickCustomAttributes(f), g = () => typeof n != "string" && n?.altText ? n.altText : "Close", _ = () => c ? /* @__PURE__ */ jsx("span", { children: c.map((e, t) => {
-		let n = t !== c.length - 1;
-		return /* @__PURE__ */ jsxs("span", {
-			className: r?.rangeitemwrapper,
-			children: [/* @__PURE__ */ jsx(Text, {
-				additionalClasses: { text: r?.rangeitemtext },
-				component: "span",
-				customAttributes: m,
-				children: e.label
-			}), n && (l?.icon ? /* @__PURE__ */ jsx(ElementOrIcon, {
-				altText: (typeof o == "string" || isValidElement(o), processTextProp(u).children || ""),
-				className: r?.rangeicon,
-				...processIconProp(l),
-				customAttributes: m
-			}) : /* @__PURE__ */ jsx(Text, {
-				additionalClasses: { text: r?.rangeitemseparator },
-				component: "span",
-				customAttributes: m,
-				...processTextProp(u)
-			}))]
-		}, `option-${e.key ?? e.label}`);
-	}) }) : /* @__PURE__ */ jsx(Text, {
-		additionalClasses: { text: r?.label },
-		component: "span",
-		...processTextProp(o),
-		customAttributes: m
-	});
-	return /* @__PURE__ */ jsxs(Fragment$1, { children: [/* @__PURE__ */ jsxs("span", {
-		ref: p,
-		"aria-disabled": d === STATES.DISABLED,
-		"aria-hidden": d === STATES.DISABLED,
-		className: r?.chip,
-		"data-testid": "chip",
-		...h,
-		...m,
-		children: [
-			!c && s && /* @__PURE__ */ jsx(ElementOrIcon, {
-				className: r?.lefticon,
-				...processIconProp(s)
-			}),
-			_(),
-			/* @__PURE__ */ jsx(ElementOrIcon, {
-				className: r?.closeicon,
-				disabled: d === STATES.DISABLED,
-				...processIconProp(n),
-				altText: g(),
-				customAttributes: m
-			})
-		]
-	}), d === STATES.ERROR && /* @__PURE__ */ jsxs("span", {
-		"aria-live": "polite",
-		className: r?.errorcontainer,
-		children: [/* @__PURE__ */ jsx(ElementOrIcon, {
-			className: r?.erroricon,
-			...processIconProp(i)
-		}), /* @__PURE__ */ jsx(Text, {
-			additionalClasses: { text: r?.errormessage },
-			component: "span",
-			customAttributes: m,
-			...processTextProp(a)
-		})]
-	})] });
-});
-export { ChipStandAlone };

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

@@ -1 +0,0 @@
-export {  Chip  } from './chip.js';

package/dist/esm/components/dataTable/components/dataTableHead.js

@@ -1,67 +0,0 @@
-import { TableCell } from "../../tableCell/tableCell.js";
-import { TableHead } from "../../tableHead/tableHead.js";
-import { TableRow } from "../../tableRow/tableRow.js";
-import { applyFlexToCell } from "../utils/cellConfig.js";
-import { applyGridToRow } from "../utils/rowConfig.js";
-import { jsx } from "react/jsx-runtime";
-const DataTableHead = ({ columns: r, cssClasses: i, hidden: a, sticky: o, tableHeadConfig: s, tableHeadRowConfig: c, usingRowGroups: l }) => {
-	let u = l ? applyGridToRow({
-		columns: r,
-		rowConfig: c
-	}) : c;
-	return /* @__PURE__ */ jsx(TableHead, {
-		additionalClasses: i?.table_head,
-		component: l ? "div" : void 0,
-		hidden: a,
-		sticky: o,
-		...s,
-		children: /* @__PURE__ */ jsx(TableRow, {
-			additionalClasses: i?.table_head_row,
-			component: l ? "div" : void 0,
-			hoverable: !1,
-			...u,
-			children: r?.map((e) => {
-				let t = e.headerContent;
-				if (t && typeof t == "object" && "complex" in t) {
-					let n = l ? applyFlexToCell({ cellConfig: t.complex }) : t.complex;
-					return /* @__PURE__ */ jsx(TableCell, {
-						additionalClasses: i?.table_head_cell,
-						alignItems: u?.cellsAlignItems,
-						component: l ? "div" : void 0,
-						hidden: e.hidden,
-						justifyContent: e.justifyContent,
-						maxWidth: l ? void 0 : e.maxWidth,
-						minWidth: l ? void 0 : e.minWidth,
-						scope: "col",
-						sticky: e.sticky,
-						textAlign: e.textAlign,
-						th: !0,
-						verticalAlign: u?.cellsVerticalAlign,
-						width: l ? void 0 : e.width,
-						...n,
-						children: n?.content
-					}, e.field);
-				}
-				let n = l ? applyFlexToCell({ cellConfig: void 0 }) : void 0;
-				return /* @__PURE__ */ jsx(TableCell, {
-					additionalClasses: i?.table_head_cell,
-					alignItems: u?.cellsAlignItems,
-					component: l ? "div" : void 0,
-					hidden: e.hidden,
-					justifyContent: e.justifyContent,
-					maxWidth: l ? void 0 : e.maxWidth,
-					minWidth: l ? void 0 : e.minWidth,
-					scope: "col",
-					sticky: e.sticky,
-					textAlign: e.textAlign,
-					th: !0,
-					verticalAlign: u?.cellsVerticalAlign,
-					width: l ? void 0 : e.width,
-					...n,
-					children: t
-				}, e.field);
-			})
-		})
-	});
-};
-export { DataTableHead };