@envive-ai/react-toolkit-v3 0.3.8 → 0.3.10

package/src/components/WidgetTextField/components/Icon.tsx

@@ -6,20 +6,26 @@ import SendStandard from '@envive-ai/react-icons/SendStandard';
 import { Theme } from '../../../../tokens/theme/theme';
 import { CustomIcon } from '../../utils/CustomIcon';
 import { IconVariant } from '../types/types';
+import { TypographyColor } from '../../Typography/types';
 
 type IconProps = {
   theme: Theme;
   variant: IconVariant;
+  textColor: TypographyColor;
 };
 
-export const Icon = ({ variant, theme }: IconProps) => {
+export const Icon = ({ variant, theme, textColor }: IconProps) => {
   if (theme === Theme.STANDARD) {
     if (variant === IconVariant.DEFAULT) {
       return (
         <CustomIcon
           IconComponent={<SendStandard />}
           className="envive-tw-h-6 envive-tw-w-6"
-          fill="var(--envive-colors-border-medium)"
+          fill={
+            textColor !== TypographyColor.TEXT_SECONDARY
+              ? `var(--envive-colors-${textColor})`
+              : 'var(--envive-colors-border-medium)'
+          }
         />
       );
     }
@@ -27,7 +33,11 @@ export const Icon = ({ variant, theme }: IconProps) => {
       <CustomIcon
         IconComponent={<SvgSendStandard />}
         className="envive-tw-h-6 envive-tw-w-6"
-        fill="var(--envive-colors-border-medium)"
+        fill={
+          textColor !== TypographyColor.TEXT_SECONDARY
+            ? `var(--envive-colors-${textColor})`
+            : 'var(--envive-colors-border-medium)'
+        }
       />
     );
   }
@@ -38,7 +48,12 @@ export const Icon = ({ variant, theme }: IconProps) => {
         <CustomIcon
           IconComponent={<SendModern />}
           className="envive-tw-h-6 envive-tw-w-6"
-          fill="var(--envive-colors-border-medium)"
+          fill={
+            textColor !== TypographyColor.TEXT_SECONDARY
+              ? `var(--envive-colors-${textColor})`
+              : 'var(--envive-colors-border-medium)'
+          }
+          stroke="var(--envive-colors-border-dark)"
         />
       );
     }
@@ -46,7 +61,11 @@ export const Icon = ({ variant, theme }: IconProps) => {
       <CustomIcon
         IconComponent={<SvgSendModern />}
         className="envive-tw-h-6 envive-tw-w-6"
-        stroke="var(--envive-colors-border-medium)"
+        stroke={
+          textColor !== TypographyColor.TEXT_SECONDARY
+            ? `var(--envive-colors-${textColor})`
+            : 'var(--envive-colors-border-medium)'
+        }
       />
     );
   }
@@ -57,7 +76,11 @@ export const Icon = ({ variant, theme }: IconProps) => {
         <CustomIcon
           IconComponent={<SendMinimalist />}
           className="envive-tw-h-6 envive-tw-w-6"
-          stroke="var(--envive-colors-text-secondary)"
+          stroke={
+            textColor !== TypographyColor.TEXT_SECONDARY
+              ? `var(--envive-colors-${textColor})`
+              : 'var(--envive-colors-text-secondary)'
+          }
         />
       );
     }
@@ -65,7 +88,11 @@ export const Icon = ({ variant, theme }: IconProps) => {
       <CustomIcon
         IconComponent={<SendMinimalist />}
         className="envive-tw-h-6 envive-tw-w-6"
-        stroke="var(--envive-colors-text-light)"
+        stroke={
+          textColor !== TypographyColor.TEXT_SECONDARY
+            ? `var(--envive-colors-${textColor})`
+            : 'var(--envive-colors-text-light)'
+        }
       />
     );
   }
@@ -75,7 +102,11 @@ export const Icon = ({ variant, theme }: IconProps) => {
       <CustomIcon
         IconComponent={<SendStandard />}
         className="envive-tw-h-6 envive-tw-w-6"
-        fill="var(--envive-colors-border-medium)"
+        fill={
+          textColor !== TypographyColor.TEXT_SECONDARY
+            ? `var(--envive-colors-${textColor})`
+            : 'var(--envive-colors-border-medium)'
+        }
       />
     );
   }
@@ -84,7 +115,11 @@ export const Icon = ({ variant, theme }: IconProps) => {
     <CustomIcon
       IconComponent={<SvgSendStandard />}
       className="envive-tw-h-6 envive-tw-w-6"
-      fill="var(--envive-colors-border-medium)"
+      fill={
+        textColor !== TypographyColor.TEXT_SECONDARY
+          ? `var(--envive-colors-${textColor})`
+          : 'var(--envive-colors-border-medium)'
+      }
     />
   );
 };

package/src/components/WidgetTextField/types/types.ts

@@ -1,4 +1,5 @@
 import { Theme } from '../../../../tokens/theme/theme';
+import { TypographyColor } from '../../Typography/types';
 
 /**
  * Props for the WidgetTextField component.
@@ -33,6 +34,8 @@ export type WidgetTextFieldProps = {
   placeholder?: string;
   /** Accessible label for screen readers. If not provided, the placeholder will be used. */
   ariaLabel?: string;
+  /** Text color for the text field. */
+  textColor?: TypographyColor;
   /** Whether the text field is disabled. */
   disabled?: boolean;
   /**

package/src/components/utils/CustomIcon.tsx

@@ -19,7 +19,7 @@ export const CustomIcon = ({
 
   const cssRules: string[] = [];
   if (fill) {
-    cssRules.push(`#${iconId} path { fill: ${fill} !important; }`);
+    cssRules.push(`#${iconId} path, #${iconId} rect { fill: ${fill} !important; }`);
   }
   if (stroke) {
     cssRules.push(`#${iconId} path { stroke: ${stroke} !important; }`);

package/src/components/utils/useDragToScroll.ts

@@ -0,0 +1,83 @@
+import { useEffect, useRef } from 'react';
+
+type DragDirection = 'x' | 'y';
+
+type UseDragToScrollOptions = {
+  direction: DragDirection;
+  isEnabled?: boolean;
+};
+
+/**
+ * Hook to enable drag-to-scroll on a container (mouse or touch).
+ * Uses the same ref as the scroll container so it can be composed with useHorizontalWheelScroll.
+ */
+export const useDragToScroll = (
+  scrollContainerRef: React.RefObject<HTMLDivElement | null>,
+  options: UseDragToScrollOptions,
+) => {
+  const { direction, isEnabled = true } = options;
+  const dragRef = useRef({
+    isDragging: false,
+    startX: 0,
+    startY: 0,
+    startScrollLeft: 0,
+    startScrollTop: 0,
+  });
+
+  useEffect(() => {
+    if (!isEnabled || !scrollContainerRef.current) {
+      return undefined;
+    }
+
+    const container = scrollContainerRef.current;
+
+    const handlePointerDown = (e: PointerEvent) => {
+      if (e.button !== 0) return;
+      dragRef.current = {
+        isDragging: true,
+        startX: e.clientX,
+        startY: e.clientY,
+        startScrollLeft: container.scrollLeft,
+        startScrollTop: container.scrollTop,
+      };
+      container.setPointerCapture(e.pointerId);
+      container.style.cursor = 'grabbing';
+      container.style.userSelect = 'none';
+    };
+
+    const handlePointerMove = (e: PointerEvent) => {
+      const { isDragging, startX, startY, startScrollLeft, startScrollTop } = dragRef.current;
+      if (!isDragging) return;
+
+      e.preventDefault();
+      if (direction === 'x') {
+        container.scrollLeft = startScrollLeft + (startX - e.clientX);
+      } else {
+        container.scrollTop = startScrollTop + (startY - e.clientY);
+      }
+    };
+
+    const handlePointerUp = (e: PointerEvent) => {
+      if (e.button !== 0) return;
+      dragRef.current.isDragging = false;
+      container.releasePointerCapture(e.pointerId);
+      container.style.cursor = 'grab';
+      container.style.userSelect = '';
+    };
+
+    container.style.cursor = 'grab';
+
+    container.addEventListener('pointerdown', handlePointerDown);
+    container.addEventListener('pointermove', handlePointerMove, { passive: false });
+    container.addEventListener('pointerup', handlePointerUp);
+    container.addEventListener('pointercancel', handlePointerUp);
+
+    return () => {
+      container.removeEventListener('pointerdown', handlePointerDown);
+      container.removeEventListener('pointermove', handlePointerMove);
+      container.removeEventListener('pointerup', handlePointerUp);
+      container.removeEventListener('pointercancel', handlePointerUp);
+      container.style.cursor = '';
+    };
+  }, [isEnabled, direction, scrollContainerRef]);
+};

package/dist/PromptCarousel/components/BlockScrollContainer.cjs

@@ -1,23 +0,0 @@
-const require_rolldown_runtime = require('../../_virtual/rolldown_runtime.cjs');
-const require_useGetScrollProperties = require('../hooks/useGetScrollProperties.cjs');
-let react_jsx_runtime = require("react/jsx-runtime");
-let classnames = require("classnames");
-classnames = require_rolldown_runtime.__toESM(classnames);
-
-//#region src/components/PromptCarousel/components/BlockScrollContainer.tsx
-const BlockScrollContainer = ({ children, scrollRef, className, "aria-label": ariaLabel, "aria-labelledby": ariaLabelledBy }) => {
-	const { scrollStyle, scrollClasses } = require_useGetScrollProperties.useGetScrollProperties();
-	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
-		ref: scrollRef,
-		className: (0, classnames.default)(...scrollClasses, className),
-		style: scrollStyle,
-		role: "group",
-		"aria-label": ariaLabel,
-		"aria-labelledby": ariaLabelledBy,
-		tabIndex: 0,
-		children
-	});
-};
-
-//#endregion
-exports.BlockScrollContainer = BlockScrollContainer;

package/dist/PromptCarousel/components/BlockScrollContainer.js

@@ -1,21 +0,0 @@
-import { useGetScrollProperties } from "../hooks/useGetScrollProperties.js";
-import { jsx } from "react/jsx-runtime";
-import classNames from "classnames";
-
-//#region src/components/PromptCarousel/components/BlockScrollContainer.tsx
-const BlockScrollContainer = ({ children, scrollRef, className, "aria-label": ariaLabel, "aria-labelledby": ariaLabelledBy }) => {
-	const { scrollStyle, scrollClasses } = useGetScrollProperties();
-	return /* @__PURE__ */ jsx("div", {
-		ref: scrollRef,
-		className: classNames(...scrollClasses, className),
-		style: scrollStyle,
-		role: "group",
-		"aria-label": ariaLabel,
-		"aria-labelledby": ariaLabelledBy,
-		tabIndex: 0,
-		children
-	});
-};
-
-//#endregion
-export { BlockScrollContainer };

package/dist/PromptCarousel/components/ButtonContainerRow.cjs

@@ -1,34 +0,0 @@
-const require_rolldown_runtime = require('../../_virtual/rolldown_runtime.cjs');
-const require_Stack = require('../../Stack/Stack.cjs');
-require('../../Stack/index.cjs');
-const require_useGetScrollProperties = require('../hooks/useGetScrollProperties.cjs');
-let react_jsx_runtime = require("react/jsx-runtime");
-let classnames = require("classnames");
-classnames = require_rolldown_runtime.__toESM(classnames);
-
-//#region src/components/PromptCarousel/components/ButtonContainerRow.tsx
-const ButtonContainerRow = ({ children, scrollRef, stackRef, className, "aria-label": ariaLabel, "aria-labelledby": ariaLabelledBy }) => {
-	const { scrollStyle, scrollClasses } = require_useGetScrollProperties.useGetScrollProperties();
-	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
-		ref: scrollRef,
-		className: (0, classnames.default)(...scrollClasses, className),
-		style: scrollStyle,
-		role: "group",
-		"aria-label": ariaLabel,
-		"aria-labelledby": ariaLabelledBy,
-		tabIndex: 0,
-		children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
-			ref: stackRef,
-			children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_Stack.Stack, {
-				direction: "row",
-				align: "center",
-				gap: "2",
-				className: "envive-tw-h-full envive-tw-w-max envive-tw-whitespace-nowrap",
-				children
-			})
-		})
-	});
-};
-
-//#endregion
-exports.ButtonContainerRow = ButtonContainerRow;

package/dist/PromptCarousel/components/ButtonContainerRow.js

@@ -1,32 +0,0 @@
-import { Stack } from "../../Stack/Stack.js";
-import "../../Stack/index.js";
-import { useGetScrollProperties } from "../hooks/useGetScrollProperties.js";
-import { jsx } from "react/jsx-runtime";
-import classNames from "classnames";
-
-//#region src/components/PromptCarousel/components/ButtonContainerRow.tsx
-const ButtonContainerRow = ({ children, scrollRef, stackRef, className, "aria-label": ariaLabel, "aria-labelledby": ariaLabelledBy }) => {
-	const { scrollStyle, scrollClasses } = useGetScrollProperties();
-	return /* @__PURE__ */ jsx("div", {
-		ref: scrollRef,
-		className: classNames(...scrollClasses, className),
-		style: scrollStyle,
-		role: "group",
-		"aria-label": ariaLabel,
-		"aria-labelledby": ariaLabelledBy,
-		tabIndex: 0,
-		children: /* @__PURE__ */ jsx("div", {
-			ref: stackRef,
-			children: /* @__PURE__ */ jsx(Stack, {
-				direction: "row",
-				align: "center",
-				gap: "2",
-				className: "envive-tw-h-full envive-tw-w-max envive-tw-whitespace-nowrap",
-				children
-			})
-		})
-	});
-};
-
-//#endregion
-export { ButtonContainerRow };

package/dist/PromptCarousel/components/CarouselContentWithBlockScroll.cjs

@@ -1,45 +0,0 @@
-const require_rolldown_runtime = require('../../_virtual/rolldown_runtime.cjs');
-const require_Stack = require('../../Stack/Stack.cjs');
-require('../../Stack/index.cjs');
-const require_PromptCarousel_types_types = require('../types/types.cjs');
-const require_BlockScrollContainer = require('./BlockScrollContainer.cjs');
-let react_jsx_runtime = require("react/jsx-runtime");
-
-//#region src/components/PromptCarousel/components/CarouselContentWithBlockScroll.tsx
-const CarouselContentWithBlockScroll = ({ visibleButtonsFirstRow, visibleButtonsSecondRow, shouldShowTwoRows, renderButton, isAnimated, isAnimationStopped, blockScrollRef, blockFirstRowStackRef }) => {
-	const showRepetitions = isAnimated && isAnimationStopped;
-	const renderRowButtons = (buttons, startIndex) => /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(react_jsx_runtime.Fragment, { children: [
-		buttons.map((text, index) => renderButton(text, startIndex + index)),
-		showRepetitions && buttons.map((text, index) => renderButton(text, startIndex + index, require_PromptCarousel_types_types.RepetitionNumberSuffix.TWO)),
-		showRepetitions && buttons.map((text, index) => renderButton(text, startIndex + index, require_PromptCarousel_types_types.RepetitionNumberSuffix.THREE))
-	] });
-	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_BlockScrollContainer.BlockScrollContainer, {
-		scrollRef: blockScrollRef,
-		"aria-label": "Scrollable prompt buttons",
-		children: /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(require_Stack.Stack, {
-			direction: "column",
-			gap: "2",
-			className: "envive-tw-w-max",
-			children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
-				ref: blockFirstRowStackRef,
-				role: shouldShowTwoRows ? "group" : void 0,
-				"aria-label": shouldShowTwoRows ? "First row of prompt buttons" : void 0,
-				children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_Stack.Stack, {
-					direction: "row",
-					gap: "2",
-					className: "envive-tw-whitespace-nowrap",
-					children: renderRowButtons(visibleButtonsFirstRow, 0)
-				})
-			}), shouldShowTwoRows && visibleButtonsSecondRow.length > 0 && /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_Stack.Stack, {
-				direction: "row",
-				gap: "2",
-				className: "envive-tw-whitespace-nowrap",
-				"aria-label": "Second row of prompt buttons",
-				children: renderRowButtons(visibleButtonsSecondRow, visibleButtonsFirstRow.length)
-			})]
-		})
-	});
-};
-
-//#endregion
-exports.CarouselContentWithBlockScroll = CarouselContentWithBlockScroll;

package/dist/PromptCarousel/components/CarouselContentWithBlockScroll.js

@@ -1,44 +0,0 @@
-import { Stack } from "../../Stack/Stack.js";
-import "../../Stack/index.js";
-import { RepetitionNumberSuffix } from "../types/types.js";
-import { BlockScrollContainer } from "./BlockScrollContainer.js";
-import { Fragment, jsx, jsxs } from "react/jsx-runtime";
-
-//#region src/components/PromptCarousel/components/CarouselContentWithBlockScroll.tsx
-const CarouselContentWithBlockScroll = ({ visibleButtonsFirstRow, visibleButtonsSecondRow, shouldShowTwoRows, renderButton, isAnimated, isAnimationStopped, blockScrollRef, blockFirstRowStackRef }) => {
-	const showRepetitions = isAnimated && isAnimationStopped;
-	const renderRowButtons = (buttons, startIndex) => /* @__PURE__ */ jsxs(Fragment, { children: [
-		buttons.map((text, index) => renderButton(text, startIndex + index)),
-		showRepetitions && buttons.map((text, index) => renderButton(text, startIndex + index, RepetitionNumberSuffix.TWO)),
-		showRepetitions && buttons.map((text, index) => renderButton(text, startIndex + index, RepetitionNumberSuffix.THREE))
-	] });
-	return /* @__PURE__ */ jsx(BlockScrollContainer, {
-		scrollRef: blockScrollRef,
-		"aria-label": "Scrollable prompt buttons",
-		children: /* @__PURE__ */ jsxs(Stack, {
-			direction: "column",
-			gap: "2",
-			className: "envive-tw-w-max",
-			children: [/* @__PURE__ */ jsx("div", {
-				ref: blockFirstRowStackRef,
-				role: shouldShowTwoRows ? "group" : void 0,
-				"aria-label": shouldShowTwoRows ? "First row of prompt buttons" : void 0,
-				children: /* @__PURE__ */ jsx(Stack, {
-					direction: "row",
-					gap: "2",
-					className: "envive-tw-whitespace-nowrap",
-					children: renderRowButtons(visibleButtonsFirstRow, 0)
-				})
-			}), shouldShowTwoRows && visibleButtonsSecondRow.length > 0 && /* @__PURE__ */ jsx(Stack, {
-				direction: "row",
-				gap: "2",
-				className: "envive-tw-whitespace-nowrap",
-				"aria-label": "Second row of prompt buttons",
-				children: renderRowButtons(visibleButtonsSecondRow, visibleButtonsFirstRow.length)
-			})]
-		})
-	});
-};
-
-//#endregion
-export { CarouselContentWithBlockScroll };

package/dist/PromptCarousel/components/CarouselContentWithRowScroll.cjs

@@ -1,33 +0,0 @@
-const require_rolldown_runtime = require('../../_virtual/rolldown_runtime.cjs');
-const require_Stack = require('../../Stack/Stack.cjs');
-require('../../Stack/index.cjs');
-const require_PromptCarousel_types_types = require('../types/types.cjs');
-const require_ButtonContainerRow = require('./ButtonContainerRow.cjs');
-let react_jsx_runtime = require("react/jsx-runtime");
-
-//#region src/components/PromptCarousel/components/CarouselContentWithRowScroll.tsx
-const CarouselContentWithRowScroll = ({ visibleButtonsFirstRow, visibleButtonsSecondRow, shouldShowTwoRows, isAnimated, isAnimationStopped, renderButton, firstRowScrollRef, firstRowStackRef, secondRowScrollRef }) => {
-	const showRepetitions = isAnimated && !isAnimationStopped;
-	const renderRowButtons = (buttons, startIndex) => /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(react_jsx_runtime.Fragment, { children: [
-		buttons.map((text, index) => renderButton(text, startIndex + index)),
-		showRepetitions && buttons.map((text, index) => renderButton(text, startIndex + index, require_PromptCarousel_types_types.RepetitionNumberSuffix.TWO)),
-		showRepetitions && buttons.map((text, index) => renderButton(text, startIndex + index, require_PromptCarousel_types_types.RepetitionNumberSuffix.THREE))
-	] });
-	return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(require_Stack.Stack, {
-		direction: "column",
-		gap: "2",
-		children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_ButtonContainerRow.ButtonContainerRow, {
-			scrollRef: firstRowScrollRef,
-			stackRef: firstRowStackRef,
-			"aria-label": shouldShowTwoRows ? "First row of prompt buttons" : void 0,
-			children: renderRowButtons(visibleButtonsFirstRow, 0)
-		}), shouldShowTwoRows && /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_ButtonContainerRow.ButtonContainerRow, {
-			scrollRef: secondRowScrollRef,
-			"aria-label": "Second row of prompt buttons",
-			children: renderRowButtons(visibleButtonsSecondRow, visibleButtonsFirstRow.length)
-		})]
-	});
-};
-
-//#endregion
-exports.CarouselContentWithRowScroll = CarouselContentWithRowScroll;

package/dist/PromptCarousel/components/CarouselContentWithRowScroll.js

@@ -1,32 +0,0 @@
-import { Stack } from "../../Stack/Stack.js";
-import "../../Stack/index.js";
-import { RepetitionNumberSuffix } from "../types/types.js";
-import { ButtonContainerRow } from "./ButtonContainerRow.js";
-import { Fragment, jsx, jsxs } from "react/jsx-runtime";
-
-//#region src/components/PromptCarousel/components/CarouselContentWithRowScroll.tsx
-const CarouselContentWithRowScroll = ({ visibleButtonsFirstRow, visibleButtonsSecondRow, shouldShowTwoRows, isAnimated, isAnimationStopped, renderButton, firstRowScrollRef, firstRowStackRef, secondRowScrollRef }) => {
-	const showRepetitions = isAnimated && !isAnimationStopped;
-	const renderRowButtons = (buttons, startIndex) => /* @__PURE__ */ jsxs(Fragment, { children: [
-		buttons.map((text, index) => renderButton(text, startIndex + index)),
-		showRepetitions && buttons.map((text, index) => renderButton(text, startIndex + index, RepetitionNumberSuffix.TWO)),
-		showRepetitions && buttons.map((text, index) => renderButton(text, startIndex + index, RepetitionNumberSuffix.THREE))
-	] });
-	return /* @__PURE__ */ jsxs(Stack, {
-		direction: "column",
-		gap: "2",
-		children: [/* @__PURE__ */ jsx(ButtonContainerRow, {
-			scrollRef: firstRowScrollRef,
-			stackRef: firstRowStackRef,
-			"aria-label": shouldShowTwoRows ? "First row of prompt buttons" : void 0,
-			children: renderRowButtons(visibleButtonsFirstRow, 0)
-		}), shouldShowTwoRows && /* @__PURE__ */ jsx(ButtonContainerRow, {
-			scrollRef: secondRowScrollRef,
-			"aria-label": "Second row of prompt buttons",
-			children: renderRowButtons(visibleButtonsSecondRow, visibleButtonsFirstRow.length)
-		})]
-	});
-};
-
-//#endregion
-export { CarouselContentWithRowScroll };

package/dist/PromptCarousel/components/index.cjs

@@ -1,13 +0,0 @@
-const require_ButtonContainerRow = require('./ButtonContainerRow.cjs');
-const require_CarouselContentWithRowScroll = require('./CarouselContentWithRowScroll.cjs');
-const require_CarouselContentWithBlockScroll = require('./CarouselContentWithBlockScroll.cjs');
-
-//#region src/components/PromptCarousel/components/index.ts
-const PromptCarouselComponents = {
-	CarouselContentWithRowScroll: require_CarouselContentWithRowScroll.CarouselContentWithRowScroll,
-	CarouselContentWithBlockScroll: require_CarouselContentWithBlockScroll.CarouselContentWithBlockScroll,
-	ButtonContainerRow: require_ButtonContainerRow.ButtonContainerRow
-};
-
-//#endregion
-exports.PromptCarouselComponents = PromptCarouselComponents;

package/dist/PromptCarousel/components/index.js

@@ -1,13 +0,0 @@
-import { ButtonContainerRow } from "./ButtonContainerRow.js";
-import { CarouselContentWithRowScroll } from "./CarouselContentWithRowScroll.js";
-import { CarouselContentWithBlockScroll } from "./CarouselContentWithBlockScroll.js";
-
-//#region src/components/PromptCarousel/components/index.ts
-const PromptCarouselComponents = {
-	CarouselContentWithRowScroll,
-	CarouselContentWithBlockScroll,
-	ButtonContainerRow
-};
-
-//#endregion
-export { PromptCarouselComponents };

package/dist/PromptCarousel/hooks/useButtonScrollPosition.cjs

@@ -1,79 +0,0 @@
-const require_rolldown_runtime = require('../../_virtual/rolldown_runtime.cjs');
-const require_PromptCarousel_types_types = require('../types/types.cjs');
-let react = require("react");
-
-//#region src/components/PromptCarousel/hooks/useButtonScrollPosition.ts
-const getElementId = (element) => {
-	if (!element) return null;
-	return element.id?.trim() || null;
-};
-function useButtonScrollPosition(firstRowScrollRef, blockScrollRef, shouldUseRowScroll) {
-	const savedButtonIdRef = (0, react.useRef)(null);
-	const savedButtonPositionRef = (0, react.useRef)(null);
-	const captureButtonUnderMouse = (0, react.useCallback)((mouseX, mouseY) => {
-		const container = firstRowScrollRef.current;
-		if (!container) return;
-		const containerRect = container.getBoundingClientRect();
-		const elementUnderMouse = document.elementFromPoint(mouseX, mouseY);
-		const targetButtonId = getElementId(elementUnderMouse);
-		let closestButton = null;
-		if (targetButtonId) {
-			const buttonById = document.querySelector(`#${CSS.escape(targetButtonId)}`);
-			if (buttonById && (elementUnderMouse === buttonById || buttonById.contains(elementUnderMouse))) closestButton = buttonById;
-		}
-		if (!closestButton) {
-			const buttons = Array.from(container.querySelectorAll("button"));
-			let closestDistance = Infinity;
-			for (const button of buttons) {
-				const buttonRect = button.getBoundingClientRect();
-				if (mouseX >= buttonRect.left && mouseX <= buttonRect.right && mouseY >= buttonRect.top && mouseY <= buttonRect.bottom) {
-					closestButton = button;
-					break;
-				}
-				const buttonCenterX = buttonRect.left + buttonRect.width / 2;
-				const buttonCenterY = buttonRect.top + buttonRect.height / 2;
-				const distance = Math.sqrt((mouseX - buttonCenterX) ** 2 + (mouseY - buttonCenterY) ** 2);
-				if (distance < closestDistance) {
-					closestDistance = distance;
-					closestButton = button;
-				}
-			}
-		}
-		if (closestButton) {
-			const id = getElementId(closestButton);
-			if (id) {
-				savedButtonIdRef.current = id;
-				savedButtonPositionRef.current = closestButton.getBoundingClientRect().left - containerRect.left;
-			}
-		}
-	}, [firstRowScrollRef]);
-	(0, react.useEffect)(() => {
-		if (shouldUseRowScroll || !blockScrollRef.current || !savedButtonIdRef.current || savedButtonPositionRef.current === null) return;
-		const container = blockScrollRef.current;
-		const targetId = savedButtonIdRef.current.trim();
-		const targetPosition = savedButtonPositionRef.current;
-		const getScrollId = (id) => {
-			if (id.endsWith(require_PromptCarousel_types_types.RepetitionNumberSuffix.TWO)) return id;
-			if (id.endsWith(require_PromptCarousel_types_types.RepetitionNumberSuffix.THREE)) return `${id.slice(0, -2)}${require_PromptCarousel_types_types.RepetitionNumberSuffix.TWO}`;
-			return `${id}${require_PromptCarousel_types_types.RepetitionNumberSuffix.TWO}`;
-		};
-		const applyScroll = () => {
-			const finalId = getScrollId(targetId);
-			const targetButton = container.querySelector(`#${CSS.escape(`${finalId}`)}`);
-			const scrollableContent = container.firstElementChild;
-			if (!targetButton || !scrollableContent) return;
-			const contentRect = scrollableContent.getBoundingClientRect();
-			const newScrollLeft = targetButton.getBoundingClientRect().left - contentRect.left + container.scrollLeft - targetPosition;
-			container.scrollLeft = Math.max(0, newScrollLeft);
-		};
-		requestAnimationFrame(() => {
-			requestAnimationFrame(() => {
-				requestAnimationFrame(applyScroll);
-			});
-		});
-	}, [shouldUseRowScroll, blockScrollRef]);
-	return { captureButtonUnderMouse };
-}
-
-//#endregion
-exports.useButtonScrollPosition = useButtonScrollPosition;