@flipdish/ui-library 0.2.2 → 0.3.0

package/dist/components/molecules/BadgeGroup/index.cjs

@@ -0,0 +1,108 @@
+'use strict';
+
+var jsxRuntime = require('react/jsx-runtime');
+var uiIcons = require('@flipdish/ui-icons');
+var cx = require('@flipdish/ui-library/utilities/cx');
+var isReactComponent = require('@flipdish/ui-library/utilities/isReactComponent');
+var React = require('react');
+
+const baseClasses = {
+    light: {
+        root: 'rounded-full ring-1 ring-inset',
+        addon: 'rounded-full ring-1 ring-inset',
+    },
+    modern: {
+        root: 'rounded-[10px] bg-primary text-secondary shadow-xs ring-1 ring-inset ring-primary hover:bg-secondary',
+        addon: 'flex items-center rounded-md bg-primary shadow-xs ring-1 ring-inset ring-primary',
+        icon: 'text-utility-neutral-500',
+    },
+};
+const getSizeClasses = (theme, text, icon) => ({
+    leading: {
+        md: {
+            root: cx.cx('py-1 pr-2 pl-1 text-xs font-medium', !text && !icon && 'pr-1'),
+            addon: cx.cx('px-2 py-0.5', theme === 'modern' && 'gap-1 px-1.5', text && 'mr-2'),
+            icon: 'ml-1 size-4',
+        },
+        lg: {
+            root: cx.cx('py-1 pr-2 pl-1 text-sm font-medium', !text && !icon && 'pr-1'),
+            addon: cx.cx('px-2.5 py-0.5', theme === 'modern' && 'gap-1.5 px-2', text && 'mr-2'),
+            icon: 'ml-1 size-4',
+        },
+    },
+    trailing: {
+        md: {
+            root: cx.cx('py-1 pr-1 pl-3 text-xs font-medium', theme === 'modern' && 'pl-2.5'),
+            addon: cx.cx('py-0.5 pr-1.5 pl-2', theme === 'modern' && 'pr-1.5 pl-2', text && 'ml-2'),
+            icon: 'ml-0.5 size-3 stroke-[3px]',
+            dot: 'mr-1.5',
+        },
+        lg: {
+            root: 'py-1 pr-1 pl-3 text-sm font-medium',
+            addon: cx.cx('py-0.5 pr-2 pl-2.5', theme === 'modern' && 'pr-1.5 pl-2', text && 'ml-2'),
+            icon: 'ml-1 size-3 stroke-[3px]',
+            dot: 'mr-2',
+        },
+    },
+});
+const colorClasses = cx.sortCx({
+    light: {
+        brand: {
+            root: 'bg-utility-brand-50 text-utility-brand-700 ring-utility-brand-200 hover:bg-utility-brand-100',
+            addon: 'bg-primary text-current ring-utility-brand-200',
+            icon: 'text-utility-brand-500',
+        },
+        gray: {
+            root: 'bg-utility-neutral-50 text-utility-neutral-700 ring-utility-neutral-200 hover:bg-utility-neutral-100',
+            addon: 'bg-primary text-current ring-utility-neutral-200',
+            icon: 'text-utility-neutral-500',
+        },
+        error: {
+            root: 'bg-utility-red-50 text-utility-red-700 ring-utility-red-200 hover:bg-utility-red-100',
+            addon: 'bg-primary text-current ring-utility-red-200',
+            icon: 'text-utility-red-500',
+        },
+        warning: {
+            root: 'bg-utility-yellow-50 text-utility-yellow-700 ring-utility-yellow-200 hover:bg-utility-yellow-100',
+            addon: 'bg-primary text-current ring-utility-yellow-200',
+            icon: 'text-utility-yellow-500',
+        },
+        success: {
+            root: 'bg-utility-green-50 text-utility-green-700 ring-utility-green-200 hover:bg-utility-green-100',
+            addon: 'bg-primary text-current ring-utility-green-200',
+            icon: 'text-utility-green-500',
+        },
+    },
+    modern: {
+        brand: {
+            dot: 'bg-utility-brand-500 outline-3 -outline-offset-1 outline-utility-brand-100',
+        },
+        gray: {
+            dot: 'bg-utility-neutral-500 outline-3 -outline-offset-1 outline-utility-neutral-100',
+        },
+        error: {
+            dot: 'bg-utility-red-500 outline-3 -outline-offset-1 outline-utility-red-100',
+        },
+        warning: {
+            dot: 'bg-utility-yellow-500 outline-3 -outline-offset-1 outline-utility-yellow-100',
+        },
+        success: {
+            dot: 'bg-utility-green-500 outline-3 -outline-offset-1 outline-utility-green-100',
+        },
+    },
+});
+const BadgeGroup = ({ children, addonText, size = 'md', color = 'brand', theme = 'light', align = 'leading', className, iconTrailing: IconTrailing = uiIcons.ArrowRight, }) => {
+    const colors = colorClasses[theme][color];
+    const sizes = getSizeClasses(theme, !!children, !!IconTrailing)[align][size];
+    const rootClasses = cx.cx('inline-flex w-max cursor-pointer items-center transition duration-100 ease-linear', baseClasses[theme].root, sizes.root, colors.root, className);
+    const addonClasses = cx.cx('inline-flex items-center', baseClasses[theme].addon, sizes.addon, colors.addon);
+    const dotClasses = cx.cx('inline-block size-2 shrink-0 rounded-full', sizes.dot, colors.dot);
+    const iconClasses = cx.cx(baseClasses[theme].icon, sizes.icon, colors.icon);
+    if (align === 'trailing') {
+        return (jsxRuntime.jsxs("div", { className: rootClasses, children: [theme === 'modern' && jsxRuntime.jsx("span", { className: dotClasses }), children, jsxRuntime.jsxs("span", { className: addonClasses, children: [addonText, isReactComponent.isReactComponent(IconTrailing) && jsxRuntime.jsx(IconTrailing, { className: iconClasses }), React.isValidElement(IconTrailing) && IconTrailing] })] }));
+    }
+    return (jsxRuntime.jsxs("div", { className: rootClasses, children: [jsxRuntime.jsxs("span", { className: addonClasses, children: [theme === 'modern' && jsxRuntime.jsx("span", { className: dotClasses }), addonText] }), children, isReactComponent.isReactComponent(IconTrailing) && jsxRuntime.jsx(IconTrailing, { className: iconClasses }), React.isValidElement(IconTrailing) && IconTrailing] }));
+};
+
+exports.BadgeGroup = BadgeGroup;
+//# sourceMappingURL=index.cjs.map

package/dist/components/molecules/BadgeGroup/index.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.cjs","sources":["../../../../src/components/molecules/BadgeGroup/index.tsx"],"sourcesContent":[null],"names":["cx","sortCx","ArrowRight","_jsxs","_jsx","isReactComponent","isValidElement"],"mappings":"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"}

package/dist/components/molecules/BadgeGroup/index.d.ts

@@ -0,0 +1,23 @@
+import type { FC, ReactNode } from 'react';
+type Size = 'md' | 'lg';
+type Color = 'brand' | 'warning' | 'error' | 'gray' | 'success';
+type Theme = 'light' | 'modern';
+type Align = 'leading' | 'trailing';
+interface BadgeGroupProps {
+    children?: string | ReactNode;
+    addonText: string;
+    size?: Size;
+    color: Color;
+    theme?: Theme;
+    /**
+     * Alignment of the badge addon element.
+     */
+    align?: Align;
+    iconTrailing?: FC<{
+        className?: string;
+    }> | ReactNode;
+    className?: string;
+}
+export declare const BadgeGroup: ({ children, addonText, size, color, theme, align, className, iconTrailing: IconTrailing, }: BadgeGroupProps) => import("react").JSX.Element;
+export {};
+//# sourceMappingURL=index.d.ts.map

package/dist/components/molecules/BadgeGroup/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/molecules/BadgeGroup/index.tsx"],"names":[],"mappings":"AAKA,OAAO,KAAK,EAAE,EAAE,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAG3C,KAAK,IAAI,GAAG,IAAI,GAAG,IAAI,CAAC;AACxB,KAAK,KAAK,GAAG,OAAO,GAAG,SAAS,GAAG,OAAO,GAAG,MAAM,GAAG,SAAS,CAAC;AAChE,KAAK,KAAK,GAAG,OAAO,GAAG,QAAQ,CAAC;AAChC,KAAK,KAAK,GAAG,SAAS,GAAG,UAAU,CAAC;AA8FpC,UAAU,eAAe;IACvB,QAAQ,CAAC,EAAE,MAAM,GAAG,SAAS,CAAC;IAC9B,SAAS,EAAE,MAAM,CAAC;IAClB,IAAI,CAAC,EAAE,IAAI,CAAC;IACZ,KAAK,EAAE,KAAK,CAAC;IACb,KAAK,CAAC,EAAE,KAAK,CAAC;IACd;;OAEG;IACH,KAAK,CAAC,EAAE,KAAK,CAAC;IACd,YAAY,CAAC,EAAE,EAAE,CAAC;QAAE,SAAS,CAAC,EAAE,MAAM,CAAA;KAAE,CAAC,GAAG,SAAS,CAAC;IACtD,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED,eAAO,MAAM,UAAU,GAAI,4FASxB,eAAe,gCA+CjB,CAAC"}

package/dist/components/molecules/BadgeGroup/index.js

@@ -0,0 +1,106 @@
+import { jsxs, jsx } from 'react/jsx-runtime';
+import { ArrowRight } from '@flipdish/ui-icons';
+import { sortCx, cx } from '@flipdish/ui-library/utilities/cx';
+import { isReactComponent } from '@flipdish/ui-library/utilities/isReactComponent';
+import { isValidElement } from 'react';
+
+const baseClasses = {
+    light: {
+        root: 'rounded-full ring-1 ring-inset',
+        addon: 'rounded-full ring-1 ring-inset',
+    },
+    modern: {
+        root: 'rounded-[10px] bg-primary text-secondary shadow-xs ring-1 ring-inset ring-primary hover:bg-secondary',
+        addon: 'flex items-center rounded-md bg-primary shadow-xs ring-1 ring-inset ring-primary',
+        icon: 'text-utility-neutral-500',
+    },
+};
+const getSizeClasses = (theme, text, icon) => ({
+    leading: {
+        md: {
+            root: cx('py-1 pr-2 pl-1 text-xs font-medium', !text && !icon && 'pr-1'),
+            addon: cx('px-2 py-0.5', theme === 'modern' && 'gap-1 px-1.5', text && 'mr-2'),
+            icon: 'ml-1 size-4',
+        },
+        lg: {
+            root: cx('py-1 pr-2 pl-1 text-sm font-medium', !text && !icon && 'pr-1'),
+            addon: cx('px-2.5 py-0.5', theme === 'modern' && 'gap-1.5 px-2', text && 'mr-2'),
+            icon: 'ml-1 size-4',
+        },
+    },
+    trailing: {
+        md: {
+            root: cx('py-1 pr-1 pl-3 text-xs font-medium', theme === 'modern' && 'pl-2.5'),
+            addon: cx('py-0.5 pr-1.5 pl-2', theme === 'modern' && 'pr-1.5 pl-2', text && 'ml-2'),
+            icon: 'ml-0.5 size-3 stroke-[3px]',
+            dot: 'mr-1.5',
+        },
+        lg: {
+            root: 'py-1 pr-1 pl-3 text-sm font-medium',
+            addon: cx('py-0.5 pr-2 pl-2.5', theme === 'modern' && 'pr-1.5 pl-2', text && 'ml-2'),
+            icon: 'ml-1 size-3 stroke-[3px]',
+            dot: 'mr-2',
+        },
+    },
+});
+const colorClasses = sortCx({
+    light: {
+        brand: {
+            root: 'bg-utility-brand-50 text-utility-brand-700 ring-utility-brand-200 hover:bg-utility-brand-100',
+            addon: 'bg-primary text-current ring-utility-brand-200',
+            icon: 'text-utility-brand-500',
+        },
+        gray: {
+            root: 'bg-utility-neutral-50 text-utility-neutral-700 ring-utility-neutral-200 hover:bg-utility-neutral-100',
+            addon: 'bg-primary text-current ring-utility-neutral-200',
+            icon: 'text-utility-neutral-500',
+        },
+        error: {
+            root: 'bg-utility-red-50 text-utility-red-700 ring-utility-red-200 hover:bg-utility-red-100',
+            addon: 'bg-primary text-current ring-utility-red-200',
+            icon: 'text-utility-red-500',
+        },
+        warning: {
+            root: 'bg-utility-yellow-50 text-utility-yellow-700 ring-utility-yellow-200 hover:bg-utility-yellow-100',
+            addon: 'bg-primary text-current ring-utility-yellow-200',
+            icon: 'text-utility-yellow-500',
+        },
+        success: {
+            root: 'bg-utility-green-50 text-utility-green-700 ring-utility-green-200 hover:bg-utility-green-100',
+            addon: 'bg-primary text-current ring-utility-green-200',
+            icon: 'text-utility-green-500',
+        },
+    },
+    modern: {
+        brand: {
+            dot: 'bg-utility-brand-500 outline-3 -outline-offset-1 outline-utility-brand-100',
+        },
+        gray: {
+            dot: 'bg-utility-neutral-500 outline-3 -outline-offset-1 outline-utility-neutral-100',
+        },
+        error: {
+            dot: 'bg-utility-red-500 outline-3 -outline-offset-1 outline-utility-red-100',
+        },
+        warning: {
+            dot: 'bg-utility-yellow-500 outline-3 -outline-offset-1 outline-utility-yellow-100',
+        },
+        success: {
+            dot: 'bg-utility-green-500 outline-3 -outline-offset-1 outline-utility-green-100',
+        },
+    },
+});
+const BadgeGroup = ({ children, addonText, size = 'md', color = 'brand', theme = 'light', align = 'leading', className, iconTrailing: IconTrailing = ArrowRight, }) => {
+    const colors = colorClasses[theme][color];
+    const sizes = getSizeClasses(theme, !!children, !!IconTrailing)[align][size];
+    const rootClasses = cx('inline-flex w-max cursor-pointer items-center transition duration-100 ease-linear', baseClasses[theme].root, sizes.root, colors.root, className);
+    const addonClasses = cx('inline-flex items-center', baseClasses[theme].addon, sizes.addon, colors.addon);
+    const dotClasses = cx('inline-block size-2 shrink-0 rounded-full', sizes.dot, colors.dot);
+    const iconClasses = cx(baseClasses[theme].icon, sizes.icon, colors.icon);
+    if (align === 'trailing') {
+        return (jsxs("div", { className: rootClasses, children: [theme === 'modern' && jsx("span", { className: dotClasses }), children, jsxs("span", { className: addonClasses, children: [addonText, isReactComponent(IconTrailing) && jsx(IconTrailing, { className: iconClasses }), isValidElement(IconTrailing) && IconTrailing] })] }));
+    }
+    return (jsxs("div", { className: rootClasses, children: [jsxs("span", { className: addonClasses, children: [theme === 'modern' && jsx("span", { className: dotClasses }), addonText] }), children, isReactComponent(IconTrailing) && jsx(IconTrailing, { className: iconClasses }), isValidElement(IconTrailing) && IconTrailing] }));
+};
+
+export { BadgeGroup };
+//# sourceMappingURL=index.js.map

package/dist/components/molecules/BadgeGroup/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sources":["../../../../src/components/molecules/BadgeGroup/index.tsx"],"sourcesContent":[null],"names":["_jsxs","_jsx"],"mappings":"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"}

package/dist/components/molecules/Carousel/index.cjs

@@ -0,0 +1,167 @@
+'use strict';
+
+var jsxRuntime = require('react/jsx-runtime');
+var cx = require('@flipdish/ui-library/utilities/cx');
+var useEmblaCarousel = require('embla-carousel-react');
+var React = require('react');
+
+const CarouselContext = React.createContext(null);
+const useCarousel = () => {
+    const context = React.useContext(CarouselContext);
+    if (!context) {
+        throw new Error('The `useCarousel` hook must be used within a <Carousel />');
+    }
+    return context;
+};
+const CarouselRoot = ({ orientation = 'horizontal', opts, setApi, plugins, className, children, ...props }) => {
+    const [carouselRef, api] = useEmblaCarousel({
+        ...opts,
+        axis: orientation === 'horizontal' ? 'x' : 'y',
+    }, plugins);
+    const [canScrollPrev, setCanScrollPrev] = React.useState(false);
+    const [canScrollNext, setCanScrollNext] = React.useState(false);
+    const [selectedIndex, setSelectedIndex] = React.useState(0);
+    const [scrollSnaps, setScrollSnaps] = React.useState([]);
+    const onInit = React.useCallback((api) => {
+        if (!api)
+            return;
+        setScrollSnaps(api.scrollSnapList());
+    }, []);
+    const onSelect = React.useCallback((api) => {
+        if (!api)
+            return;
+        setCanScrollPrev(api.canScrollPrev());
+        setCanScrollNext(api.canScrollNext());
+        setSelectedIndex(api.selectedScrollSnap());
+    }, []);
+    const scrollPrev = React.useCallback(() => {
+        api?.scrollPrev();
+    }, [api]);
+    const scrollNext = React.useCallback(() => {
+        api?.scrollNext();
+    }, [api]);
+    const handleKeyDown = React.useCallback((event) => {
+        if (event.key === 'ArrowLeft') {
+            event.preventDefault();
+            scrollPrev();
+        }
+        else if (event.key === 'ArrowRight') {
+            event.preventDefault();
+            scrollNext();
+        }
+    }, [scrollPrev, scrollNext]);
+    React.useEffect(() => {
+        if (!api || !setApi)
+            return;
+        setApi(api);
+    }, [api, setApi]);
+    React.useEffect(() => {
+        if (!api)
+            return;
+        onInit(api);
+        onSelect(api);
+        api.on('reInit', onInit);
+        api.on('reInit', onSelect);
+        api.on('select', onSelect);
+        return () => {
+            api?.off('select', onSelect);
+        };
+    }, [api, onInit, onSelect]);
+    return (jsxRuntime.jsx(CarouselContext.Provider, { value: {
+            carouselRef,
+            api: api,
+            opts,
+            orientation: orientation || (opts?.axis === 'y' ? 'vertical' : 'horizontal'),
+            scrollPrev,
+            scrollNext,
+            canScrollPrev,
+            canScrollNext,
+            selectedIndex,
+            scrollSnaps,
+        }, children: jsxRuntime.jsx("div", { onKeyDownCapture: handleKeyDown, className: cx.cx('relative', className), role: "region", "aria-roledescription": "carousel", ...props, children: children }) }));
+};
+const CarouselContent = ({ className, overflowHidden = true, ...props }) => {
+    const { carouselRef, orientation } = useCarousel();
+    return (jsxRuntime.jsx("div", { ref: carouselRef, className: cx.cx('h-full w-full', overflowHidden && 'overflow-hidden'), children: jsxRuntime.jsx("div", { className: cx.cx('flex max-h-full', orientation === 'horizontal' ? '' : 'flex-col', className), ...props }) }));
+};
+const CarouselItem = ({ className, ...props }) => {
+    return (
+    // biome-ignore lint/a11y/useSemanticElements: This is a custom component and we need to use a div to wrap the children
+    jsxRuntime.jsx("div", { role: "group", "aria-roledescription": "slide", className: cx.cx('min-w-0 shrink-0 grow-0 basis-full', className), ...props }));
+};
+const Trigger = ({ className, children, asChild, direction, style, ...props }) => {
+    const { scrollPrev, canScrollNext, scrollNext, canScrollPrev } = useCarousel();
+    const isDisabled = direction === 'prev' ? !canScrollPrev : !canScrollNext;
+    const handleClick = () => {
+        if (isDisabled)
+            return;
+        direction === 'prev' ? scrollPrev() : scrollNext();
+    };
+    const computedClassName = typeof className === 'function' ? className({ isDisabled }) : className;
+    const defaultAriaLabel = direction === 'prev' ? 'Previous slide' : 'Next slide';
+    // If the children is a render prop, we need to pass the necessary props to the render prop.
+    if (typeof children === 'function') {
+        return jsxRuntime.jsx(jsxRuntime.Fragment, { children: children({ isDisabled, onClick: handleClick }) });
+    }
+    // If the children is a valid element, we need to clone it and pass the necessary props to the cloned element.
+    if (asChild && React.isValidElement(children)) {
+        return React.cloneElement(children, {
+            onClick: handleClick,
+            disabled: isDisabled,
+            'aria-label': defaultAriaLabel,
+            style: { ...children.props.style, ...style },
+            className: [computedClassName, children.props.className].filter(Boolean).join(' ') || undefined,
+        });
+    }
+    return (jsxRuntime.jsx("button", { "aria-label": defaultAriaLabel, disabled: isDisabled, className: computedClassName, onClick: handleClick, ...props, children: children }));
+};
+const CarouselPrevTrigger = (props) => jsxRuntime.jsx(Trigger, { ...props, direction: "prev" });
+const CarouselNextTrigger = (props) => jsxRuntime.jsx(Trigger, { ...props, direction: "next" });
+const CarouselIndicator = ({ index, isSelected = false, children, asChild, className, style }) => {
+    const { api, selectedIndex } = useCarousel();
+    isSelected = isSelected || selectedIndex === index;
+    const handleClick = () => {
+        api?.scrollTo(index);
+    };
+    const computedClassName = typeof className === 'function' ? className({ isSelected }) : className;
+    const defaultAriaLabel = 'Go to slide' + (index + 1);
+    // If the children is a render prop, we need to pass the necessary props to the render prop.
+    if (typeof children === 'function') {
+        return jsxRuntime.jsx(jsxRuntime.Fragment, { children: children({ isSelected, onClick: handleClick }) });
+    }
+    // If the children is a valid element, we need to clone it and pass the necessary props to the cloned element.
+    if (asChild && React.isValidElement(children)) {
+        return React.cloneElement(children, {
+            onClick: handleClick,
+            'aria-label': defaultAriaLabel,
+            'aria-current': isSelected ? 'true' : undefined,
+            style: { ...children.props.style, ...style },
+            className: [computedClassName, children.props.className].filter(Boolean).join(' ') || undefined,
+        });
+    }
+    return (
+    // biome-ignore lint/a11y/useButtonType: This is a custom component and we need to use a button to wrap the children
+    jsxRuntime.jsx("button", { "aria-label": defaultAriaLabel, "aria-current": isSelected ? 'true' : undefined, className: computedClassName, onClick: handleClick, children: children }));
+};
+const CarouselIndicatorGroup = ({ children, ...props }) => {
+    const { scrollSnaps } = useCarousel();
+    // If the children is a render prop, we need to pass the index to the render prop.
+    if (typeof children === 'function') {
+        return jsxRuntime.jsx("nav", { ...props, children: scrollSnaps.map((index) => children({ index })) });
+    }
+    return jsxRuntime.jsx("nav", { ...props, children: children });
+};
+const Carousel = {
+    Root: CarouselRoot,
+    Content: CarouselContent,
+    Item: CarouselItem,
+    PrevTrigger: CarouselPrevTrigger,
+    NextTrigger: CarouselNextTrigger,
+    IndicatorGroup: CarouselIndicatorGroup,
+    Indicator: CarouselIndicator,
+};
+
+exports.Carousel = Carousel;
+exports.CarouselContext = CarouselContext;
+exports.useCarousel = useCarousel;
+//# sourceMappingURL=index.cjs.map

package/dist/components/molecules/Carousel/index.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.cjs","sources":["../../../../src/components/molecules/Carousel/index.tsx"],"sourcesContent":[null],"names":["createContext","useContext","useState","useCallback","useEffect","_jsx","cx","_Fragment","isValidElement","cloneElement"],"mappings":"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"}

package/dist/components/molecules/Carousel/index.d.ts

@@ -0,0 +1,99 @@
+import useEmblaCarousel, { type UseEmblaCarouselType } from 'embla-carousel-react';
+import type { ComponentPropsWithRef, CSSProperties, HTMLAttributes, ReactNode, Ref } from 'react';
+type CarouselApi = UseEmblaCarouselType[1];
+type UseCarouselParameters = Parameters<typeof useEmblaCarousel>;
+type CarouselOptions = UseCarouselParameters[0];
+type CarouselPlugin = UseCarouselParameters[1];
+type CarouselProps = {
+    /** The options for the Embla carousel. */
+    opts?: CarouselOptions;
+    /** The plugins for the Embla carousel. */
+    plugins?: CarouselPlugin;
+    /** The orientation of the carousel. */
+    orientation?: 'horizontal' | 'vertical';
+    /** The function to set the API for the carousel. */
+    setApi?: (api: CarouselApi) => void;
+};
+type CarouselContextProps = CarouselProps & {
+    /** The ref of the carousel. */
+    carouselRef: ReturnType<typeof useEmblaCarousel>[0];
+    /** The API of the carousel. */
+    api: ReturnType<typeof useEmblaCarousel>[1];
+    /** The function to scroll the carousel to the previous slide. */
+    scrollPrev: () => void;
+    /** The function to scroll the carousel to the next slide. */
+    scrollNext: () => void;
+    /** Whether the carousel can scroll to the previous slide. */
+    canScrollPrev: boolean;
+    /** Whether the carousel can scroll to the next slide. */
+    canScrollNext: boolean;
+    /** The index of the selected slide. */
+    selectedIndex: number;
+    /** The scroll snaps of the carousel. */
+    scrollSnaps: number[];
+};
+export declare const CarouselContext: import("react").Context<CarouselContextProps | null>;
+export declare const useCarousel: () => CarouselContextProps;
+interface CarouselContentProps extends ComponentPropsWithRef<'div'> {
+    /** The class name of the content. */
+    className?: string;
+    /** Whether to hide the overflow. */
+    overflowHidden?: boolean;
+}
+interface TriggerRenderProps {
+    isDisabled: boolean;
+    onClick: () => void;
+}
+interface TriggerProps {
+    /** The ref of the trigger. */
+    ref?: Ref<HTMLButtonElement>;
+    /** If true, the child element will be cloned and passed down the prop of the trigger. */
+    asChild?: boolean;
+    /** The direction of the trigger. */
+    direction: 'prev' | 'next';
+    /** The children of the trigger. Can be a render prop or a valid element. */
+    children: ReactNode | ((props: TriggerRenderProps) => ReactNode);
+    /** The style of the trigger. */
+    style?: CSSProperties;
+    /** The class name of the trigger. */
+    className?: string | ((args: {
+        isDisabled: boolean;
+    }) => string);
+}
+interface CarouselIndicatorRenderProps {
+    isSelected: boolean;
+    onClick: () => void;
+}
+interface CarouselIndicatorProps {
+    /** The index of the indicator. */
+    index: number;
+    /** If true, the child element will be cloned and passed down the prop of the indicator. */
+    asChild?: boolean;
+    /** If true, the indicator will be selected. */
+    isSelected?: boolean;
+    /** The children of the indicator. Can be a render prop or a valid element. */
+    children?: ReactNode | ((props: CarouselIndicatorRenderProps) => ReactNode);
+    /** The style of the indicator. */
+    style?: CSSProperties;
+    /** The class name of the indicator. */
+    className?: string | ((args: {
+        isSelected: boolean;
+    }) => string);
+}
+interface CarouselIndicatorGroupProps extends Omit<HTMLAttributes<HTMLDivElement>, 'children'> {
+    children: ReactNode | ((props: {
+        index: number;
+    }) => ReactNode);
+    className?: string;
+}
+export declare const Carousel: {
+    Root: ({ orientation, opts, setApi, plugins, className, children, ...props }: ComponentPropsWithRef<"div"> & CarouselProps) => import("react").JSX.Element;
+    Content: ({ className, overflowHidden, ...props }: CarouselContentProps) => import("react").JSX.Element;
+    Item: ({ className, ...props }: ComponentPropsWithRef<"div">) => import("react").JSX.Element;
+    PrevTrigger: (props: Omit<TriggerProps, "direction">) => import("react").JSX.Element;
+    NextTrigger: (props: Omit<TriggerProps, "direction">) => import("react").JSX.Element;
+    IndicatorGroup: ({ children, ...props }: CarouselIndicatorGroupProps) => import("react").JSX.Element;
+    Indicator: ({ index, isSelected, children, asChild, className, style }: CarouselIndicatorProps) => import("react").JSX.Element;
+};
+export {};
+//# sourceMappingURL=index.d.ts.map

package/dist/components/molecules/Carousel/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/molecules/Carousel/index.tsx"],"names":[],"mappings":"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"}