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

package/dist/types/lib/utils/pickCustomAttributes/pickCustomAttributes.d.ts

@@ -0,0 +1,24 @@
+/**
+ * Filters and processes custom attributes from a given object, returning only
+ * attributes that are valid for HTML or other use cases.
+ *
+ * This function is particularly useful for extracting `aria-*`, `data-*`, or
+ * other custom attributes from an object and ensuring they are properly formatted
+ * for HTML rendering or other contexts.
+ *
+ * @param attributes - An optional object containing key-value pairs of attributes.
+ *   - Keys can be strings representing attribute names.
+ *   - Values can be strings, booleans, or any other type.
+ * @param forHtml - A boolean flag indicating whether the values should be
+ *   converted to strings for HTML compatibility.
+ *   - `true` (default): Converts all values to strings.
+ *   - `false`: Keeps the original value types.
+ *
+ * @returns A new object containing only the filtered attributes:
+ *   - Includes attributes that start with `aria-` or `data-`.
+ *   - Excludes all other attributes.
+ *   - If `forHtml` is `true`, all values are converted to strings.
+ *   - If `forHtml` is `false`, values retain their original types.
+ */
+export declare const pickCustomAttributes: (attributes?: Record<string, string | boolean | any>, forHtml?: boolean) => Record<string, string | boolean>;
+//# sourceMappingURL=pickCustomAttributes.d.ts.map

package/dist/types/lib/utils/pickCustomAttributes/pickCustomAttributes.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"pickCustomAttributes.d.ts","sourceRoot":"","sources":["../../../../../src/lib/utils/pickCustomAttributes/pickCustomAttributes.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;;;;;;;GAqBG;AACH,eAAO,MAAM,oBAAoB,GAE/B,aAAa,MAAM,CAAC,MAAM,EAAE,MAAM,GAAG,OAAO,GAAG,GAAG,CAAC,EACnD,UAAS,OAAc,KACtB,MAAM,CAAC,MAAM,EAAE,MAAM,GAAG,OAAO,CAejC,CAAC"}

package/dist/types/lib/utils/process/processCommonProp.d.ts

@@ -0,0 +1,90 @@
+/**
+ * Configuration options for processing common props
+ */
+export interface ProcessCommonPropConfig {
+    /** The property name to use when wrapping a string value (default: 'children') */
+    propertyName?: 'icon' | 'children';
+    /** Maximum length for string truncation (only applies to text) */
+    maxLength?: number;
+    /** Whether to handle React elements (only applies to text processing) */
+    allowReactElements?: boolean;
+    /** Whether to extract 'content' property from objects (only applies to text) */
+    extractContent?: boolean;
+}
+/**
+ * Universal function to process common props (icon, text, etc.) and return them in a standardized format.
+ *
+ * This function combines the functionality of `processIcon` and `processText` into a single,
+ * flexible utility that can handle various input types and convert them to the appropriate format.
+ *
+ * @param prop - The property to process. Can be a string, React node, or object with properties.
+ * @param config - Configuration options for processing
+ * @returns A standardized object containing the processed property
+ *
+ * @remarks
+ * - If the input is a string, it's wrapped in an object with the specified property name
+ * - If the input is a React node (when `allowReactElements` is true), it's returned as children
+ * - If the input is an object, it's returned as-is (with optional content extraction)
+ * - If the input is `undefined`, an empty object or object with null children is returned
+ * - Strings can be truncated to a maximum length when specified
+ *
+ * @example
+ * ```typescript
+ * // Process icon (simple string to object)
+ * processCommonProp('home', { propertyName: 'icon' })
+ * // Returns: { icon: 'home' }
+ *
+ * // Process icon object
+ * processCommonProp({ icon: 'settings', size: 'large' }, { propertyName: 'icon' })
+ * // Returns: { icon: 'settings', size: 'large' }
+ *
+ * // Process text (string to children)
+ * processCommonProp('Hello, world!')
+ * // Returns: { children: 'Hello, world!' }
+ *
+ * // Process text with truncation
+ * processCommonProp('Hello, world!', { maxLength: 5 })
+ * // Returns: { children: 'Hello' }
+ *
+ * // Process React element
+ * processCommonProp(<span>Hello</span>, { allowReactElements: true })
+ * // Returns: { children: <span>Hello</span> }
+ *
+ * // Process object with content property
+ * processCommonProp(
+ *   { content: 'Hello', style: { color: 'red' } },
+ *   { extractContent: true, maxLength: 3 }
+ * )
+ * // Returns: { children: 'Hel', style: { color: 'red' } }
+ * ```
+ */
+export declare const processCommonProp: <T = any>(prop?: string | React.ReactNode | T, config?: ProcessCommonPropConfig) => any;
+/**
+ * Helper function to process icon props (wrapper around processCommonProp)
+ *
+ * @param icon - The icon to process
+ * @returns An object with the icon property
+ *
+ * @example
+ * ```typescript
+ * processIconProp('home') // Returns: { icon: 'home' }
+ * processIconProp({ icon: 'settings', size: 'large' }) // Returns: { icon: 'settings', size: 'large' }
+ * ```
+ */
+export declare const processIconProp: (icon?: any) => any;
+/**
+ * Helper function to process text props (wrapper around processCommonProp)
+ *
+ * @param text - The text to process
+ * @param maxLength - Optional maximum length for truncation
+ * @returns An object with the children property
+ *
+ * @example
+ * ```typescript
+ * processTextProp('Hello') // Returns: { children: 'Hello' }
+ * processTextProp('Hello, world!', 5) // Returns: { children: 'Hello' }
+ * processTextProp(<span>Hello</span>) // Returns: { children: <span>Hello</span> }
+ * ```
+ */
+export declare const processTextProp: (text?: any, maxLength?: number) => any;
+//# sourceMappingURL=processCommonProp.d.ts.map

package/dist/types/lib/utils/process/processCommonProp.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"processCommonProp.d.ts","sourceRoot":"","sources":["../../../../../src/lib/utils/process/processCommonProp.ts"],"names":[],"mappings":"AAEA;;GAEG;AACH,MAAM,WAAW,uBAAuB;IACtC,kFAAkF;IAClF,YAAY,CAAC,EAAE,MAAM,GAAG,UAAU,CAAC;IACnC,kEAAkE;IAClE,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,yEAAyE;IACzE,kBAAkB,CAAC,EAAE,OAAO,CAAC;IAC7B,gFAAgF;IAChF,cAAc,CAAC,EAAE,OAAO,CAAC;CAC1B;AAED;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA8CG;AAEH,eAAO,MAAM,iBAAiB,GAAI,CAAC,GAAG,GAAG,EACvC,OAAO,MAAM,GAAG,KAAK,CAAC,SAAS,GAAG,CAAC,EACnC,SAAQ,uBAA4B,KAEnC,GAiDF,CAAC;AAEF;;;;;;;;;;;GAWG;AAEH,eAAO,MAAM,eAAe,GAAI,OAAO,GAAG,KAAG,GAM5C,CAAC;AAEF;;;;;;;;;;;;;GAaG;AAEH,eAAO,MAAM,eAAe,GAAI,OAAO,GAAG,EAAE,YAAY,MAAM,KAAG,GAOhE,CAAC"}

package/dist/types/lib/utils/refs/syncRefs.d.ts

@@ -0,0 +1,29 @@
+type SyncInnerAndForwardedRef = <T extends HTMLElement>(params: {
+    innerRef: React.MutableRefObject<T | null>;
+    forwardedRef: React.ForwardedRef<T | null> | undefined | null;
+}) => void;
+/**
+ * Utility function to synchronize an internal ref with a forwarded ref.
+ * This is useful when a component needs both an internal ref for its own logic
+ * and needs to expose that ref via React.forwardRef.
+ *
+ * @param params - Configuration object
+ * @param params.innerRef - The internal ref object
+ * @param params.forwardedRef - The forwarded ref from React.forwardRef
+ *
+ * @example
+ * ```tsx
+ * const MyComponent = forwardRef<HTMLDivElement>((props, ref) => {
+ *   const innerRef = useRef<HTMLDivElement>(null);
+ *
+ *   useEffect(() => {
+ *     syncInnerAndForwardedRef({ innerRef, forwardedRef: ref });
+ *   }, [ref]);
+ *
+ *   return <div ref={innerRef}>Content</div>;
+ * });
+ * ```
+ */
+export declare const syncInnerAndForwardedRef: SyncInnerAndForwardedRef;
+export {};
+//# sourceMappingURL=syncRefs.d.ts.map

package/dist/types/lib/utils/refs/syncRefs.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"syncRefs.d.ts","sourceRoot":"","sources":["../../../../../src/lib/utils/refs/syncRefs.ts"],"names":[],"mappings":"AAAA,KAAK,wBAAwB,GAAG,CAAC,CAAC,SAAS,WAAW,EAAE,MAAM,EAAE;IAC9D,QAAQ,EAAE,KAAK,CAAC,gBAAgB,CAAC,CAAC,GAAG,IAAI,CAAC,CAAC;IAC3C,YAAY,EAAE,KAAK,CAAC,YAAY,CAAC,CAAC,GAAG,IAAI,CAAC,GAAG,SAAS,GAAG,IAAI,CAAC;CAC/D,KAAK,IAAI,CAAC;AAEX;;;;;;;;;;;;;;;;;;;;;GAqBG;AACH,eAAO,MAAM,wBAAwB,EAAE,wBAWtC,CAAC"}

package/dist/types/lib/utils/scroll/hasScroll.d.ts

@@ -0,0 +1,49 @@
+/**
+ * Checks if an HTML element has vertical scroll.
+ *
+ * This function determines whether the content of the given element
+ * overflows vertically, meaning the element has a scrollable vertical area.
+ *
+ * @param {HTMLElement} element - The HTML element to check for vertical scroll.
+ * @returns {boolean} - `true` if the element has vertical scroll, otherwise `false`.
+ *
+ * @example
+ * const element = document.getElementById('content');
+ * if (hasVerticalScroll(element)) {
+ *   console.log('The element has vertical scroll.');
+ * }
+ */
+export declare const hasVerticalScroll: (element: HTMLElement) => boolean;
+/**
+ * Checks if an HTML element has horizontal scroll.
+ *
+ * This function determines whether the content of the given element
+ * overflows horizontally, meaning the element has a scrollable horizontal area.
+ *
+ * @param {HTMLElement} element - The HTML element to check for horizontal scroll.
+ * @returns {boolean} - `true` if the element has horizontal scroll, otherwise `false`.
+ *
+ * @example
+ * const element = document.getElementById('content');
+ * if (hasHorizontalScroll(element)) {
+ *   console.log('The element has horizontal scroll.');
+ * }
+ */
+export declare const hasHorizontalScroll: (element: HTMLElement) => boolean;
+/**
+ * Checks if an HTML element has any scroll (vertical or horizontal).
+ *
+ * This function combines the checks for both vertical and horizontal scroll
+ * to determine if the given element has any scrollable area.
+ *
+ * @param {HTMLElement} element - The HTML element to check for scroll.
+ * @returns {boolean} - `true` if the element has either vertical or horizontal scroll, otherwise `false`.
+ *
+ * @example
+ * const element = document.getElementById('content');
+ * if (hasScroll(element)) {
+ *   console.log('The element has scroll.');
+ * }
+ */
+export declare const hasScroll: (element: HTMLElement) => boolean;
+//# sourceMappingURL=hasScroll.d.ts.map

package/dist/types/lib/utils/scroll/hasScroll.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"hasScroll.d.ts","sourceRoot":"","sources":["../../../../../src/lib/utils/scroll/hasScroll.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;GAcG;AACH,eAAO,MAAM,iBAAiB,GAAI,SAAS,WAAW,KAAG,OAExD,CAAC;AAEF;;;;;;;;;;;;;;GAcG;AACH,eAAO,MAAM,mBAAmB,GAAI,SAAS,WAAW,KAAG,OAE1D,CAAC;AAEF;;;;;;;;;;;;;;GAcG;AACH,eAAO,MAAM,SAAS,GAAI,SAAS,WAAW,KAAG,OAEhD,CAAC"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@kubit-ui-web/react-components",
-  "version": "2.0.0-beta.60",
+  "version": "2.0.0-beta.63",
   "description": "Kubit React Components is a customizable, accessible library of React web components, designed to enhance your application's user experience",
   "author": {
     "name": "Kubit",
@@ -59,10 +59,11 @@
     "server-side-rendering",
     "tree-shakeable",
     "esm",
-    "commonjs"
+    "commonjs",
+    "rslib"
   ],
   "main": "dist/cjs/index.js",
-  "module": "dist/esm/index.js",
+  "module": "dist/esm/index.mjs",
   "types": "dist/types/index.d.ts",
   "sideEffects": [
     "*.css",
@@ -112,17 +113,17 @@
   "exports": {
     ".": {
       "types": "./dist/types/index.d.ts",
-      "import": "./dist/esm/index.js",
+      "import": "./dist/esm/index.mjs",
       "require": "./dist/cjs/index.js"
     },
     "./components/*": {
       "types": "./dist/types/index.d.ts",
-      "import": "./dist/esm/components/*/index.js",
+      "import": "./dist/esm/components/*/index.mjs",
       "require": "./dist/cjs/components/*/index.js"
     },
     "./provider/*": {
       "types": "./dist/types/index.d.ts",
-      "import": "./dist/esm/lib/provider/*/index.js",
+      "import": "./dist/esm/lib/provider/*/index.mjs",
       "require": "./dist/cjs/lib/provider/*/index.js"
     },
     "./package.json": "./package.json"
@@ -145,20 +146,21 @@
     "@floating-ui/dom": "^1.7.5"
   },
   "devDependencies": {
+    "@rsbuild/plugin-react": "^1.4.5",
+    "@rslib/core": "^0.19.6",
     "@testing-library/dom": "^10.4.1",
     "@testing-library/jest-dom": "^6.9.1",
     "@testing-library/react": "^16.3.2",
     "@testing-library/user-event": "^14.6.1",
     "@trivago/prettier-plugin-sort-imports": "^6.0.2",
-    "@types/node": "^25.3.0",
+    "@types/node": "^25.3.1",
     "@types/react": "^19.2.14",
     "@types/react-dom": "^19.2.3",
     "@types/testing-library__jest-dom": "^6.0.0",
-    "@vitejs/plugin-react": "^5.1.4",
     "@vitest/coverage-v8": "^4.0.18",
     "@vitest/ui": "^4.0.18",
-    "bernova": "1.5.4",
-    "eslint": "^10.0.1",
+    "bernova": "1.6.0",
+    "eslint": "^10.0.2",
     "eslint-config-kubit": "2.0.2",
     "glob": "^13.0.6",
     "html-validate": "^10.9.0",
@@ -167,12 +169,10 @@
     "react": "^19.2.4",
     "react-dom": "^19.2.4",
     "typescript": "^5.9.3",
-    "typescript-eslint": "^8.56.0",
-    "vite": "8.0.0-beta.10",
-    "vite-plugin-dts": "^4.5.4",
+    "typescript-eslint": "^8.56.1",
     "vitest": "^4.0.18",
     "vitest-axe": "^0.1.0",
-    "@kubit-ui-web/design-system": "2.0.0-beta.20"
+    "@kubit-ui-web/design-system": "2.0.0-beta.23"
   },
   "publishConfig": {
     "access": "public",
@@ -185,10 +185,10 @@
   "homepage": "https://www.kubit-ui.com/",
   "documentation": "https://www.kubit-ui.com",
   "scripts": {
-    "dev": "vite build --watch",
-    "build": "vite build",
+    "dev": "rslib build --watch",
+    "build": "rslib build",
     "predist": "rm -rf dist",
-    "dist": "vite build",
+    "dist": "rslib build",
     "lint": "eslint src",
     "lint:fix": "eslint src --fix",
     "format": "prettier --write \"src/**/*.{ts,tsx,js,jsx,json,css,scss,md}\"",

package/dist/cjs/components/image/image2.js

@@ -1 +0,0 @@
-const e=require(`../../lib/provider/genericComponentsProvider/genericComponentsProvider.js`),t=require(`./imageStandAlone.js`);let n=require(`react`),r=require(`react/jsx-runtime`);const i=(0,n.forwardRef)((n,i)=>{let{IMAGE:a}=e.useGenericComponents();return(0,r.jsx)(t.ImageStandAlone,{...n,ref:i,component:a})});exports.Image=i;

package/dist/cjs/components/skeleton/skeleton2.js

@@ -1 +0,0 @@
-const e=require(`../../lib/hooks/useClassName/useClassName.js`),t=require(`./skeletonStandAlone.js`);let n=require(`react`),r=require(`react/jsx-runtime`);const i=(0,n.forwardRef)(({additionalClasses:n,additionalShapeClasses:i,shapeVariant:a,variant:o,...s},c)=>{let l=e.useClassName({additionalClassNames:n,component:`SKELETON`,variant:o}),u=e.useClassName({additionalClassNames:i,component:`SKELETON`,variant:a});return(0,r.jsx)(t.SkeletonStandAlone,{...s,ref:c,cssClasses:l,cssShapeClasses:u,shapeVariant:o})});exports.Skeleton=i;

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

@@ -1 +0,0 @@
-const e=require(`../../lib/hooks/useClassName/useClassName.js`),t=require(`./textStandAlone.js`);let n=require(`react`),r=require(`react/jsx-runtime`);const i=(0,n.forwardRef)(({additionalClasses:n,children:i,variant:a,...o},s)=>{let c=e.useClassName({additionalClassNames:n,component:`TEXT`,variant:a});return i?(0,r.jsx)(t.TextStandAlone,{...o,ref:s,cssClasses:c,children:i}):null});exports.Text=i;

package/dist/esm/components/accordion/accordionControlled.js

@@ -1,27 +0,0 @@
-import { useClassName } from "../../lib/hooks/useClassName/useClassName.js";
-import { AccordionStandAlone } from "./accordionStandAlone.js";
-import { useAccordionContentOverflow } from "./hooks/useAccordionContentOverflow.js";
-import { useAccordionInertContent } from "./hooks/useAccordionInertContent.js";
-import { forwardRef, useImperativeHandle, useRef } from "react";
-import { jsx } from "react/jsx-runtime";
-const AccordionControlled = forwardRef(({ additionalClasses: e, children: t, expanded: n, variant: r, ...i }, a) => {
-	let o = useClassName({
-		additionalClassNames: e,
-		component: "ACCORDION",
-		variant: r
-	}), s = useRef(null);
-	return useImperativeHandle(a, () => s.current, []), useAccordionContentOverflow({
-		expanded: n,
-		ref: s
-	}), useAccordionInertContent({
-		expanded: n,
-		ref: s
-	}), /* @__PURE__ */ jsx(AccordionStandAlone, {
-		ref: s,
-		cssClasses: o,
-		expanded: n,
-		...i,
-		children: t
-	});
-});
-export { AccordionControlled };

package/dist/esm/components/accordion/accordionStandAlone.js

@@ -1,43 +0,0 @@
-import { pickCustomAttributes } from "../../lib/utils/pickCustomAttributes/pickCustomAttributes.js";
-import { CustomComponent } from "../../lib/components/customComponent/customComponent.js";
-import { STATE } from "./types/state.js";
-import { forwardRef, useId } from "react";
-import { jsx, jsxs } from "react/jsx-runtime";
-const AccordionStandAlone = forwardRef(({ children: e, component: t = "div", cssClasses: n, dataTestId: r = "accordion", expanded: i, header: a, headerComponent: o = "h3", onHeaderClick: s }, c) => {
-	let l = `${`accordion-${useId().replace(/:/g, "")}`}-content`, u = pickCustomAttributes({ "data-state": i ? STATE.EXPANDED : STATE.COLLAPSED });
-	return /* @__PURE__ */ jsx(CustomComponent, {
-		ref: c,
-		className: n?.accordion,
-		component: t,
-		"data-testid": r,
-		...u,
-		children: /* @__PURE__ */ jsxs("div", { children: [/* @__PURE__ */ jsx(CustomComponent, {
-			className: n?.header,
-			component: o,
-			...u,
-			children: /* @__PURE__ */ jsx("button", {
-				"aria-controls": l,
-				"aria-expanded": i,
-				className: n?.headerbutton,
-				"data-testid": `${r}-header`,
-				type: "button",
-				onClick: s,
-				...u,
-				children: a
-			})
-		}), /* @__PURE__ */ jsx("div", {
-			className: n?.content,
-			"data-kbt-accordion-content": !0,
-			"data-testid": `${r}-content`,
-			id: l,
-			...u,
-			children: /* @__PURE__ */ jsx("div", {
-				className: n?.innercontent,
-				"data-kbt-accordion-content-inner": !0,
-				...u,
-				children: e
-			})
-		})] })
-	});
-});
-export { AccordionStandAlone };

package/dist/esm/components/accordion/accordionUnControlled.js

@@ -1,16 +0,0 @@
-import { AccordionControlled } from "./accordionControlled.js";
-import { forwardRef, useState } from "react";
-import { jsx } from "react/jsx-runtime";
-var AccordionUnControlled = forwardRef(({ children: t, defaultExpanded: n = !1, onExpandCollapse: r, ...i }, a) => {
-	let [o, s] = useState(n), c = (e) => {
-		s(!o), r?.(!o, e);
-	};
-	return /* @__PURE__ */ jsx(AccordionControlled, {
-		ref: a,
-		...i,
-		expanded: o,
-		onHeaderClick: c,
-		children: t
-	});
-});
-export { AccordionUnControlled };

package/dist/esm/components/accordion/hooks/useAccordionContentOverflow.js

@@ -1,24 +0,0 @@
-import { useEffect, useRef } from "react";
-const useAccordionContentOverflow = ({ expanded: n, ref: r }) => {
-	let i = useRef(n);
-	useEffect(() => {
-		let e = r.current?.querySelector("[data-kbt-accordion-content]"), t = e?.querySelector("[data-kbt-accordion-content-inner]");
-		if (!(!(e instanceof HTMLElement) || !(t instanceof HTMLElement))) {
-			if (i.current === n) {
-				let r = n ? "visible" : "hidden";
-				e.style.overflow = r, t.style.overflow = r;
-				return;
-			}
-			i.current = n, e.style.overflow = "hidden", t.style.overflow = "hidden";
-		}
-	}, [n]), useEffect(() => {
-		let e = (e) => {
-			let t = r.current?.querySelector("[data-kbt-accordion-content]"), n = t?.querySelector("[data-kbt-accordion-content-inner]");
-			!(t instanceof HTMLElement) || !(n instanceof HTMLElement) || e.target !== t || i.current && (t.style.overflow = "visible", n.style.overflow = "visible");
-		};
-		return r.current?.addEventListener("transitionend", e), () => {
-			r.current?.removeEventListener("transitionend", e);
-		};
-	}, []);
-};
-export { useAccordionContentOverflow };

package/dist/esm/components/accordion/hooks/useAccordionInertContent.js

@@ -1,8 +0,0 @@
-import { useEffect } from "react";
-const useAccordionInertContent = ({ expanded: t, ref: n }) => {
-	useEffect(() => {
-		let e = n.current?.querySelector("[data-kbt-accordion-content]");
-		e instanceof HTMLElement && (t ? e.removeAttribute("inert") : e.setAttribute("inert", ""));
-	}, [t]);
-};
-export { useAccordionInertContent };

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

@@ -1,2 +0,0 @@
-export {  AccordionControlled  } from './accordionControlled.js';
-export {  Accordion  } from './accordionUnControlled.js';

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

@@ -1,5 +0,0 @@
-const STATE = {
-	COLLAPSED: "collapsed",
-	EXPANDED: "expanded"
-};
-export { STATE };

package/dist/esm/components/alert/alertControlled.js

@@ -1,14 +0,0 @@
-import { useClassName } from "../../lib/hooks/useClassName/useClassName.js";
-import { AlertStandAlone } from "./alertStandAlone.js";
-import { forwardRef } from "react";
-import { jsx } from "react/jsx-runtime";
-const Alert = forwardRef(({ additionalClasses: e, variant: t, ...n }, r) => /* @__PURE__ */ jsx(AlertStandAlone, {
-	ref: r,
-	cssClasses: useClassName({
-		additionalClassNames: e,
-		component: "ALERT",
-		variant: t
-	}),
-	...n
-}));
-export { Alert };

package/dist/esm/components/alert/alertStandAlone.js

@@ -1,26 +0,0 @@
-import { pickCustomAttributes } from "../../lib/utils/pickCustomAttributes/pickCustomAttributes.js";
-import { Text } from "../text/text2.js";
-import { processTextProp } from "../../lib/utils/process/processCommonProp.js";
-import { forwardRef } from "react";
-import { jsx } from "react/jsx-runtime";
-const AlertStandAlone = forwardRef(({ ariaLive: e = "off", content: t, cssClasses: n, id: r, role: i, ...a }, o) => {
-	let s = a["data-testid"] || "alert", { "data-testid": c, ...l } = a, u = pickCustomAttributes(l), d = processTextProp(t), f = () => typeof t == "string" ? /* @__PURE__ */ jsx(Text, {
-		additionalClasses: { text: n?.description },
-		component: "p",
-		...d
-	}) : d.children;
-	return /* @__PURE__ */ jsx("div", {
-		...u,
-		ref: o,
-		"aria-live": e,
-		className: n?.container,
-		"data-testid": s,
-		id: r,
-		role: i,
-		children: /* @__PURE__ */ jsx("div", {
-			className: n?.contentcontainer,
-			children: f()
-		})
-	});
-});
-export { AlertStandAlone };

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

@@ -1 +0,0 @@
-export {  Alert  } from './alertControlled.js';

package/dist/esm/components/avatar/avatar.js

@@ -1,23 +0,0 @@
-import { useGenericComponents } from "../../lib/provider/genericComponentsProvider/genericComponentsProvider.js";
-import { useClassName } from "../../lib/hooks/useClassName/useClassName.js";
-import { AvatarStandAlone } from "./avatarStandAlone.js";
-import { forwardRef } from "react";
-import { jsx } from "react/jsx-runtime";
-const Avatar = forwardRef(({ additionalClasses: e, icon: t, image: n, initials: r, size: i, ...a }, o) => {
-	let { LINK: s } = useGenericComponents(), c = useClassName({
-		additionalClassNames: e,
-		component: "AVATAR",
-		variant: i
-	}), l = n ? "with-images" : r ? "with-initials" : "with-icon";
-	return /* @__PURE__ */ jsx(AvatarStandAlone, {
-		...a,
-		ref: o,
-		contentType: l,
-		cssClasses: c,
-		icon: t,
-		image: n,
-		initials: r,
-		linkComponent: s
-	});
-});
-export { Avatar };

package/dist/esm/components/avatar/avatarStandAlone.js

@@ -1,51 +0,0 @@
-import { pickCustomAttributes } from "../../lib/utils/pickCustomAttributes/pickCustomAttributes.js";
-import { CustomComponent } from "../../lib/components/customComponent/customComponent.js";
-import { DrawContent } from "./fragments/drawContent.js";
-import { forwardRef } from "react";
-import { jsx } from "react/jsx-runtime";
-const AvatarStandAlone = forwardRef(({ backgroundColor: e = "color-default", contentType: t, cssClasses: n, dot: r, icon: i, image: a, initials: o, link: s, linkComponent: c = "a", maxLengthInitials: l = 2, onClick: u, ...d }, f) => {
-	let p = {
-		"data-background-type": e,
-		"data-content-type": t
-	}, m = pickCustomAttributes({
-		...d,
-		...p
-	}), h = a ? { backgroundImage: `url(${a})` } : void 0;
-	return s ? /* @__PURE__ */ jsx(CustomComponent, {
-		ref: f,
-		className: n?.avatar,
-		component: c,
-		"data-testid": "avatar",
-		style: h,
-		...m,
-		...s,
-		children: /* @__PURE__ */ jsx(DrawContent, {
-			contentType: t,
-			cssClasses: n,
-			customAttributes: p,
-			dot: r,
-			icon: i,
-			initials: o,
-			maxLengthInitials: l
-		})
-	}) : /* @__PURE__ */ jsx(CustomComponent, {
-		ref: f,
-		className: n?.avatar,
-		component: u ? "button" : "div",
-		"data-testid": "avatar",
-		style: h,
-		type: u && "button",
-		onClick: u,
-		...m,
-		children: /* @__PURE__ */ jsx(DrawContent, {
-			contentType: t,
-			cssClasses: n,
-			customAttributes: p,
-			dot: r,
-			icon: i,
-			initials: o,
-			maxLengthInitials: l
-		})
-	});
-});
-export { AvatarStandAlone };

package/dist/esm/components/avatar/fragments/drawContent.js

@@ -1,24 +0,0 @@
-import { Text } from "../../text/text2.js";
-import { processIconProp, processTextProp } from "../../../lib/utils/process/processCommonProp.js";
-import { Dot } from "../../dot/dot.js";
-import { ElementOrIcon } from "../../../lib/components/elementOrIcon/elementOrIcon.js";
-import { Fragment, jsx, jsxs } from "react/jsx-runtime";
-const DrawContent = ({ contentType: e, cssClasses: t, customAttributes: n, dot: r, icon: i, initials: a, maxLengthInitials: o }) => /* @__PURE__ */ jsxs(Fragment, { children: [
-	!!r?.number && /* @__PURE__ */ jsx("span", {
-		className: t?.dot,
-		children: /* @__PURE__ */ jsx(Dot, { ...r })
-	}),
-	e === "with-icon" && /* @__PURE__ */ jsx(ElementOrIcon, {
-		className: t?.icon,
-		customAttributes: n,
-		...processIconProp(i)
-	}),
-	e === "with-initials" && /* @__PURE__ */ jsx(Text, {
-		additionalClasses: {},
-		"aria-hidden": !0,
-		component: "span",
-		customAttributes: n,
-		...processTextProp(a, o)
-	})
-] });
-export { DrawContent };

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

@@ -1 +0,0 @@
-export {  Avatar  } from './avatar.js';

package/dist/esm/components/badge/badge.js

@@ -1,28 +0,0 @@
-import { useClassName } from "../../lib/hooks/useClassName/useClassName.js";
-import { BadgeStandAlone } from "./badgeStandAlone.js";
-import { forwardRef, useState } from "react";
-import { jsx } from "react/jsx-runtime";
-const Badge = forwardRef(({ additionalSizeClasses: t, additionalVariantClasses: n, hasDot: r = !0, onClick: i, size: a, variant: o, ...s }, c) => {
-	let [l, u] = useState(!1), d = useClassName({
-		component: "BADGE",
-		variant: o
-	}), f = useClassName({
-		component: "BADGE",
-		variant: a
-	}), p = (e) => {
-		i?.(e), u((e) => !e);
-	}, m = (e) => {
-		e.currentTarget.contains(e.relatedTarget) || u(!1);
-	};
-	return /* @__PURE__ */ jsx(BadgeStandAlone, {
-		...s,
-		ref: c,
-		active: l,
-		cssSizeClasses: f,
-		cssVariantClasses: d,
-		hasDot: r,
-		onBadgeBlur: m,
-		onClick: p
-	});
-});
-export { Badge };