@rio-cloud/rio-uikit 2.5.0 → 3.0.0-beta.1

package/components/carousel/Carousel.types.d.ts

@@ -0,0 +1,157 @@
+import { ComponentPropsWithoutRef, FocusEvent, KeyboardEvent, MouseEvent, ReactElement, ReactNode, SyntheticEvent, TouchEvent } from 'react';
+export type Direction = 'prev' | 'next';
+export type SlideDirection = 'left' | 'right';
+export type AnimationPhase = 'initial' | 'sliding';
+export type CarouselRef = {
+    element: HTMLDivElement | null;
+    prev: (event?: SyntheticEvent) => void;
+    next: (event?: SyntheticEvent) => void;
+};
+export type CarouselCommonDivProps = {
+    /**
+     * Content rendered inside the component.
+     */
+    children?: ReactNode;
+    /**
+     * Additional CSS class for the rendered div.
+     */
+    className?: string;
+};
+export type CarouselProps = Omit<ComponentPropsWithoutRef<'div'>, 'children' | 'className' | 'onBlur' | 'onFocus' | 'onKeyDown' | 'onMouseOver' | 'onMouseOut' | 'onSelect' | 'onTouchStart' | 'onTouchMove' | 'onTouchEnd'> & CarouselCommonDivProps & {
+    /**
+     * Animate slide changes horizontally.
+     *
+     * @default true
+     */
+    slide?: boolean;
+    /**
+     * Render fade-specific carousel classes instead of the horizontal slide motion.
+     *
+     * @default false
+     */
+    fade?: boolean;
+    /**
+     * Render previous and next controls.
+     *
+     * @default true
+     */
+    controls?: boolean;
+    /**
+     * Render slide indicators.
+     *
+     * @default true
+     */
+    indicators?: boolean;
+    /**
+     * Active slide index for controlled usage.
+     */
+    activeIndex?: number;
+    /**
+     * Initially active slide index for uncontrolled usage.
+     *
+     * @default 0
+     */
+    defaultActiveIndex?: number;
+    /**
+     * Callback fired when a slide is selected by controls, indicators, keyboard navigation, swipe or autoplay.
+     */
+    onSelect?: (eventKey: number, event: SyntheticEvent | null) => void;
+    /**
+     * Callback fired when a slide transition starts.
+     */
+    onSlide?: (eventKey: number, direction: SlideDirection) => void;
+    /**
+     * Callback fired when a slide transition ends.
+     */
+    onSlid?: (eventKey: number, direction: SlideDirection) => void;
+    /**
+     * Autoplay interval in milliseconds. Set to null to disable autoplay.
+     *
+     * @default 5000
+     */
+    interval?: number | null;
+    /**
+     * Enable left and right arrow keyboard navigation.
+     *
+     * @default true
+     */
+    keyboard?: boolean;
+    /**
+     * Additional keydown handler called after carousel keyboard handling.
+     */
+    onKeyDown?: (event: KeyboardEvent<HTMLDivElement>) => void;
+    /**
+     * Additional focus handler called after carousel pause handling.
+     */
+    onFocus?: (event: FocusEvent<HTMLDivElement>) => void;
+    /**
+     * Additional blur handler called after carousel pause handling.
+     */
+    onBlur?: (event: FocusEvent<HTMLDivElement>) => void;
+    /**
+     * Pause autoplay while the carousel is hovered or touched.
+     *
+     * @default 'hover'
+     */
+    pause?: 'hover' | false;
+    /**
+     * Additional mouseover handler called after carousel pause handling.
+     */
+    onMouseOver?: (event: MouseEvent<HTMLDivElement>) => void;
+    /**
+     * Additional mouseout handler called after carousel pause handling.
+     */
+    onMouseOut?: (event: MouseEvent<HTMLDivElement>) => void;
+    /**
+     * Wrap navigation from last to first slide and from first to last slide.
+     *
+     * @default true
+     */
+    wrap?: boolean;
+    /**
+     * Enable touch swipe navigation.
+     *
+     * @default true
+     */
+    touch?: boolean;
+    /**
+     * Additional touchstart handler called after carousel touch handling.
+     */
+    onTouchStart?: (event: TouchEvent<HTMLDivElement>) => void;
+    /**
+     * Additional touchmove handler called after carousel touch handling.
+     */
+    onTouchMove?: (event: TouchEvent<HTMLDivElement>) => void;
+    /**
+     * Additional touchend handler called after carousel touch handling.
+     */
+    onTouchEnd?: (event: TouchEvent<HTMLDivElement>) => void;
+    /**
+     * Custom previous control icon.
+     */
+    prevIcon?: ReactNode;
+    /**
+     * Accessible label for the previous control.
+     *
+     * @default 'Previous'
+     */
+    prevLabel?: ReactNode;
+    /**
+     * Custom next control icon.
+     */
+    nextIcon?: ReactNode;
+    /**
+     * Accessible label for the next control.
+     *
+     * @default 'Next'
+     */
+    nextLabel?: ReactNode;
+};
+export type CarouselItemProps = Omit<ComponentPropsWithoutRef<'div'>, 'children' | 'className'> & CarouselCommonDivProps & {
+    /**
+     * Autoplay interval in milliseconds for this slide. Overrides the carousel interval while the slide is active.
+     */
+    interval?: number;
+};
+export type CarouselCaptionProps = Omit<ComponentPropsWithoutRef<'div'>, 'children' | 'className'> & CarouselCommonDivProps;
+export type CarouselItemElement = ReactElement<CarouselItemProps>;

package/components/carousel/CarouselCaption.d.ts

@@ -0,0 +1,2 @@
+declare const CarouselCaption: import('react').ForwardRefExoticComponent<Omit<Omit<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref">, "className" | "children"> & import('./Carousel.types').CarouselCommonDivProps & import('react').RefAttributes<HTMLDivElement>>;
+export default CarouselCaption;

package/components/carousel/CarouselCaption.js

@@ -0,0 +1,19 @@
+import e from "../../utils/classNames.js";
+import { CAROUSEL_CAPTION_CLASS_NAME as t } from "./carouselUtils.js";
+import { forwardRef as n } from "react";
+import { jsx as r } from "react/jsx-runtime";
+//#region src/components/carousel/CarouselCaption.tsx
+var i = n((n, i) => {
+	let { children: a, className: o, ...s } = n;
+	return /* @__PURE__ */ r("div", {
+		...s,
+		ref: i,
+		className: e(o, t),
+		children: a
+	});
+});
+i.displayName = "CarouselCaption";
+//#endregion
+export { i as default };
+
+//# sourceMappingURL=CarouselCaption.js.map

package/components/carousel/CarouselCaption.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"CarouselCaption.js","names":[],"sources":["../../../src/components/carousel/CarouselCaption.tsx"],"sourcesContent":["import { forwardRef } from 'react';\n\nimport classNames from '../../utils/classNames';\nimport type { CarouselCaptionProps } from './Carousel.types';\nimport { CAROUSEL_CAPTION_CLASS_NAME } from './carouselUtils';\n\nconst CarouselCaption = forwardRef<HTMLDivElement, CarouselCaptionProps>((props, ref) => {\n    const { children, className, ...remainingProps } = props;\n\n    return (\n        <div {...remainingProps} ref={ref} className={classNames(className, CAROUSEL_CAPTION_CLASS_NAME)}>\n            {children}\n        </div>\n    );\n});\n\nCarouselCaption.displayName = 'CarouselCaption';\n\nexport default CarouselCaption;\n"],"mappings":";;;;;AAMA,IAAM,IAAkB,GAAkD,GAAO,MAAQ;CACrF,IAAM,EAAE,aAAU,cAAW,GAAG,MAAmB;CAEnD,OACI,kBAAC,OAAD;EAAK,GAAI;EAAqB;EAAK,WAAW,EAAW,GAAW,CAA2B;EAC1F;CACA,CAAA;AAEb,CAAC;AAED,EAAgB,cAAc"}

package/components/carousel/CarouselControls.d.ts

@@ -0,0 +1,16 @@
+import { ReactNode, SyntheticEvent } from 'react';
+type CarouselControlsProps = {
+    renderedActiveIndex: number;
+    childCount: number;
+    wrap: boolean;
+    prev: (event?: SyntheticEvent) => void;
+    next: (event?: SyntheticEvent) => void;
+    prevIcon: ReactNode;
+    prevLabel: ReactNode;
+    nextIcon: ReactNode;
+    nextLabel: ReactNode;
+};
+export declare const defaultPrevIcon: import("react/jsx-runtime").JSX.Element;
+export declare const defaultNextIcon: import("react/jsx-runtime").JSX.Element;
+declare const CarouselControls: (props: CarouselControlsProps) => import("react/jsx-runtime").JSX.Element;
+export default CarouselControls;

package/components/carousel/CarouselControls.js

@@ -0,0 +1,35 @@
+import "./carouselUtils.js";
+import { Fragment as e, jsx as t, jsxs as n } from "react/jsx-runtime";
+//#region src/components/carousel/CarouselControls.tsx
+var r = /* @__PURE__ */ t("span", {
+	"aria-hidden": "true",
+	className: "carousel-control-prev-icon"
+}), i = /* @__PURE__ */ t("span", {
+	"aria-hidden": "true",
+	className: "carousel-control-next-icon"
+}), a = (e, t) => {
+	e.preventDefault(), t(e);
+}, o = (r) => {
+	let { renderedActiveIndex: i, childCount: o, wrap: s, prev: c, next: l, prevIcon: u, prevLabel: d, nextIcon: f, nextLabel: p } = r;
+	return /* @__PURE__ */ n(e, { children: [(s || i !== 0) && /* @__PURE__ */ n("a", {
+		className: "carousel-control-prev",
+		href: "#",
+		onClick: (e) => a(e, c),
+		children: [u, d && /* @__PURE__ */ t("span", {
+			className: "sr-only",
+			children: d
+		})]
+	}), (s || i !== o - 1) && /* @__PURE__ */ n("a", {
+		className: "carousel-control-next",
+		href: "#",
+		onClick: (e) => a(e, l),
+		children: [f, p && /* @__PURE__ */ t("span", {
+			className: "sr-only",
+			children: p
+		})]
+	})] });
+};
+//#endregion
+export { o as default, i as defaultNextIcon, r as defaultPrevIcon };
+
+//# sourceMappingURL=CarouselControls.js.map

package/components/carousel/CarouselControls.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"CarouselControls.js","names":[],"sources":["../../../src/components/carousel/CarouselControls.tsx"],"sourcesContent":["import type { MouseEvent, ReactNode, SyntheticEvent } from 'react';\n\nimport { CAROUSEL_CLASS_NAME } from './carouselUtils';\n\ntype CarouselControlsProps = {\n    renderedActiveIndex: number;\n    childCount: number;\n    wrap: boolean;\n    prev: (event?: SyntheticEvent) => void;\n    next: (event?: SyntheticEvent) => void;\n    prevIcon: ReactNode;\n    prevLabel: ReactNode;\n    nextIcon: ReactNode;\n    nextLabel: ReactNode;\n};\n\nexport const defaultPrevIcon = <span aria-hidden='true' className='carousel-control-prev-icon' />;\nexport const defaultNextIcon = <span aria-hidden='true' className='carousel-control-next-icon' />;\n\nconst handleControlClick = (event: MouseEvent<HTMLAnchorElement>, callback: (event: SyntheticEvent) => void) => {\n    event.preventDefault();\n    callback(event);\n};\n\nconst CarouselControls = (props: CarouselControlsProps) => {\n    const { renderedActiveIndex, childCount, wrap, prev, next, prevIcon, prevLabel, nextIcon, nextLabel } = props;\n\n    return (\n        <>\n            {(wrap || renderedActiveIndex !== 0) && (\n                <a\n                    className={`${CAROUSEL_CLASS_NAME}-control-prev`}\n                    href='#'\n                    onClick={event => handleControlClick(event, prev)}\n                >\n                    {prevIcon}\n                    {prevLabel && <span className='sr-only'>{prevLabel}</span>}\n                </a>\n            )}\n            {(wrap || renderedActiveIndex !== childCount - 1) && (\n                <a\n                    className={`${CAROUSEL_CLASS_NAME}-control-next`}\n                    href='#'\n                    onClick={event => handleControlClick(event, next)}\n                >\n                    {nextIcon}\n                    {nextLabel && <span className='sr-only'>{nextLabel}</span>}\n                </a>\n            )}\n        </>\n    );\n};\n\nexport default CarouselControls;\n"],"mappings":";;;AAgBA,IAAa,IAAkB,kBAAC,QAAD;CAAM,eAAY;CAAO,WAAU;AAA8B,CAAA,GACnF,IAAkB,kBAAC,QAAD;CAAM,eAAY;CAAO,WAAU;AAA8B,CAAA,GAE1F,KAAsB,GAAsC,MAA8C;CAE5G,AADA,EAAM,eAAe,GACrB,EAAS,CAAK;AAClB,GAEM,KAAoB,MAAiC;CACvD,IAAM,EAAE,wBAAqB,eAAY,SAAM,SAAM,SAAM,aAAU,cAAW,aAAU,iBAAc;CAExG,OACI,kBAAA,GAAA,EAAA,UAAA,EACM,KAAQ,MAAwB,MAC9B,kBAAC,KAAD;EACI,WAAW;EACX,MAAK;EACL,UAAS,MAAS,EAAmB,GAAO,CAAI;YAHpD,CAKK,GACA,KAAa,kBAAC,QAAD;GAAM,WAAU;aAAW;EAAgB,CAAA,CAC1D;MAEL,KAAQ,MAAwB,IAAa,MAC3C,kBAAC,KAAD;EACI,WAAW;EACX,MAAK;EACL,UAAS,MAAS,EAAmB,GAAO,CAAI;YAHpD,CAKK,GACA,KAAa,kBAAC,QAAD;GAAM,WAAU;aAAW;EAAgB,CAAA,CAC1D;GAET,EAAA,CAAA;AAEV"}

package/components/carousel/CarouselIndicators.d.ts

@@ -0,0 +1,9 @@
+import { MouseEvent } from 'react';
+import { Direction } from './Carousel.types';
+type CarouselIndicatorsProps = {
+    childCount: number;
+    renderedActiveIndex: number;
+    select: (nextIndex: number, event: MouseEvent<HTMLElement>, nextDirection: Direction) => void;
+};
+declare const CarouselIndicators: (props: CarouselIndicatorsProps) => import("react/jsx-runtime").JSX.Element;
+export default CarouselIndicators;

package/components/carousel/CarouselIndicators.js

@@ -0,0 +1,17 @@
+import { CAROUSEL_CLASS_NAME as e } from "./carouselUtils.js";
+import { jsx as t } from "react/jsx-runtime";
+//#region src/components/carousel/CarouselIndicators.tsx
+var n = (n) => {
+	let { childCount: r, renderedActiveIndex: i, select: a } = n;
+	return /* @__PURE__ */ t("ol", {
+		className: `${e}-indicators`,
+		children: Array.from({ length: r }, (e, n) => /* @__PURE__ */ t("li", {
+			className: n === i ? "active" : void 0,
+			onClick: (e) => a(n, e, n > i ? "next" : "prev")
+		}, n))
+	});
+};
+//#endregion
+export { n as default };
+
+//# sourceMappingURL=CarouselIndicators.js.map

package/components/carousel/CarouselIndicators.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"CarouselIndicators.js","names":[],"sources":["../../../src/components/carousel/CarouselIndicators.tsx"],"sourcesContent":["import type { MouseEvent } from 'react';\n\nimport type { Direction } from './Carousel.types';\nimport { CAROUSEL_CLASS_NAME } from './carouselUtils';\n\ntype CarouselIndicatorsProps = {\n    childCount: number;\n    renderedActiveIndex: number;\n    select: (nextIndex: number, event: MouseEvent<HTMLElement>, nextDirection: Direction) => void;\n};\n\nconst CarouselIndicators = (props: CarouselIndicatorsProps) => {\n    const { childCount, renderedActiveIndex, select } = props;\n\n    return (\n        <ol className={`${CAROUSEL_CLASS_NAME}-indicators`}>\n            {Array.from({ length: childCount }, (_child, index) => (\n                <li\n                    key={index}\n                    className={index === renderedActiveIndex ? 'active' : undefined}\n                    onClick={event => select(index, event, index > renderedActiveIndex ? 'next' : 'prev')}\n                />\n            ))}\n        </ol>\n    );\n};\n\nexport default CarouselIndicators;\n"],"mappings":";;;AAWA,IAAM,KAAsB,MAAmC;CAC3D,IAAM,EAAE,eAAY,wBAAqB,cAAW;CAEpD,OACI,kBAAC,MAAD;EAAI,WAAW,GAAG,EAAoB;YACjC,MAAM,KAAK,EAAE,QAAQ,EAAW,IAAI,GAAQ,MACzC,kBAAC,MAAD;GAEI,WAAW,MAAU,IAAsB,WAAW,KAAA;GACtD,UAAS,MAAS,EAAO,GAAO,GAAO,IAAQ,IAAsB,SAAS,MAAM;EACvF,GAHQ,CAGR,CACJ;CACD,CAAA;AAEZ"}

package/components/carousel/CarouselItem.d.ts

@@ -0,0 +1,4 @@
+declare const CarouselItem: import('react').ForwardRefExoticComponent<Omit<Omit<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref">, "className" | "children"> & import('./Carousel.types').CarouselCommonDivProps & {
+    interval?: number;
+} & import('react').RefAttributes<HTMLDivElement>>;
+export default CarouselItem;

package/components/carousel/CarouselItem.js

@@ -0,0 +1,19 @@
+import e from "../../utils/classNames.js";
+import { CAROUSEL_ITEM_CLASS_NAME as t } from "./carouselUtils.js";
+import { forwardRef as n } from "react";
+import { jsx as r } from "react/jsx-runtime";
+//#region src/components/carousel/CarouselItem.tsx
+var i = n((n, i) => {
+	let { children: a, className: o, ...s } = n;
+	return /* @__PURE__ */ r("div", {
+		...s,
+		ref: i,
+		className: e(o, t),
+		children: a
+	});
+});
+i.displayName = "CarouselItem";
+//#endregion
+export { i as default };
+
+//# sourceMappingURL=CarouselItem.js.map

package/components/carousel/CarouselItem.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"CarouselItem.js","names":[],"sources":["../../../src/components/carousel/CarouselItem.tsx"],"sourcesContent":["import { forwardRef } from 'react';\n\nimport classNames from '../../utils/classNames';\nimport type { CarouselItemProps } from './Carousel.types';\nimport { CAROUSEL_ITEM_CLASS_NAME } from './carouselUtils';\n\nconst CarouselItem = forwardRef<HTMLDivElement, CarouselItemProps>((props, ref) => {\n    const { children, className, ...remainingProps } = props;\n\n    return (\n        <div {...remainingProps} ref={ref} className={classNames(className, CAROUSEL_ITEM_CLASS_NAME)}>\n            {children}\n        </div>\n    );\n});\n\nCarouselItem.displayName = 'CarouselItem';\n\nexport default CarouselItem;\n"],"mappings":";;;;;AAMA,IAAM,IAAe,GAA+C,GAAO,MAAQ;CAC/E,IAAM,EAAE,aAAU,cAAW,GAAG,MAAmB;CAEnD,OACI,kBAAC,OAAD;EAAK,GAAI;EAAqB;EAAK,WAAW,EAAW,GAAW,CAAwB;EACvF;CACA,CAAA;AAEb,CAAC;AAED,EAAa,cAAc"}

package/components/carousel/CarouselItems.d.ts

@@ -0,0 +1,15 @@
+import { Transition } from 'motion/react';
+import { AnimationPhase, CarouselItemElement, Direction } from './Carousel.types';
+type CarouselItemsProps = {
+    childrenArray: CarouselItemElement[];
+    renderedActiveIndex: number;
+    previousActiveIndex: number | null;
+    direction: Direction;
+    animationPhase: AnimationPhase;
+    isSliding: boolean;
+    slide: boolean;
+    useMotionSlide: boolean;
+    transition: Transition;
+};
+declare const CarouselItems: (props: CarouselItemsProps) => import("react/jsx-runtime").JSX.Element;
+export default CarouselItems;

package/components/carousel/CarouselItems.js

@@ -0,0 +1,57 @@
+import e from "../../utils/classNames.js";
+import { CAROUSEL_CLASS_NAME as t } from "./carouselUtils.js";
+import { cloneElement as n } from "react";
+import { motion as r } from "motion/react";
+import { jsx as i } from "react/jsx-runtime";
+//#region src/components/carousel/CarouselItems.tsx
+var a = (e, t) => e === "next" ? t === "initial" ? "0%" : "-100%" : t === "initial" ? "-100%" : "0%", o = (r, i) => n(r, {
+	key: i,
+	className: e(r.props.className, "active", `${t}-motion-item`)
+}), s = (s) => {
+	let { childrenArray: c, renderedActiveIndex: l, previousActiveIndex: u, direction: d, animationPhase: f, isSliding: p, slide: m, useMotionSlide: h, transition: g } = s, _ = (r, i) => {
+		let a = d === "next" ? "left" : "right", o = i === l, s = i === u, c = `${t}-item-${d}`, h = `${t}-item-${a}`;
+		return n(r, { className: e(r.props.className, o && !p && "active", m && o && p && c, m && o && p && f === "sliding" && h, m && s && "active", m && s && f === "sliding" && h, !m && o && "active") });
+	};
+	if (!h) return /* @__PURE__ */ i("div", {
+		className: `${t}-inner`,
+		children: c.map(_)
+	});
+	let v = c[l];
+	if (!v) return /* @__PURE__ */ i("div", { className: `${t}-inner ${t}-motion-inner` });
+	if (!p || u === null) return /* @__PURE__ */ i("div", {
+		className: `${t}-inner ${t}-motion-inner`,
+		children: o(v, l)
+	});
+	let y = c[u];
+	if (!y) return /* @__PURE__ */ i("div", {
+		className: `${t}-inner ${t}-motion-inner`,
+		children: o(v, l)
+	});
+	let b = d === "next" ? [{
+		child: y,
+		index: u
+	}, {
+		child: v,
+		index: l
+	}] : [{
+		child: v,
+		index: l
+	}, {
+		child: y,
+		index: u
+	}];
+	return /* @__PURE__ */ i("div", {
+		className: `${t}-inner ${t}-motion-inner`,
+		children: /* @__PURE__ */ i(r.div, {
+			className: `${t}-motion-track`,
+			initial: { x: a(d, "initial") },
+			animate: { x: a(d, "animate") },
+			transition: g,
+			children: b.map(({ child: e, index: t }) => o(e, t))
+		}, `${u}-${l}-${d}`)
+	});
+};
+//#endregion
+export { s as default };
+
+//# sourceMappingURL=CarouselItems.js.map

package/components/carousel/CarouselItems.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"CarouselItems.js","names":[],"sources":["../../../src/components/carousel/CarouselItems.tsx"],"sourcesContent":["import { cloneElement } from 'react';\nimport { motion, type Transition } from 'motion/react';\n\nimport classNames from '../../utils/classNames';\nimport type { AnimationPhase, CarouselItemElement, Direction } from './Carousel.types';\nimport { CAROUSEL_CLASS_NAME } from './carouselUtils';\n\ntype CarouselItemsProps = {\n    childrenArray: CarouselItemElement[];\n    renderedActiveIndex: number;\n    previousActiveIndex: number | null;\n    direction: Direction;\n    animationPhase: AnimationPhase;\n    isSliding: boolean;\n    slide: boolean;\n    useMotionSlide: boolean;\n    transition: Transition;\n};\n\nconst getMotionTrackOffset = (direction: Direction, target: 'initial' | 'animate') => {\n    if (direction === 'next') {\n        return target === 'initial' ? '0%' : '-100%';\n    }\n\n    return target === 'initial' ? '-100%' : '0%';\n};\n\nconst renderMotionItem = (child: CarouselItemElement, key: number) =>\n    cloneElement(child, {\n        key,\n        className: classNames(child.props.className, 'active', `${CAROUSEL_CLASS_NAME}-motion-item`),\n    });\n\nconst CarouselItems = (props: CarouselItemsProps) => {\n    const {\n        childrenArray,\n        renderedActiveIndex,\n        previousActiveIndex,\n        direction,\n        animationPhase,\n        isSliding,\n        slide,\n        useMotionSlide,\n        transition,\n    } = props;\n\n    const renderLegacyItem = (child: CarouselItemElement, index: number) => {\n        const slideDirection = direction === 'next' ? 'left' : 'right';\n        const active = index === renderedActiveIndex;\n        const previous = index === previousActiveIndex;\n        const orderClassName = `${CAROUSEL_CLASS_NAME}-item-${direction}`;\n        const directionalClassName = `${CAROUSEL_CLASS_NAME}-item-${slideDirection}`;\n        const itemClassName = classNames(\n            child.props.className,\n            active && !isSliding && 'active',\n            slide && active && isSliding && orderClassName,\n            slide && active && isSliding && animationPhase === 'sliding' && directionalClassName,\n            slide && previous && 'active',\n            slide && previous && animationPhase === 'sliding' && directionalClassName,\n            !slide && active && 'active'\n        );\n\n        return cloneElement(child, { className: itemClassName });\n    };\n\n    if (!useMotionSlide) {\n        return <div className={`${CAROUSEL_CLASS_NAME}-inner`}>{childrenArray.map(renderLegacyItem)}</div>;\n    }\n\n    const renderedChild = childrenArray[renderedActiveIndex];\n\n    if (!renderedChild) {\n        return <div className={`${CAROUSEL_CLASS_NAME}-inner ${CAROUSEL_CLASS_NAME}-motion-inner`} />;\n    }\n\n    if (!isSliding || previousActiveIndex === null) {\n        return (\n            <div className={`${CAROUSEL_CLASS_NAME}-inner ${CAROUSEL_CLASS_NAME}-motion-inner`}>\n                {renderMotionItem(renderedChild, renderedActiveIndex)}\n            </div>\n        );\n    }\n\n    const previousChild = childrenArray[previousActiveIndex];\n\n    if (!previousChild) {\n        return (\n            <div className={`${CAROUSEL_CLASS_NAME}-inner ${CAROUSEL_CLASS_NAME}-motion-inner`}>\n                {renderMotionItem(renderedChild, renderedActiveIndex)}\n            </div>\n        );\n    }\n\n    const orderedItems =\n        direction === 'next'\n            ? [\n                  { child: previousChild, index: previousActiveIndex },\n                  { child: renderedChild, index: renderedActiveIndex },\n              ]\n            : [\n                  { child: renderedChild, index: renderedActiveIndex },\n                  { child: previousChild, index: previousActiveIndex },\n              ];\n\n    return (\n        <div className={`${CAROUSEL_CLASS_NAME}-inner ${CAROUSEL_CLASS_NAME}-motion-inner`}>\n            <motion.div\n                key={`${previousActiveIndex}-${renderedActiveIndex}-${direction}`}\n                className={`${CAROUSEL_CLASS_NAME}-motion-track`}\n                initial={{ x: getMotionTrackOffset(direction, 'initial') }}\n                animate={{ x: getMotionTrackOffset(direction, 'animate') }}\n                transition={transition}\n            >\n                {orderedItems.map(({ child, index }) => renderMotionItem(child, index))}\n            </motion.div>\n        </div>\n    );\n};\n\nexport default CarouselItems;\n"],"mappings":";;;;;;AAmBA,IAAM,KAAwB,GAAsB,MAC5C,MAAc,SACP,MAAW,YAAY,OAAO,UAGlC,MAAW,YAAY,UAAU,MAGtC,KAAoB,GAA4B,MAClD,EAAa,GAAO;CAChB;CACA,WAAW,EAAW,EAAM,MAAM,WAAW,UAAU,GAAG,EAAoB,aAAa;AAC/F,CAAC,GAEC,KAAiB,MAA8B;CACjD,IAAM,EACF,kBACA,wBACA,wBACA,cACA,mBACA,cACA,UACA,mBACA,kBACA,GAEE,KAAoB,GAA4B,MAAkB;EACpE,IAAM,IAAiB,MAAc,SAAS,SAAS,SACjD,IAAS,MAAU,GACnB,IAAW,MAAU,GACrB,IAAiB,GAAG,EAAoB,QAAQ,KAChD,IAAuB,GAAG,EAAoB,QAAQ;EAW5D,OAAO,EAAa,GAAO,EAAE,WAVP,EAClB,EAAM,MAAM,WACZ,KAAU,CAAC,KAAa,UACxB,KAAS,KAAU,KAAa,GAChC,KAAS,KAAU,KAAa,MAAmB,aAAa,GAChE,KAAS,KAAY,UACrB,KAAS,KAAY,MAAmB,aAAa,GACrD,CAAC,KAAS,KAAU,QAGgB,EAAc,CAAC;CAC3D;CAEA,IAAI,CAAC,GACD,OAAO,kBAAC,OAAD;EAAK,WAAW,GAAG,EAAoB;YAAU,EAAc,IAAI,CAAgB;CAAO,CAAA;CAGrG,IAAM,IAAgB,EAAc;CAEpC,IAAI,CAAC,GACD,OAAO,kBAAC,OAAD,EAAK,WAAW,GAAG,EAAoB,SAAS,EAAoB,eAAiB,CAAA;CAGhG,IAAI,CAAC,KAAa,MAAwB,MACtC,OACI,kBAAC,OAAD;EAAK,WAAW,GAAG,EAAoB,SAAS,EAAoB;YAC/D,EAAiB,GAAe,CAAmB;CACnD,CAAA;CAIb,IAAM,IAAgB,EAAc;CAEpC,IAAI,CAAC,GACD,OACI,kBAAC,OAAD;EAAK,WAAW,GAAG,EAAoB,SAAS,EAAoB;YAC/D,EAAiB,GAAe,CAAmB;CACnD,CAAA;CAIb,IAAM,IACF,MAAc,SACR,CACI;EAAE,OAAO;EAAe,OAAO;CAAoB,GACnD;EAAE,OAAO;EAAe,OAAO;CAAoB,CACvD,IACA,CACI;EAAE,OAAO;EAAe,OAAO;CAAoB,GACnD;EAAE,OAAO;EAAe,OAAO;CAAoB,CACvD;CAEV,OACI,kBAAC,OAAD;EAAK,WAAW,GAAG,EAAoB,SAAS,EAAoB;YAChE,kBAAC,EAAO,KAAR;GAEI,WAAW,GAAG,EAAoB;GAClC,SAAS,EAAE,GAAG,EAAqB,GAAW,SAAS,EAAE;GACzD,SAAS,EAAE,GAAG,EAAqB,GAAW,SAAS,EAAE;GAC7C;aAEX,EAAa,KAAK,EAAE,UAAO,eAAY,EAAiB,GAAO,CAAK,CAAC;EAC9D,GAPH,GAAG,EAAoB,GAAG,EAAoB,GAAG,GAO9C;CACX,CAAA;AAEb"}

package/components/carousel/carouselUtils.d.ts

@@ -0,0 +1,11 @@
+import { ReactNode } from 'react';
+import { CarouselItemElement, Direction, SlideDirection } from './Carousel.types';
+export declare const SWIPE_THRESHOLD = 40;
+export declare const TRANSITION_DURATION = 600;
+export declare const CAROUSEL_CLASS_NAME = "carousel";
+export declare const CAROUSEL_ITEM_CLASS_NAME = "carousel-item";
+export declare const CAROUSEL_CAPTION_CLASS_NAME = "carousel-caption";
+export declare const isVisible: (element: HTMLElement | null) => boolean;
+export declare const getChildren: (children: ReactNode) => CarouselItemElement[];
+export declare const getSlideDirection: (direction: Direction) => SlideDirection;
+export declare const scheduleCarouselAnimationFrame: (callback: FrameRequestCallback) => void;

package/components/carousel/carouselUtils.js

@@ -0,0 +1,17 @@
+import { Children as e, isValidElement as t } from "react";
+//#region src/components/carousel/carouselUtils.ts
+var n = "carousel", r = `${n}-item`, i = `${n}-caption`, a = (e) => {
+	if (!e?.parentNode || !(e.parentNode instanceof HTMLElement)) return !1;
+	let t = getComputedStyle(e), n = getComputedStyle(e.parentNode);
+	return t.display !== "none" && t.visibility !== "hidden" && n.display !== "none";
+}, o = (n) => e.toArray(n).filter(t), s = (e) => e === "next" ? "left" : "right", c = (e) => {
+	if (typeof requestAnimationFrame == "function") {
+		requestAnimationFrame(e);
+		return;
+	}
+	e(0);
+};
+//#endregion
+export { i as CAROUSEL_CAPTION_CLASS_NAME, n as CAROUSEL_CLASS_NAME, r as CAROUSEL_ITEM_CLASS_NAME, o as getChildren, s as getSlideDirection, a as isVisible, c as scheduleCarouselAnimationFrame };
+
+//# sourceMappingURL=carouselUtils.js.map

package/components/carousel/carouselUtils.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"carouselUtils.js","names":[],"sources":["../../../src/components/carousel/carouselUtils.ts"],"sourcesContent":["import { Children, isValidElement, type ReactNode } from 'react';\n\nimport type { CarouselItemElement, Direction, SlideDirection } from './Carousel.types';\n\nexport const SWIPE_THRESHOLD = 40;\nexport const TRANSITION_DURATION = 600;\nexport const CAROUSEL_CLASS_NAME = 'carousel';\nexport const CAROUSEL_ITEM_CLASS_NAME = `${CAROUSEL_CLASS_NAME}-item`;\nexport const CAROUSEL_CAPTION_CLASS_NAME = `${CAROUSEL_CLASS_NAME}-caption`;\n\nexport const isVisible = (element: HTMLElement | null) => {\n    if (!element?.parentNode || !(element.parentNode instanceof HTMLElement)) {\n        return false;\n    }\n\n    const elementStyle = getComputedStyle(element);\n    const parentStyle = getComputedStyle(element.parentNode);\n\n    return elementStyle.display !== 'none' && elementStyle.visibility !== 'hidden' && parentStyle.display !== 'none';\n};\n\nexport const getChildren = (children: ReactNode): CarouselItemElement[] =>\n    Children.toArray(children).filter(isValidElement) as CarouselItemElement[];\n\nexport const getSlideDirection = (direction: Direction): SlideDirection => (direction === 'next' ? 'left' : 'right');\n\nexport const scheduleCarouselAnimationFrame = (callback: FrameRequestCallback) => {\n    if (typeof requestAnimationFrame === 'function') {\n        requestAnimationFrame(callback);\n        return;\n    }\n\n    callback(0);\n};\n"],"mappings":";;AAMA,IAAa,IAAsB,YACtB,IAA2B,GAAG,EAAoB,QAClD,IAA8B,GAAG,EAAoB,WAErD,KAAa,MAAgC;CACtD,IAAI,CAAC,GAAS,cAAc,EAAE,EAAQ,sBAAsB,cACxD,OAAO;CAGX,IAAM,IAAe,iBAAiB,CAAO,GACvC,IAAc,iBAAiB,EAAQ,UAAU;CAEvD,OAAO,EAAa,YAAY,UAAU,EAAa,eAAe,YAAY,EAAY,YAAY;AAC9G,GAEa,KAAe,MACxB,EAAS,QAAQ,CAAQ,CAAC,CAAC,OAAO,CAAc,GAEvC,KAAqB,MAA0C,MAAc,SAAS,SAAS,SAE/F,KAAkC,MAAmC;CAC9E,IAAI,OAAO,yBAA0B,YAAY;EAC7C,sBAAsB,CAAQ;EAC9B;CACJ;CAEA,EAAS,CAAC;AACd"}

package/components/charts/Area.js

@@ -1,14 +1,14 @@
-const e = () => ({
-  dataKey: "value",
-  unit: "",
-  strokeColor: "color-coldplay-fountain",
-  fill: "color-coldplay-fountain",
-  legendType: "square",
-  type: "monotone",
-  isAnimationActive: !0
-}), t = (o) => null;
-export {
-  t as default,
-  e as getAreaDefaultProps
-};
-//# sourceMappingURL=Area.js.map
+//#region src/components/charts/Area.tsx
+var e = () => ({
+	dataKey: "value",
+	unit: "",
+	strokeColor: "color-coldplay-fountain",
+	fill: "color-coldplay-fountain",
+	legendType: "square",
+	type: "monotone",
+	isAnimationActive: !0
+}), t = (e) => null;
+//#endregion
+export { t as default, e as getAreaDefaultProps };
+
+//# sourceMappingURL=Area.js.map

package/components/charts/Area.js.map

@@ -1 +1 @@
-{"version":3,"file":"Area.js","sources":["../../../src/components/charts/Area.tsx"],"sourcesContent":["import type { AreaProps as RechartsAreaProps } from 'recharts';\nimport type { CurveType } from 'recharts/types/shape/Curve';\n\nexport type AreaProps<T = unknown> = Omit<RechartsAreaProps<T, unknown>, 'ref' | 'dataKey'> & {\n    strokeColor?: string;\n    fill?: string;\n    dataKey?: string | number | ((obj: T) => unknown);\n    unit?: string;\n    legendType?: string;\n    type?: CurveType;\n    isAnimationActive?: boolean;\n};\n\nexport const getAreaDefaultProps = () => ({\n    dataKey: 'value',\n    unit: '',\n    strokeColor: 'color-coldplay-fountain',\n    fill: 'color-coldplay-fountain',\n    legendType: 'square',\n    type: 'monotone',\n    isAnimationActive: true,\n});\n\nconst Area = (_props: AreaProps) => null;\n\nexport default Area;\n"],"names":["getAreaDefaultProps","Area","_props"],"mappings":"AAaO,MAAMA,IAAsB,OAAO;AAAA,EACtC,SAAS;AAAA,EACT,MAAM;AAAA,EACN,aAAa;AAAA,EACb,MAAM;AAAA,EACN,YAAY;AAAA,EACZ,MAAM;AAAA,EACN,mBAAmB;AACvB,IAEMC,IAAO,CAACC,MAAsB;"}
+{"version":3,"file":"Area.js","names":[],"sources":["../../../src/components/charts/Area.tsx"],"sourcesContent":["import type { AreaProps as RechartsAreaProps } from 'recharts';\nimport type { CurveType } from 'recharts/types/shape/Curve';\n\nexport type AreaProps<T = unknown> = Omit<RechartsAreaProps<T, unknown>, 'ref' | 'dataKey'> & {\n    strokeColor?: string;\n    fill?: string;\n    dataKey?: string | number | ((obj: T) => unknown);\n    unit?: string;\n    legendType?: string;\n    type?: CurveType;\n    isAnimationActive?: boolean;\n};\n\nexport const getAreaDefaultProps = () => ({\n    dataKey: 'value',\n    unit: '',\n    strokeColor: 'color-coldplay-fountain',\n    fill: 'color-coldplay-fountain',\n    legendType: 'square',\n    type: 'monotone',\n    isAnimationActive: true,\n});\n\nconst Area = (_props: AreaProps) => null;\n\nexport default Area;\n"],"mappings":";AAaA,IAAa,WAA6B;CACtC,SAAS;CACT,MAAM;CACN,aAAa;CACb,MAAM;CACN,YAAY;CACZ,MAAM;CACN,mBAAmB;AACvB,IAEM,KAAQ,MAAsB"}