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

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

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

@@ -1 +1,2 @@
-const e="{{currentPage}}",n="{{numPages}}";export{e as CAROUSEL_BUILD_SCREEN_READER_CURRENT_PAGE_KEY,n as CAROUSEL_BUILD_SCREEN_READER_NUM_PAGES_KEY};
+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 +1,15 @@
-import{CAROUSEL_BUILD_SCREEN_READER_CURRENT_PAGE_KEY as e,CAROUSEL_BUILD_SCREEN_READER_NUM_PAGES_KEY as n}from"../types/carousel.js";const t=({content:t,currentPage:r,numPages:c})=>{const g=new RegExp(e,"g"),o=new RegExp(n,"g");return t.replace(g,String(r+1)).replace(o,String(c))},r=({currentPage:e,numPages:n,screenReaderOnly:r})=>{if(r?.content)return{...r,content:t({content:r.content,currentPage:e,numPages:n})}};export{r as buildScreenReaderOnly,t as buildScreenReaderText};
+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,2 +1,20 @@
-import{j as s}from"../../_virtual/jsx-runtime.js";import{forwardRef as t}from"react";import{useClassName as a}from"../../lib/hooks/useClassName/useClassName.js";import{CheckboxStandAlone as e}from"./checkboxStandAlone.js";import{getCheckboxState as o}from"./utils/state.utils.js";const r=t(({additionalClasses:t,variant:r,...i},m)=>{const l=a({additionalClassNames:t,component:"CHECKBOX",variant:r}),n=o(i.checked,i.disabled,i.error);/* @__PURE__ */
-return s.jsx(e,{ref:m,cssClasses:l,...i,"data-state":n,"data-testid":"checkbox"})});export{r as CheckboxControlled};
+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,5 +1,56 @@
-import{j as e}from"../../_virtual/jsx-runtime.js";import{forwardRef as r,useId as a}from"react";import{pickCustomAttributes as s}from"../../lib/utils/pickCustomAttributes/pickCustomAttributes.js";import{CheckboxBaseControlled as i}from"../checkboxBase/checkboxBaseControlled.js";import{ErrorMessage as o}from"./components/errorMessage.js";import{Label as d}from"./components/label.js";import{buildAriaDescribedBy as l}from"./utils/aria.utils.js";const t=r(({checkboxBase:r,cssClasses:t,errorMessage:c,id:b,label:n,screenReaderText:m,...p},x)=>{const h=s(p),{"aria-describedby":j,"aria-hidden":u,"aria-label":f,"aria-labelledby":k,...y}=h,v=`checkbox-${a().replace(/:/g,"")}`,g=b??v,C=`${g}-label`,$=`${g}-error`,B=`${g}-screen-reader`,I=r?.variant,M=l({ariaDescribedBy:p["aria-describedby"],error:p.error&&!!c?.message,errorMessageId:$,screenReader:!!m,screenReaderId:B});/* @__PURE__ */
-return e.jsxs("div",{ref:x,...y,className:t?.checkbox,children:[
-/* @__PURE__ */e.jsxs("div",{className:t?.checkboxwithlabelcontainer,children:[!!I&&/* @__PURE__ */e.jsx(i,{...p,"aria-describedby":M,"aria-hidden":p["aria-hidden"],"aria-label":p["aria-label"],"aria-labelledby":p["aria-labelledby"],id:g,variant:I}),
-/* @__PURE__ */e.jsx("screen-reader-only",{id:B,children:m}),
-/* @__PURE__ */e.jsx(d,{...n,cssClasses:t,id:C,inputId:g})]}),!!p.error&&/* @__PURE__ */e.jsx(o,{"aria-live":"assertive",cssClasses:t,"data-testid":`${p["data-testid"]}-error-message`,...c,id:$,inputId:g,show:p.error&&!p.disabled})]})});export{t as CheckboxStandAlone};
+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,2 +1,22 @@
-import{j as e}from"../../_virtual/jsx-runtime.js";import{forwardRef as r}from"react";import{useCheckbox as o}from"../checkboxBase/hooks/useCheckbox.js";import{CheckboxControlled as s}from"./checkboxControlled.js";const c=r(({checked:r=!1,disabled:c=!1,error:d=!1,onChange:i,required:t=!1,...h},a)=>{const{handleToggleIsChecked:n,isChecked:k}=o({disabled:c,initialChecked:r});/* @__PURE__ */
-return e.jsx(s,{...h,ref:a,checked:k,disabled:c,error:d,required:t,onChange:e=>{i?.(e),n()}})});export{c as CheckboxUnControlled};
+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,2 +1,17 @@
-import{j as s}from"../../../_virtual/jsx-runtime.js";import{ErrorMessage as r}from"../../../lib/components/errorMessage/errorMessage.js";import{pickCustomAttributes as e}from"../../../lib/utils/pickCustomAttributes/pickCustomAttributes.js";const t=({cssClasses:t,message:o,...i})=>{if(!o)return null;const a=e(i);/* @__PURE__ */
-return s.jsx("div",{className:t?.errormessagecontainer,children:/* @__PURE__ */s.jsx(r,{...i,...a,additionalClasses:t?.error_message,message:o})})};export{t as ErrorMessage};
+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 +1,12 @@
-import{j as t}from"../../../_virtual/jsx-runtime.js";import{LabelStandAlone as n}from"../../label/labelStandAlone.js";const s=({...s})=>{if(!s.content)return null;const{cssClasses:e,...l}=s;return"string"==typeof s.content?/* @__PURE__ */t.jsx(n,{textCssClasses:e?.label,...l,children:s.content}):s?.content};export{s as Label};
+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/types/state.js

@@ -1 +1,9 @@
-const E={DISABLED_SELECTED:"DISABLED_SELECTED",DISABLED_UNSELECTED:"DISABLED_UNSELECTED",ERROR_SELECTED:"ERROR_SELECTED",ERROR_UNSELECTED:"ERROR_UNSELECTED",SELECTED:"SELECTED",UNSELECTED:"UNSELECTED"};export{E as CheckboxState};
+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 +1,9 @@
-const e=({ariaDescribedBy:e,error:r,errorMessageId:o,screenReader:n,screenReaderId:s})=>{const t=[e,n&&s,r&&o].filter(Boolean);return t.length>0?t.join(" ").trim():void 0};export{e as buildAriaDescribedBy};
+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 +1,3 @@
-import{CheckboxState as E}from"../types/state.js";const D=(D=!1,L=!1,S=!1)=>S&&!D?E.ERROR_UNSELECTED:S?E.ERROR_SELECTED:L&&!D?E.DISABLED_UNSELECTED:L?E.DISABLED_SELECTED:D?E.SELECTED:E.UNSELECTED;export{D as getCheckboxState};
+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,2 +1,22 @@
-import{j as s}from"../../_virtual/jsx-runtime.js";import{forwardRef as a}from"react";import{useClassName as e}from"../../lib/hooks/useClassName/useClassName.js";import{getCheckboxState as t}from"../checkbox/utils/state.utils.js";import{CheckboxBaseStandAlone as r}from"./checkboxBaseStandAlone.js";const o=a(({additionalClasses:a,error:o=!1,required:i=!1,variant:l,...m},c)=>{const d=e({additionalClassNames:a,component:"CHECKBOX_BASE",variant:l}),n=t(m.checked,m.disabled,o).toLocaleLowerCase();/* @__PURE__ */
-return s.jsx(r,{ref:c,cssClasses:d,required:!0,...m,"aria-invalid":o,"data-state":n,"data-testid":"checkboxBase"})});export{o as CheckboxBaseControlled};
+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,4 +1,29 @@
-import{j as s}from"../../_virtual/jsx-runtime.js";import{forwardRef as t}from"react";import{ElementOrIcon as e}from"../../lib/components/elementOrIcon/elementOrIcon.js";import{processIcon as a}from"../../lib/utils/process/processIcon/processIcon.js";const c=t(({checkedIcon:t,cssClasses:c,inputRef:o,...n},r)=>{const i=n["data-testid"]??"checkbox-base";/* @__PURE__ */
-return s.jsxs("div",{ref:r,className:c?.checkbox_base,"data-testid":i,children:[
-/* @__PURE__ */s.jsx("input",{ref:o,className:c?.input,type:"checkbox",...n,"data-testid":`${i}-input`}),
-/* @__PURE__ */s.jsx("span",{className:c?.iconcontainer,"data-state":n["data-state"],children:/* @__PURE__ */s.jsx(e,{className:c?.icon,complex:!0,"data-state":n["data-state"],...a(t)})})]})});export{c as CheckboxBaseStandAlone};
+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,2 +1,20 @@
-import{j as e}from"../../_virtual/jsx-runtime.js";import{forwardRef as o}from"react";import{CheckboxBaseControlled as r}from"./checkboxBaseControlled.js";import{useCheckbox as s}from"./hooks/useCheckbox.js";const c=o(({checked:o=!1,disabled:c=!1,onChange:d,...i},t)=>{const{handleToggleIsChecked:a,isChecked:h}=s({disabled:c,initialChecked:o});/* @__PURE__ */
-return e.jsx(r,{ref:t,...i,checked:h,disabled:c,onChange:e=>{d?.(e),a()}})});export{c as CheckboxBaseUnControlled};
+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 +1,11 @@
-import{useState as e}from"react";const t=({disabled:t,initialChecked:c})=>{const[d,i]=e(c);return{handleToggleIsChecked:()=>{t||i(!d)},isChecked:d}};export{t as useCheckbox};
+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/chip/chip.js

@@ -1,2 +1,19 @@
-import{j as s}from"../../_virtual/jsx-runtime.js";import{forwardRef as t}from"react";import{useClassName as a}from"../../lib/hooks/useClassName/useClassName.js";import{STATES as o}from"../../lib/types/states/states.js";import{ChipStandAlone as e}from"./chipStandAlone.js";const r=t(({additionalClasses:t,state:r=o.DEFAULT,variant:i,...m},n)=>{const l=a({additionalClassNames:t,component:"CHIP",variant:i});/* @__PURE__ */
-return s.jsx(e,{...m,ref:n,cssClasses:l,state:r})});export{r as Chip};
+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,8 +1,72 @@
-import{j as t}from"../../_virtual/jsx-runtime.js";import{forwardRef as e,isValidElement as s}from"react";import{Text as r}from"../text/text.js";import{ElementOrIcon as a}from"../../lib/components/elementOrIcon/elementOrIcon.js";import{STATES as o}from"../../lib/types/states/states.js";import{pickCustomAttributes as n}from"../../lib/utils/pickCustomAttributes/pickCustomAttributes.js";import{processIcon as i}from"../../lib/utils/process/processIcon/processIcon.js";import{processText as c}from"../../lib/utils/process/processText/processText.js";const l=e(({closeIcon:e,cssClasses:l,deleteText:m="Delete",errorIcon:p,errorMessage:x={content:"Error message"},label:d,leftIcon:u,range:j,rangeIcon:b,rangeSeparator:g={content:"to"},state:f,...h},A)=>{const I={"data-state":f},C=n(h);/* @__PURE__ */
-return t.jsxs(t.Fragment,{children:[
-/* @__PURE__ */t.jsxs("span",{ref:A,"aria-disabled":f===o.DISABLED,"aria-hidden":f===o.DISABLED,className:l?.chip,"data-testid":"chip",...C,...I,children:[!j&&u&&/* @__PURE__ */t.jsx(a,{className:l?.lefticon,...i(u)}),j?/* @__PURE__ */t.jsx("span",{children:j.map((e,o)=>{const n=o!==j.length-1;/* @__PURE__ */
-return t.jsxs("span",{className:l?.rangeitemwrapper,children:[
-/* @__PURE__ */t.jsx(r,{additionalClasses:{text:l?.rangeitemtext},component:"span",customAttributes:I,children:e.label}),n&&(b?.icon?/* @__PURE__ */t.jsx(a,{altText:("string"==typeof d||s(d),c(g).children||""),className:l?.rangeicon,...i(b),customAttributes:I}):/* @__PURE__ */t.jsx(r,{additionalClasses:{text:l?.rangeitemseparator},component:"span",customAttributes:I,...c(g)}))]},`option-${e.key??e.label}`)})}):/* @__PURE__ */t.jsx(r,{additionalClasses:{text:l?.label},component:"span",...c(d),customAttributes:I}),
-/* @__PURE__ */t.jsx(a,{className:l?.closeicon,disabled:f===o.DISABLED,...i(e),altText:"string"!=typeof e&&e?.altText?e.altText:m,customAttributes:I})]}),f===o.ERROR&&/* @__PURE__ */t.jsxs("span",{"aria-live":"polite",className:l?.errorcontainer,children:[
-/* @__PURE__ */t.jsx(a,{className:l?.erroricon,...i(p)}),
-/* @__PURE__ */t.jsx(r,{additionalClasses:{text:l?.errormessage},component:"span",customAttributes:I,...c(x)})]})]})});export{l as ChipStandAlone};
+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/dataTable/components/dataTableHead.js

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