@envive-ai/react-toolkit-v3 0.3.14 → 0.3.15-beta.0

package/dist/CSSVariablesEditor/utils/functions.cjs

@@ -1,53 +0,0 @@
-const require_lineHeight = require('../../packages/components-v3/tokens/typography/lineHeight.cjs');
-const require_aspectRatio = require('../../packages/components-v3/tokens/aspectRatio/aspectRatio.cjs');
-
-//#region src/components/CSSVariablesEditor/utils/functions.ts
-const hexToColorPicker = (value) => {
-	if (/^#[0-9A-Fa-f]{6}$/.test(value)) return value;
-	if (/^#[0-9A-Fa-f]{3}$/.test(value)) return `#${value[1]}${value[1]}${value[2]}${value[2]}${value[3]}${value[3]}`;
-	const rgbMatch = value.match(/rgba?\((\d+),\s*(\d+),\s*(\d+)/);
-	if (rgbMatch) return `#${parseInt(rgbMatch[1], 10).toString(16).padStart(2, "0")}${parseInt(rgbMatch[2], 10).toString(16).padStart(2, "0")}${parseInt(rgbMatch[3], 10).toString(16).padStart(2, "0")}`;
-	return "#000000";
-};
-const isValidColor = (value) => {
-	return /^#[0-9A-Fa-f]{3,6}$/i.test(value) || /^rgba?\(/.test(value) || /^hsla?\(/.test(value);
-};
-const groupVariablesByCategory = (variables) => {
-	return variables.reduce((acc, variable) => {
-		if (!acc[variable.category]) acc[variable.category] = [];
-		acc[variable.category].push(variable);
-		return acc;
-	}, {});
-};
-const getInitialValue = (variable, defaultValue, isColor, hasOptions) => {
-	if (typeof document === "undefined") return defaultValue;
-	const isAspectRatioGlobalCustom = variable === require_aspectRatio.AspectRatioCSSVar.GlobalCustom;
-	const styleTag = document.getElementById("merchant-css-config-edited");
-	if (styleTag) {
-		const regex = /* @__PURE__ */ new RegExp(`--${variable.replace(/[.*+?^${}()|[\]\\]/g, "\\$&")}:\\s*([^;!]+)`);
-		const match = styleTag.innerHTML.match(regex);
-		if (match && match[1]) {
-			const value = match[1].trim();
-			if (value.startsWith("var(--")) return value;
-			if (hasOptions) {
-				if (isAspectRatioGlobalCustom) return require_aspectRatio.convertAspectRatioStyleToName(value) || defaultValue;
-				return value;
-			}
-		}
-	}
-	const isLineHeight = variable.includes("line-height");
-	const trimmedValue = getComputedStyle(document.documentElement).getPropertyValue(`--${variable}`).trim();
-	if (trimmedValue) {
-		if (trimmedValue.startsWith("var(--")) return trimmedValue;
-		if (isLineHeight) return require_lineHeight.convertLineHeightToPercentage(Number(trimmedValue)) || defaultValue;
-		if (hasOptions && defaultValue.startsWith("var(--")) return defaultValue;
-		if (isAspectRatioGlobalCustom && hasOptions) return require_aspectRatio.convertAspectRatioStyleToName(trimmedValue) || defaultValue;
-		return isColor && isValidColor(trimmedValue) ? trimmedValue : trimmedValue;
-	}
-	return defaultValue;
-};
-
-//#endregion
-exports.getInitialValue = getInitialValue;
-exports.groupVariablesByCategory = groupVariablesByCategory;
-exports.hexToColorPicker = hexToColorPicker;

package/dist/CSSVariablesEditor/utils/functions.js

@@ -1,51 +0,0 @@
-import { convertLineHeightToPercentage } from "../../packages/components-v3/tokens/typography/lineHeight.js";
-import { AspectRatioCSSVar, convertAspectRatioStyleToName } from "../../packages/components-v3/tokens/aspectRatio/aspectRatio.js";
-
-//#region src/components/CSSVariablesEditor/utils/functions.ts
-const hexToColorPicker = (value) => {
-	if (/^#[0-9A-Fa-f]{6}$/.test(value)) return value;
-	if (/^#[0-9A-Fa-f]{3}$/.test(value)) return `#${value[1]}${value[1]}${value[2]}${value[2]}${value[3]}${value[3]}`;
-	const rgbMatch = value.match(/rgba?\((\d+),\s*(\d+),\s*(\d+)/);
-	if (rgbMatch) return `#${parseInt(rgbMatch[1], 10).toString(16).padStart(2, "0")}${parseInt(rgbMatch[2], 10).toString(16).padStart(2, "0")}${parseInt(rgbMatch[3], 10).toString(16).padStart(2, "0")}`;
-	return "#000000";
-};
-const isValidColor = (value) => {
-	return /^#[0-9A-Fa-f]{3,6}$/i.test(value) || /^rgba?\(/.test(value) || /^hsla?\(/.test(value);
-};
-const groupVariablesByCategory = (variables) => {
-	return variables.reduce((acc, variable) => {
-		if (!acc[variable.category]) acc[variable.category] = [];
-		acc[variable.category].push(variable);
-		return acc;
-	}, {});
-};
-const getInitialValue = (variable, defaultValue, isColor, hasOptions) => {
-	if (typeof document === "undefined") return defaultValue;
-	const isAspectRatioGlobalCustom = variable === AspectRatioCSSVar.GlobalCustom;
-	const styleTag = document.getElementById("merchant-css-config-edited");
-	if (styleTag) {
-		const regex = /* @__PURE__ */ new RegExp(`--${variable.replace(/[.*+?^${}()|[\]\\]/g, "\\$&")}:\\s*([^;!]+)`);
-		const match = styleTag.innerHTML.match(regex);
-		if (match && match[1]) {
-			const value = match[1].trim();
-			if (value.startsWith("var(--")) return value;
-			if (hasOptions) {
-				if (isAspectRatioGlobalCustom) return convertAspectRatioStyleToName(value) || defaultValue;
-				return value;
-			}
-		}
-	}
-	const isLineHeight = variable.includes("line-height");
-	const trimmedValue = getComputedStyle(document.documentElement).getPropertyValue(`--${variable}`).trim();
-	if (trimmedValue) {
-		if (trimmedValue.startsWith("var(--")) return trimmedValue;
-		if (isLineHeight) return convertLineHeightToPercentage(Number(trimmedValue)) || defaultValue;
-		if (hasOptions && defaultValue.startsWith("var(--")) return defaultValue;
-		if (isAspectRatioGlobalCustom && hasOptions) return convertAspectRatioStyleToName(trimmedValue) || defaultValue;
-		return isColor && isValidColor(trimmedValue) ? trimmedValue : trimmedValue;
-	}
-	return defaultValue;
-};
-
-//#endregion
-export { getInitialValue, groupVariablesByCategory, hexToColorPicker };

package/dist/Carousel/Carousel.cjs

@@ -1,26 +0,0 @@
-const require_rolldown_runtime = require('../_virtual/rolldown_runtime.cjs');
-const require_theme = require('../packages/components-v3/tokens/theme/theme.cjs');
-const require_index = require('./components/index.cjs');
-const require_resolveTheme = require('../utils/resolveTheme.cjs');
-let react_jsx_runtime = require("react/jsx-runtime");
-
-//#region src/components/Carousel/Carousel.tsx
-const Carousel = ({ id, testId, style, className, elements, badgeLabel, theme = require_theme.Theme.GLOBAL_CUSTOM, hideNavigation = false }) => {
-	const finalTheme = require_resolveTheme.resolveTheme(theme);
-	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_index.CarouselComponents.Container, {
-		id,
-		testId,
-		style,
-		className,
-		badge: badgeLabel && /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_index.CarouselComponents.Badge, {
-			label: badgeLabel,
-			theme: finalTheme
-		}),
-		next: !hideNavigation && /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_index.CarouselComponents.Next, {}),
-		previous: !hideNavigation && /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_index.CarouselComponents.Previous, {}),
-		children: elements.map((element, index) => /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_index.CarouselComponents.Item, { children: element }, `carousel-item-${String(index)}`))
-	});
-};
-
-//#endregion
-exports.Carousel = Carousel;

package/dist/Carousel/Carousel.d.cts

@@ -1,16 +0,0 @@
-import { CarouselProps } from "./types/types.cjs";
-import * as react_jsx_runtime21 from "react/jsx-runtime";
-
-//#region src/components/Carousel/Carousel.d.ts
-declare const Carousel: ({
-  id,
-  testId,
-  style,
-  className,
-  elements,
-  badgeLabel,
-  theme,
-  hideNavigation
-}: CarouselProps) => react_jsx_runtime21.JSX.Element;
-//#endregion
-export { Carousel };

package/dist/Carousel/Carousel.d.ts

@@ -1,16 +0,0 @@
-import { CarouselProps } from "./types/types.js";
-import * as react_jsx_runtime36 from "react/jsx-runtime";
-
-//#region src/components/Carousel/Carousel.d.ts
-declare const Carousel: ({
-  id,
-  testId,
-  style,
-  className,
-  elements,
-  badgeLabel,
-  theme,
-  hideNavigation
-}: CarouselProps) => react_jsx_runtime36.JSX.Element;
-//#endregion
-export { Carousel };

package/dist/Carousel/Carousel.js

@@ -1,25 +0,0 @@
-import { Theme } from "../packages/components-v3/tokens/theme/theme.js";
-import { CarouselComponents } from "./components/index.js";
-import { resolveTheme } from "../utils/resolveTheme.js";
-import { jsx } from "react/jsx-runtime";
-
-//#region src/components/Carousel/Carousel.tsx
-const Carousel = ({ id, testId, style, className, elements, badgeLabel, theme = Theme.GLOBAL_CUSTOM, hideNavigation = false }) => {
-	const finalTheme = resolveTheme(theme);
-	return /* @__PURE__ */ jsx(CarouselComponents.Container, {
-		id,
-		testId,
-		style,
-		className,
-		badge: badgeLabel && /* @__PURE__ */ jsx(CarouselComponents.Badge, {
-			label: badgeLabel,
-			theme: finalTheme
-		}),
-		next: !hideNavigation && /* @__PURE__ */ jsx(CarouselComponents.Next, {}),
-		previous: !hideNavigation && /* @__PURE__ */ jsx(CarouselComponents.Previous, {}),
-		children: elements.map((element, index) => /* @__PURE__ */ jsx(CarouselComponents.Item, { children: element }, `carousel-item-${String(index)}`))
-	});
-};
-
-//#endregion
-export { Carousel };

package/dist/Carousel/components/ArrowIcon.cjs

@@ -1,22 +0,0 @@
-const require_rolldown_runtime = require('../../_virtual/rolldown_runtime.cjs');
-let react = require("react");
-let __envive_ai_react_icons_ArrowUp = require("@envive-ai/react-icons/ArrowUp");
-__envive_ai_react_icons_ArrowUp = require_rolldown_runtime.__toESM(__envive_ai_react_icons_ArrowUp);
-
-//#region src/components/Carousel/components/ArrowIcon.tsx
-const ArrowIcon = ({ direction }) => {
-	const arrowElement = (0, __envive_ai_react_icons_ArrowUp.default)({});
-	return (0, react.cloneElement)(arrowElement, {
-		style: {
-			color: "transparent",
-			rotate: direction === "left" ? "270deg" : "90deg"
-		},
-		children: react.Children.map(arrowElement.props.children, (child) => {
-			if (child && typeof child === "object" && "type" in child && child.type === "path") return (0, react.cloneElement)(child, { fill: "black" });
-			return child;
-		})
-	});
-};
-
-//#endregion
-exports.ArrowIcon = ArrowIcon;

package/dist/Carousel/components/ArrowIcon.js

@@ -1,20 +0,0 @@
-import { Children, cloneElement } from "react";
-import ArrowUp from "@envive-ai/react-icons/ArrowUp";
-
-//#region src/components/Carousel/components/ArrowIcon.tsx
-const ArrowIcon = ({ direction }) => {
-	const arrowElement = ArrowUp({});
-	return cloneElement(arrowElement, {
-		style: {
-			color: "transparent",
-			rotate: direction === "left" ? "270deg" : "90deg"
-		},
-		children: Children.map(arrowElement.props.children, (child) => {
-			if (child && typeof child === "object" && "type" in child && child.type === "path") return cloneElement(child, { fill: "black" });
-			return child;
-		})
-	});
-};
-
-//#endregion
-export { ArrowIcon };

package/dist/Carousel/components/Badge.cjs

@@ -1,28 +0,0 @@
-const require_rolldown_runtime = require('../../_virtual/rolldown_runtime.cjs');
-const require_Container = require('../../Container/Container.cjs');
-const require_index = require('../../Typography/types/index.cjs');
-const require_Typography = require('../../Typography/Typography.cjs');
-require('../../Typography/index.cjs');
-const require_useGetBadgeProperties = require('../hooks/useGetBadgeProperties.cjs');
-let react_jsx_runtime = require("react/jsx-runtime");
-let classnames = require("classnames");
-classnames = require_rolldown_runtime.__toESM(classnames);
-
-//#region src/components/Carousel/components/Badge.tsx
-const Badge = ({ label, theme }) => {
-	const { baseClass, themeClass } = require_useGetBadgeProperties.useGetBadgeProperties({ theme });
-	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_Container.Container, {
-		component: "span",
-		className: (0, classnames.default)(baseClass, themeClass),
-		"aria-label": label,
-		role: "status",
-		children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_Typography.Typography, {
-			variant: require_index.TypographyVariant.B3_RG,
-			color: require_index.TypographyColor.TEXT_LIGHT,
-			children: label
-		})
-	});
-};
-
-//#endregion
-exports.Badge = Badge;

package/dist/Carousel/components/Container.cjs

@@ -1,76 +0,0 @@
-const require_rolldown_runtime = require('../../_virtual/rolldown_runtime.cjs');
-const require_Stack = require('../../Stack/Stack.cjs');
-require('../../Stack/index.cjs');
-const require_Container = require('../../Container/Container.cjs');
-require('../../Container/index.cjs');
-const require_useCarouselItems = require('../hooks/useCarouselItems.cjs');
-const require_useCarouselNavigation = require('../hooks/useCarouselNavigation.cjs');
-const require_useCarouselNavigationButtons = require('../hooks/useCarouselNavigationButtons.cjs');
-const require_useCarouselButtons = require('../hooks/useCarouselButtons.cjs');
-let react = require("react");
-let react_jsx_runtime = require("react/jsx-runtime");
-let react_indiana_drag_scroll = require("react-indiana-drag-scroll");
-
-//#region src/components/Carousel/components/Container.tsx
-const Container$1 = ({ children, className, id, testId, style, next, previous, badge }) => {
-	const { ref: dragScrollRef } = (0, react_indiana_drag_scroll.useScrollContainer)();
-	const scrollContainerRef = (0, react.useRef)(null);
-	const setRef = (0, react.useCallback)((el) => {
-		if (typeof dragScrollRef === "function") dragScrollRef(el);
-		scrollContainerRef.current = el;
-	}, [dragScrollRef]);
-	const { items, totalItems } = require_useCarouselItems.useCarouselItems(children);
-	const { handleNext, handlePrevious } = require_useCarouselNavigation.useCarouselNavigation({
-		scrollContainerRef,
-		totalItems
-	});
-	const { canGoNext, canGoPrevious } = require_useCarouselNavigationButtons.useCarouselNavigationButtons({
-		scrollContainerRef,
-		totalItems
-	});
-	const { nextButton, previousButton } = require_useCarouselButtons.useCarouselButtons({
-		next,
-		previous,
-		handleNext,
-		handlePrevious
-	});
-	return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(require_Stack.Stack, {
-		id,
-		testId,
-		style,
-		className,
-		direction: "column",
-		gap: "2",
-		children: [badge, /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(require_Container.Container, {
-			className: "envive-tw-relative",
-			children: [
-				previousButton && canGoPrevious && /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
-					className: "envive-tw-absolute envive-tw-left-2 envive-tw-top-1/2 envive-tw-z-10 envive-tw--translate-y-1/2",
-					children: previousButton
-				}),
-				/* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
-					ref: setRef,
-					className: "[&::-webkit-scrollbar]:hidden envive-tw-flex envive-tw-gap-4 envive-tw-overflow-x-auto",
-					style: {
-						scrollbarWidth: "none",
-						msOverflowStyle: "none",
-						cursor: "grab",
-						userSelect: "none"
-					},
-					children: items.map((item, index) => /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
-						"data-carousel-item": true,
-						className: "envive-tw-flex-shrink-0",
-						children: item
-					}, `carousel-item-${String(index)}`))
-				}),
-				nextButton && canGoNext && /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
-					className: "envive-tw-absolute envive-tw-right-2 envive-tw-top-1/2 envive-tw-z-10 envive-tw--translate-y-1/2",
-					children: nextButton
-				})
-			]
-		})]
-	});
-};
-
-//#endregion
-exports.Container = Container$1;

package/dist/Carousel/components/Item.cjs

@@ -1,11 +0,0 @@
-const require_rolldown_runtime = require('../../_virtual/rolldown_runtime.cjs');
-const require_Container = require('../../Container/Container.cjs');
-let react_jsx_runtime = require("react/jsx-runtime");
-
-//#region src/components/Carousel/components/Item.tsx
-const Item = ({ children }) => {
-	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_Container.Container, { children });
-};
-
-//#endregion
-exports.Item = Item;

package/dist/Carousel/components/Next.cjs

@@ -1,17 +0,0 @@
-const require_rolldown_runtime = require('../../_virtual/rolldown_runtime.cjs');
-const require_ArrowIcon = require('./ArrowIcon.cjs');
-let react_jsx_runtime = require("react/jsx-runtime");
-
-//#region src/components/Carousel/components/Next.tsx
-const Next = ({ onClick }) => {
-	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)("button", {
-		className: "envive-tw-flex envive-tw-h-[33px] envive-tw-w-[33px] envive-tw-cursor-pointer envive-tw-items-center envive-tw-justify-center envive-tw-rounded-[50px] envive-tw-bg-[#FFFFFFB2] envive-tw-shadow-[2px_2px_6px_0px_rgba(0,0,0,0.15)] envive-tw-backdrop-blur-[4px]",
-		type: "button",
-		onClick,
-		"aria-label": "Next",
-		children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_ArrowIcon.ArrowIcon, { direction: "right" })
-	});
-};
-
-//#endregion
-exports.Next = Next;

package/dist/Carousel/components/Previous.cjs

@@ -1,17 +0,0 @@
-const require_rolldown_runtime = require('../../_virtual/rolldown_runtime.cjs');
-const require_ArrowIcon = require('./ArrowIcon.cjs');
-let react_jsx_runtime = require("react/jsx-runtime");
-
-//#region src/components/Carousel/components/Previous.tsx
-const Previous = ({ onClick }) => {
-	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)("button", {
-		className: "envive-tw-flex envive-tw-h-[33px] envive-tw-w-[33px] envive-tw-cursor-pointer envive-tw-items-center envive-tw-justify-center envive-tw-rounded-[50px] envive-tw-bg-[#FFFFFFB2] envive-tw-shadow-[2px_2px_6px_0px_rgba(0,0,0,0.15)]",
-		type: "button",
-		onClick,
-		"aria-label": "Previous",
-		children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_ArrowIcon.ArrowIcon, { direction: "left" })
-	});
-};
-
-//#endregion
-exports.Previous = Previous;

package/dist/Carousel/hooks/useCarouselButtons.cjs

@@ -1,13 +0,0 @@
-const require_rolldown_runtime = require('../../_virtual/rolldown_runtime.cjs');
-let react = require("react");
-
-//#region src/components/Carousel/hooks/useCarouselButtons.ts
-const useCarouselButtons = ({ next, previous, handleNext, handlePrevious }) => {
-	return {
-		nextButton: next && (0, react.isValidElement)(next) ? (0, react.cloneElement)(next, { onClick: handleNext }) : null,
-		previousButton: previous && (0, react.isValidElement)(previous) ? (0, react.cloneElement)(previous, { onClick: handlePrevious }) : null
-	};
-};
-
-//#endregion
-exports.useCarouselButtons = useCarouselButtons;

package/dist/Carousel/hooks/useCarouselItems.cjs

@@ -1,16 +0,0 @@
-const require_rolldown_runtime = require('../../_virtual/rolldown_runtime.cjs');
-let react = require("react");
-
-//#region src/components/Carousel/hooks/useCarouselItems.ts
-const useCarouselItems = (children) => {
-	const items = (0, react.useMemo)(() => {
-		return Array.isArray(children) ? children : [children];
-	}, [children]);
-	return {
-		items,
-		totalItems: items.length
-	};
-};
-
-//#endregion
-exports.useCarouselItems = useCarouselItems;

package/dist/Carousel/hooks/useCarouselNavigation.cjs

@@ -1,102 +0,0 @@
-const require_rolldown_runtime = require('../../_virtual/rolldown_runtime.cjs');
-let react = require("react");
-
-//#region src/components/Carousel/hooks/useCarouselNavigation.ts
-const useCarouselNavigation = ({ scrollContainerRef, totalItems }) => {
-	const [currentIndex, setCurrentIndex] = (0, react.useState)(0);
-	const isScrollingProgrammaticallyRef = (0, react.useRef)(false);
-	const getCurrentIndexFromScroll = () => {
-		const container = scrollContainerRef.current;
-		if (!container) return 0;
-		const items = container.querySelectorAll("[data-carousel-item]");
-		if (items.length === 0) return 0;
-		const { scrollLeft } = container;
-		const containerLeft = container.offsetLeft;
-		let closestIndex = 0;
-		let minDistance = Infinity;
-		items.forEach((item, index) => {
-			const itemLeft = item.offsetLeft - containerLeft;
-			const distance = Math.abs(scrollLeft - itemLeft);
-			if (distance < minDistance) {
-				minDistance = distance;
-				closestIndex = index;
-			}
-		});
-		return closestIndex;
-	};
-	const handleNext = () => {
-		const currentScrollIndex = getCurrentIndexFromScroll();
-		isScrollingProgrammaticallyRef.current = true;
-		setCurrentIndex(Math.min(currentScrollIndex + 1, totalItems - 1));
-	};
-	const handlePrevious = () => {
-		const currentScrollIndex = getCurrentIndexFromScroll();
-		isScrollingProgrammaticallyRef.current = true;
-		setCurrentIndex(Math.max(currentScrollIndex - 1, 0));
-	};
-	(0, react.useEffect)(() => {
-		const container = scrollContainerRef.current;
-		if (!container || totalItems === 0) return void 0;
-		const getCurrentIndexFromScrollLocal = () => {
-			const items = container.querySelectorAll("[data-carousel-item]");
-			if (items.length === 0) return 0;
-			const { scrollLeft } = container;
-			const containerLeft = container.offsetLeft;
-			let closestIndex = 0;
-			let minDistance = Infinity;
-			items.forEach((item, index) => {
-				const itemLeft = item.offsetLeft - containerLeft;
-				const distance = Math.abs(scrollLeft - itemLeft);
-				if (distance < minDistance) {
-					minDistance = distance;
-					closestIndex = index;
-				}
-			});
-			return closestIndex;
-		};
-		const updateIndexFromScroll = () => {
-			if (isScrollingProgrammaticallyRef.current) return;
-			setCurrentIndex(getCurrentIndexFromScrollLocal());
-		};
-		let scrollTimeout;
-		const handleScroll = () => {
-			clearTimeout(scrollTimeout);
-			scrollTimeout = setTimeout(() => {
-				updateIndexFromScroll();
-			}, 100);
-		};
-		container.addEventListener("scroll", handleScroll);
-		return () => {
-			container.removeEventListener("scroll", handleScroll);
-			clearTimeout(scrollTimeout);
-		};
-	}, [scrollContainerRef, totalItems]);
-	(0, react.useEffect)(() => {
-		if (scrollContainerRef.current && totalItems > 0 && isScrollingProgrammaticallyRef.current) {
-			const container = scrollContainerRef.current;
-			const targetItem = container.querySelectorAll("[data-carousel-item]")[currentIndex];
-			if (targetItem) {
-				container.scrollTo({
-					left: targetItem.offsetLeft - container.offsetLeft,
-					behavior: "smooth"
-				});
-				const timeoutId = setTimeout(() => {
-					isScrollingProgrammaticallyRef.current = false;
-				}, 600);
-				return () => clearTimeout(timeoutId);
-			}
-		}
-	}, [
-		currentIndex,
-		totalItems,
-		scrollContainerRef
-	]);
-	return {
-		currentIndex,
-		handleNext,
-		handlePrevious
-	};
-};
-
-//#endregion
-exports.useCarouselNavigation = useCarouselNavigation;

package/dist/Carousel/hooks/useCarouselNavigationButtons.cjs

@@ -1,33 +0,0 @@
-const require_rolldown_runtime = require('../../_virtual/rolldown_runtime.cjs');
-let react = require("react");
-
-//#region src/components/Carousel/hooks/useCarouselNavigationButtons.ts
-const useCarouselNavigationButtons = ({ scrollContainerRef, totalItems }) => {
-	const [canGoNext, setCanGoNext] = (0, react.useState)(true);
-	const [canGoPrevious, setCanGoPrevious] = (0, react.useState)(false);
-	(0, react.useEffect)(() => {
-		const updateNavigationButtons = () => {
-			if (!scrollContainerRef.current) return;
-			const { scrollLeft, scrollWidth, clientWidth } = scrollContainerRef.current;
-			const isAtStart = scrollLeft <= 1;
-			setCanGoNext(!(Math.ceil(scrollLeft + clientWidth) >= scrollWidth - 1));
-			setCanGoPrevious(!isAtStart);
-		};
-		const container = scrollContainerRef.current;
-		if (!container) return () => {};
-		updateNavigationButtons();
-		container.addEventListener("scroll", updateNavigationButtons);
-		window.addEventListener("resize", updateNavigationButtons);
-		return () => {
-			container.removeEventListener("scroll", updateNavigationButtons);
-			window.removeEventListener("resize", updateNavigationButtons);
-		};
-	}, [totalItems, scrollContainerRef]);
-	return {
-		canGoNext,
-		canGoPrevious
-	};
-};
-
-//#endregion
-exports.useCarouselNavigationButtons = useCarouselNavigationButtons;

package/dist/Carousel/hooks/useGetBadgeProperties.cjs

@@ -1,20 +0,0 @@
-const require_rolldown_runtime = require('../../_virtual/rolldown_runtime.cjs');
-const require_theme = require('../../packages/components-v3/tokens/theme/theme.cjs');
-let react = require("react");
-
-//#region src/components/Carousel/hooks/useGetBadgeProperties.ts
-const useGetBadgeProperties = ({ theme }) => {
-	return {
-		baseClass: "envive-tw-w-fit envive-tw-px-3 envive-tw-py-1",
-		themeClass: (0, react.useMemo)(() => {
-			return {
-				[require_theme.Theme.MINIMAL]: `envive-tw-bg-[--envive-colors-text-accent]`,
-				[require_theme.Theme.STANDARD]: `envive-tw-bg-[--envive-colors-text-accent] envive-tw-rounded-global-custom`,
-				[require_theme.Theme.MODERN]: `envive-tw-bg-[--envive-colors-text-accent] envive-tw-rounded-global-custom`
-			}[theme] ?? "";
-		}, [theme])
-	};
-};
-
-//#endregion
-exports.useGetBadgeProperties = useGetBadgeProperties;

package/dist/Carousel/hooks/useGetBadgeProperties.js

@@ -1,19 +0,0 @@
-import { Theme } from "../../packages/components-v3/tokens/theme/theme.js";
-import { useMemo } from "react";
-
-//#region src/components/Carousel/hooks/useGetBadgeProperties.ts
-const useGetBadgeProperties = ({ theme }) => {
-	return {
-		baseClass: "envive-tw-w-fit envive-tw-px-3 envive-tw-py-1",
-		themeClass: useMemo(() => {
-			return {
-				[Theme.MINIMAL]: `envive-tw-bg-[--envive-colors-text-accent]`,
-				[Theme.STANDARD]: `envive-tw-bg-[--envive-colors-text-accent] envive-tw-rounded-global-custom`,
-				[Theme.MODERN]: `envive-tw-bg-[--envive-colors-text-accent] envive-tw-rounded-global-custom`
-			}[theme] ?? "";
-		}, [theme])
-	};
-};
-
-//#endregion
-export { useGetBadgeProperties };

package/dist/Carousel/types/types.d.cts

@@ -1,50 +0,0 @@
-import { Theme } from "../../tokens/theme/theme.cjs";
-
-//#region src/components/Carousel/types/types.d.ts
-
-/**
- * Props accepted by the `Carousel` component.
- *
- * @public
- */
-type CarouselProps = {
-  /**
-   * Unique identifier for the carousel container element.
-   */
-  id?: string;
-  /**
-   * Test identifier for automated testing purposes.
-   */
-  testId?: string;
-  /**
-   * Inline styles to apply to the carousel container.
-   */
-  style?: React.CSSProperties;
-  /**
-   * Additional CSS classes to apply to the carousel container.
-   */
-  className?: string;
-  /**
-   * Whether to hide the navigation buttons (next/previous).
-   * When enabled, users can still scroll manually through the carousel.
-   * @default false
-   */
-  hideNavigation?: boolean;
-  /**
-   * Array of React nodes to display as carousel items.
-   * Each element will be rendered as a separate carousel item.
-   */
-  elements: React.ReactNode[];
-  /**
-   * Theme for the badge component displayed above the carousel.
-   * @default Theme.GLOBAL_CUSTOM to use the global custom theme from CSS variables
-   */
-  theme: Theme;
-  /**
-   * Label text to display in the badge above the carousel.
-   * If empty, the badge will not be rendered.
-   */
-  badgeLabel?: string;
-};
-//#endregion
-export { CarouselProps };