@kadoui/react 2.1.5 → 2.1.7

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@kadoui/react",
-  "version": "2.1.5",
+  "version": "2.1.7",
   "description": "Kadoui primitive components for React",
   "author": "FarzadVav",
   "license": "MIT",

package/dist/components/AccessNavigation/AccessNavigation.d.ts

@@ -1,8 +0,0 @@
-import { ComponentPropsWithoutRef, RefObject } from "react";
-export type AccessNavigationPropsT = ComponentPropsWithoutRef<"div"> & {
-    ref?: RefObject<HTMLDivElement | null>;
-    focusOnMount?: boolean;
-    direction?: "y" | "x";
-};
-export declare function AccessNavigation({ ref, focusOnMount, direction, dir, onKeyDown, ...p }: AccessNavigationPropsT): import("react/jsx-runtime").JSX.Element;
-//# sourceMappingURL=AccessNavigation.d.ts.map

package/dist/components/AccessNavigation/AccessNavigation.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"AccessNavigation.d.ts","sourceRoot":"","sources":["../../../src/components/AccessNavigation/AccessNavigation.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,wBAAwB,EAAiB,SAAS,EAAqB,MAAM,OAAO,CAAC;AAI9F,MAAM,MAAM,sBAAsB,GAAG,wBAAwB,CAAC,KAAK,CAAC,GAAG;IACrE,GAAG,CAAC,EAAE,SAAS,CAAC,cAAc,GAAG,IAAI,CAAC,CAAC;IACvC,YAAY,CAAC,EAAE,OAAO,CAAC;IACvB,SAAS,CAAC,EAAE,GAAG,GAAG,GAAG,CAAC;CACvB,CAAC;AAEF,wBAAgB,gBAAgB,CAAC,EAC/B,GAAG,EACH,YAAY,EACZ,SAAe,EACf,GAAG,EACH,SAAS,EACT,GAAG,CAAC,EACL,EAAE,sBAAsB,2CAwExB"}

package/dist/components/AccessNavigation/AccessNavigation.js

@@ -1,51 +0,0 @@
-"use client";
-import { jsx as _jsx } from "react/jsx-runtime";
-import { useEffect, useRef } from "react";
-import { selectAccessibleChildren } from "../../utils";
-export function AccessNavigation({ ref, focusOnMount, direction = "y", dir, onKeyDown, ...p }) {
-    const accessNavigationRef = ref || useRef(null);
-    useEffect(() => {
-        if (!accessNavigationRef.current)
-            return;
-        const focusableChildren = selectAccessibleChildren(accessNavigationRef.current);
-        if (focusOnMount) {
-            setTimeout(() => {
-                focusableChildren[0]?.focus();
-            }, 150);
-        }
-    }, []);
-    const handleKeyDown = (ev) => {
-        const focusableChildren = selectAccessibleChildren(ev.currentTarget);
-        if (!focusableChildren.length) {
-            return;
-        }
-        const currentDir = (dir ||
-            document.documentElement.getAttribute("dir") ||
-            "ltr");
-        const currentIndex = focusableChildren.findIndex((item) => item === document.activeElement);
-        if (ev.key ===
-            (direction === "y"
-                ? "ArrowDown"
-                : currentDir === "ltr"
-                    ? "ArrowRight"
-                    : "ArrowLeft")) {
-            ev.preventDefault();
-            ev.stopPropagation();
-            const nextIndex = currentIndex === -1 || currentIndex === focusableChildren.length - 1
-                ? 0
-                : currentIndex + 1;
-            focusableChildren[nextIndex]?.focus();
-        }
-        if (ev.key ===
-            (direction === "y" ? "ArrowUp" : currentDir === "ltr" ? "ArrowLeft" : "ArrowRight")) {
-            ev.preventDefault();
-            ev.stopPropagation();
-            const prevIndex = currentIndex <= 0 ? focusableChildren.length - 1 : currentIndex - 1;
-            focusableChildren[prevIndex]?.focus();
-        }
-    };
-    return (_jsx("div", { dir: dir, ref: accessNavigationRef, onKeyDown: (ev) => {
-            onKeyDown?.(ev);
-            handleKeyDown(ev);
-        }, ...p }));
-}

package/dist/components/Accordion/Accordion.d.ts

@@ -1,8 +0,0 @@
-import { AccordionBody } from "./AccordionBody";
-import { AccordionRoot } from "./AccordionRoot";
-import { AccordionToggle } from "./AccordionToggle";
-export declare const Accordion: typeof AccordionRoot & {
-    Toggle: typeof AccordionToggle;
-    Body: typeof AccordionBody;
-};
-//# sourceMappingURL=Accordion.d.ts.map

package/dist/components/Accordion/Accordion.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"Accordion.d.ts","sourceRoot":"","sources":["../../../src/components/Accordion/Accordion.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,aAAa,EAAE,MAAM,iBAAiB,CAAC;AAChD,OAAO,EAAE,aAAa,EAAE,MAAM,iBAAiB,CAAC;AAChD,OAAO,EAAE,eAAe,EAAE,MAAM,mBAAmB,CAAC;AAEpD,eAAO,MAAM,SAAS;;;CAGpB,CAAC"}

package/dist/components/Accordion/Accordion.js

@@ -1,7 +0,0 @@
-import { AccordionBody } from "./AccordionBody";
-import { AccordionRoot } from "./AccordionRoot";
-import { AccordionToggle } from "./AccordionToggle";
-export const Accordion = Object.assign(AccordionRoot, {
-    Toggle: AccordionToggle,
-    Body: AccordionBody
-});

package/dist/components/Accordion/AccordionBody.d.ts

@@ -1,4 +0,0 @@
-import { HTMLMotionProps } from "framer-motion";
-export type AccordionBodyPropsT = HTMLMotionProps<"div">;
-export declare function AccordionBody({ children, ...props }: AccordionBodyPropsT): import("react/jsx-runtime").JSX.Element;
-//# sourceMappingURL=AccordionBody.d.ts.map

package/dist/components/Accordion/AccordionBody.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"AccordionBody.d.ts","sourceRoot":"","sources":["../../../src/components/Accordion/AccordionBody.tsx"],"names":[],"mappings":"AAGA,OAAO,EAAmB,eAAe,EAAU,MAAM,eAAe,CAAC;AAIzE,MAAM,MAAM,mBAAmB,GAAG,eAAe,CAAC,KAAK,CAAC,CAAC;AAEzD,wBAAgB,aAAa,CAAC,EAAE,QAAQ,EAAE,GAAG,KAAK,EAAE,EAAE,mBAAmB,2CAiBxE"}

package/dist/components/Accordion/AccordionBody.js

@@ -1,11 +0,0 @@
-"use client";
-import { jsx as _jsx } from "react/jsx-runtime";
-import { use } from "react";
-import { AnimatePresence, motion } from "framer-motion";
-import { AccordionContext } from "./AccordionContext";
-export function AccordionBody({ children, ...props }) {
-    const { isOpen } = use(AccordionContext);
-    return (_jsx(AnimatePresence, { children: isOpen ?
-            _jsx(motion.div, { initial: { height: 0, opacity: 0 }, animate: { height: "auto", opacity: 1 }, exit: { height: 0, opacity: 0 }, ...props, children: children })
-            : null }));
-}

package/dist/components/Accordion/AccordionContext.d.ts

@@ -1,7 +0,0 @@
-import { Dispatch, SetStateAction } from "react";
-export type AccordionContextT = {
-    isOpen: boolean;
-    setOpen: Dispatch<SetStateAction<boolean>>;
-};
-export declare const AccordionContext: import("react").Context<AccordionContextT>;
-//# sourceMappingURL=AccordionContext.d.ts.map

package/dist/components/Accordion/AccordionContext.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"AccordionContext.d.ts","sourceRoot":"","sources":["../../../src/components/Accordion/AccordionContext.ts"],"names":[],"mappings":"AAAA,OAAO,EAAiB,QAAQ,EAAE,cAAc,EAAE,MAAM,OAAO,CAAC;AAEhE,MAAM,MAAM,iBAAiB,GAAG;IAC9B,MAAM,EAAE,OAAO,CAAC;IAChB,OAAO,EAAE,QAAQ,CAAC,cAAc,CAAC,OAAO,CAAC,CAAC,CAAC;CAC5C,CAAA;AAED,eAAO,MAAM,gBAAgB,4CAA4D,CAAA"}

package/dist/components/Accordion/AccordionContext.js

@@ -1,2 +0,0 @@
-import { createContext } from "react";
-export const AccordionContext = createContext({});

package/dist/components/Accordion/AccordionRoot.d.ts

@@ -1,4 +0,0 @@
-import { PropsWithChildren } from "react";
-export type AccordionRootPropsT = PropsWithChildren;
-export declare function AccordionRoot({ children }: AccordionRootPropsT): import("react/jsx-runtime").JSX.Element;
-//# sourceMappingURL=AccordionRoot.d.ts.map

package/dist/components/Accordion/AccordionRoot.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"AccordionRoot.d.ts","sourceRoot":"","sources":["../../../src/components/Accordion/AccordionRoot.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,iBAAiB,EAAY,MAAM,OAAO,CAAC;AAIpD,MAAM,MAAM,mBAAmB,GAAG,iBAAiB,CAAC;AAEpD,wBAAgB,aAAa,CAAC,EAAE,QAAQ,EAAE,EAAE,mBAAmB,2CAQ9D"}

package/dist/components/Accordion/AccordionRoot.js

@@ -1,8 +0,0 @@
-"use client";
-import { jsx as _jsx } from "react/jsx-runtime";
-import { useState } from "react";
-import { AccordionContext } from "./AccordionContext";
-export function AccordionRoot({ children }) {
-    const [isOpen, setOpen] = useState(false);
-    return (_jsx(AccordionContext, { value: { isOpen, setOpen }, children: children }));
-}

package/dist/components/Accordion/AccordionToggle.d.ts

@@ -1,6 +0,0 @@
-import { type ComponentProps, ReactNode } from "react";
-export type AccordionTogglePropsT = ComponentProps<"button"> & {
-    icon?: ReactNode;
-};
-export declare function AccordionToggle({ onClick, ...props }: AccordionTogglePropsT): import("react/jsx-runtime").JSX.Element;
-//# sourceMappingURL=AccordionToggle.d.ts.map

package/dist/components/Accordion/AccordionToggle.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"AccordionToggle.d.ts","sourceRoot":"","sources":["../../../src/components/Accordion/AccordionToggle.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,KAAK,cAAc,EAAE,SAAS,EAAO,MAAM,OAAO,CAAC;AAI5D,MAAM,MAAM,qBAAqB,GAAG,cAAc,CAAC,QAAQ,CAAC,GAAG;IAC7D,IAAI,CAAC,EAAE,SAAS,CAAC;CAClB,CAAC;AAEF,wBAAgB,eAAe,CAAC,EAAE,OAAO,EAAE,GAAG,KAAK,EAAE,EAAE,qBAAqB,2CAa3E"}

package/dist/components/Accordion/AccordionToggle.js

@@ -1,11 +0,0 @@
-"use client";
-import { jsx as _jsx } from "react/jsx-runtime";
-import { use } from "react";
-import { AccordionContext } from "./AccordionContext";
-export function AccordionToggle({ onClick, ...props }) {
-    const { isOpen, setOpen } = use(AccordionContext);
-    return (_jsx("button", { "data-state": isOpen, onClick: (ev) => {
-            onClick?.(ev);
-            setOpen((prev) => !prev);
-        }, ...props }));
-}

package/dist/components/Affix/Affix.d.ts

@@ -1,4 +0,0 @@
-import { type ComponentProps } from "react";
-export type AffixPropsT = ComponentProps<"button">;
-export declare const Affix: ({ onClick, ...p }: AffixPropsT) => import("react/jsx-runtime").JSX.Element;
-//# sourceMappingURL=Affix.d.ts.map

package/dist/components/Affix/Affix.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"Affix.d.ts","sourceRoot":"","sources":["../../../src/components/Affix/Affix.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAuB,KAAK,cAAc,EAAE,MAAM,OAAO,CAAC;AAEjE,MAAM,MAAM,WAAW,GAAG,cAAc,CAAC,QAAQ,CAAC,CAAC;AAEnD,eAAO,MAAM,KAAK,GAAI,mBAAmB,WAAW,4CA2CnD,CAAC"}

package/dist/components/Affix/Affix.js

@@ -1,35 +0,0 @@
-"use client";
-import { jsx as _jsx } from "react/jsx-runtime";
-import { useState, useEffect } from "react";
-export const Affix = ({ onClick, ...p }) => {
-    const [isVisible, setIsVisible] = useState(false);
-    const [lastScrollY, setLastScrollY] = useState(0);
-    useEffect(() => {
-        const handleScroll = () => {
-            const currentScrollY = window.scrollY;
-            const viewportHeight = window.innerHeight;
-            const scrollThreshold = viewportHeight * 0.5;
-            if (currentScrollY > scrollThreshold && currentScrollY > lastScrollY) {
-                setIsVisible(true);
-            }
-            else if (currentScrollY < lastScrollY && currentScrollY < scrollThreshold) {
-                setIsVisible(false);
-            }
-            setLastScrollY(currentScrollY);
-        };
-        window.addEventListener("scroll", handleScroll, {
-            passive: true,
-        });
-        return () => window.removeEventListener("scroll", handleScroll);
-    }, [lastScrollY]);
-    const scrollToTop = () => {
-        window.scrollTo({
-            top: 0,
-            behavior: "smooth",
-        });
-    };
-    return (_jsx("button", { "data-state": isVisible, onClick: (ev) => {
-            onClick?.(ev);
-            scrollToTop();
-        }, ...p }));
-};

package/dist/components/Breadcrumbs/Breadcrumbs.d.ts

@@ -1,6 +0,0 @@
-import { BreadcrumbsItem } from "./BreadcrumbsItem";
-import { BreadcrumbsRoot } from "./BreadcrumbsRoot";
-export declare const Breadcrumbs: typeof BreadcrumbsRoot & {
-    Item: typeof BreadcrumbsItem;
-};
-//# sourceMappingURL=Breadcrumbs.d.ts.map

package/dist/components/Breadcrumbs/Breadcrumbs.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"Breadcrumbs.d.ts","sourceRoot":"","sources":["../../../src/components/Breadcrumbs/Breadcrumbs.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,eAAe,EAAE,MAAM,mBAAmB,CAAC;AACpD,OAAO,EAAE,eAAe,EAAE,MAAM,mBAAmB,CAAC;AAEpD,eAAO,MAAM,WAAW;;CAEtB,CAAC"}

package/dist/components/Breadcrumbs/Breadcrumbs.js

@@ -1,5 +0,0 @@
-import { BreadcrumbsItem } from "./BreadcrumbsItem";
-import { BreadcrumbsRoot } from "./BreadcrumbsRoot";
-export const Breadcrumbs = Object.assign(BreadcrumbsRoot, {
-    Item: BreadcrumbsItem,
-});

package/dist/components/Breadcrumbs/BreadcrumbsContext.d.ts

@@ -1,6 +0,0 @@
-import { ReactNode } from "react";
-export type BreadcrumbsContextT = {
-    separator: ReactNode;
-};
-export declare const BreadcrumbsContext: import("react").Context<BreadcrumbsContextT>;
-//# sourceMappingURL=BreadcrumbsContext.d.ts.map

package/dist/components/Breadcrumbs/BreadcrumbsContext.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"BreadcrumbsContext.d.ts","sourceRoot":"","sources":["../../../src/components/Breadcrumbs/BreadcrumbsContext.ts"],"names":[],"mappings":"AAAA,OAAO,EAAiB,SAAS,EAAE,MAAM,OAAO,CAAC;AAEjD,MAAM,MAAM,mBAAmB,GAAG;IAChC,SAAS,EAAE,SAAS,CAAC;CACtB,CAAA;AAED,eAAO,MAAM,kBAAkB,8CAAgE,CAAC"}

package/dist/components/Breadcrumbs/BreadcrumbsContext.js

@@ -1,2 +0,0 @@
-import { createContext } from "react";
-export const BreadcrumbsContext = createContext({});

package/dist/components/Breadcrumbs/BreadcrumbsItem.d.ts

@@ -1,6 +0,0 @@
-import { type ComponentProps } from "react";
-export type BreadcrumbsItemPropsT = ComponentProps<"div"> & {
-    isLastItem?: boolean;
-};
-export declare function BreadcrumbsItem({ isLastItem, children, ...p }: BreadcrumbsItemPropsT): import("react/jsx-runtime").JSX.Element;
-//# sourceMappingURL=BreadcrumbsItem.d.ts.map

package/dist/components/Breadcrumbs/BreadcrumbsItem.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"BreadcrumbsItem.d.ts","sourceRoot":"","sources":["../../../src/components/Breadcrumbs/BreadcrumbsItem.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,KAAK,cAAc,EAAO,MAAM,OAAO,CAAC;AAIjD,MAAM,MAAM,qBAAqB,GAAG,cAAc,CAAC,KAAK,CAAC,GAAG;IAC1D,UAAU,CAAC,EAAE,OAAO,CAAC;CACtB,CAAC;AAEF,wBAAgB,eAAe,CAAC,EAC9B,UAAkB,EAClB,QAAQ,EACR,GAAG,CAAC,EACL,EAAE,qBAAqB,2CAUvB"}

package/dist/components/Breadcrumbs/BreadcrumbsItem.js

@@ -1,8 +0,0 @@
-"use client";
-import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
-import { use } from "react";
-import { BreadcrumbsContext } from "./BreadcrumbsContext";
-export function BreadcrumbsItem({ isLastItem = false, children, ...p }) {
-    const { separator } = use(BreadcrumbsContext);
-    return (_jsxs(_Fragment, { children: [_jsx("div", { ...p, children: children }), !isLastItem && separator] }));
-}

package/dist/components/Breadcrumbs/BreadcrumbsRoot.d.ts

@@ -1,6 +0,0 @@
-import type { ComponentProps, ReactNode } from "react";
-export type BreadcrumbsRootPropsT = ComponentProps<"nav"> & {
-    separator: ReactNode;
-};
-export declare function BreadcrumbsRoot({ separator, ...p }: BreadcrumbsRootPropsT): import("react/jsx-runtime").JSX.Element;
-//# sourceMappingURL=BreadcrumbsRoot.d.ts.map

package/dist/components/Breadcrumbs/BreadcrumbsRoot.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"BreadcrumbsRoot.d.ts","sourceRoot":"","sources":["../../../src/components/Breadcrumbs/BreadcrumbsRoot.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,cAAc,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAIvD,MAAM,MAAM,qBAAqB,GAAG,cAAc,CAAC,KAAK,CAAC,GAAG;IAC1D,SAAS,EAAE,SAAS,CAAC;CACtB,CAAC;AAEF,wBAAgB,eAAe,CAAC,EAC9B,SAAS,EACT,GAAG,CAAC,EACL,EAAE,qBAAqB,2CAMvB"}

package/dist/components/Breadcrumbs/BreadcrumbsRoot.js

@@ -1,6 +0,0 @@
-"use client";
-import { jsx as _jsx } from "react/jsx-runtime";
-import { BreadcrumbsContext } from "./BreadcrumbsContext";
-export function BreadcrumbsRoot({ separator, ...p }) {
-    return (_jsx(BreadcrumbsContext, { value: { separator }, children: _jsx("nav", { ...p }) }));
-}

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

@@ -1,14 +0,0 @@
-import { CarouselRoot } from "./CarouselRoot";
-import { CarouselNextBtn } from "./CarouselNextBtn";
-import { CarouselPrevBtn } from "./CarouselPrevBtn";
-import { CarouselLeftFade } from "./CarouselLeftFade";
-import { CarouselContainer } from "./CarouselContainer";
-import { CarouselRightFade } from "./CarouselRightFade";
-export declare const Carousel: typeof CarouselRoot & {
-    Container: typeof CarouselContainer;
-    LeftFade: typeof CarouselLeftFade;
-    RightFade: typeof CarouselRightFade;
-    NextBtn: typeof CarouselNextBtn;
-    PrevBtn: typeof CarouselPrevBtn;
-};
-//# sourceMappingURL=Carousel.d.ts.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"Carousel.d.ts","sourceRoot":"","sources":["../../../src/components/Carousel/Carousel.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,YAAY,EAAE,MAAM,gBAAgB,CAAC;AAC9C,OAAO,EAAE,eAAe,EAAE,MAAM,mBAAmB,CAAC;AACpD,OAAO,EAAE,eAAe,EAAE,MAAM,mBAAmB,CAAC;AACpD,OAAO,EAAE,gBAAgB,EAAE,MAAM,oBAAoB,CAAC;AACtD,OAAO,EAAE,iBAAiB,EAAE,MAAM,qBAAqB,CAAC;AACxD,OAAO,EAAE,iBAAiB,EAAE,MAAM,qBAAqB,CAAC;AAExD,eAAO,MAAM,QAAQ;;;;;;CAMnB,CAAC"}

package/dist/components/Carousel/Carousel.js

@@ -1,13 +0,0 @@
-import { CarouselRoot } from "./CarouselRoot";
-import { CarouselNextBtn } from "./CarouselNextBtn";
-import { CarouselPrevBtn } from "./CarouselPrevBtn";
-import { CarouselLeftFade } from "./CarouselLeftFade";
-import { CarouselContainer } from "./CarouselContainer";
-import { CarouselRightFade } from "./CarouselRightFade";
-export const Carousel = Object.assign(CarouselRoot, {
-    Container: CarouselContainer,
-    LeftFade: CarouselLeftFade,
-    RightFade: CarouselRightFade,
-    NextBtn: CarouselNextBtn,
-    PrevBtn: CarouselPrevBtn,
-});

package/dist/components/Carousel/CarouselContainer.d.ts

@@ -1,4 +0,0 @@
-import { type ComponentProps } from "react";
-export type CarouselContainerPropsT = ComponentProps<"div">;
-export declare function CarouselContainer({ children, style, ...p }: CarouselContainerPropsT): import("react/jsx-runtime").JSX.Element;
-//# sourceMappingURL=CarouselContainer.d.ts.map

package/dist/components/Carousel/CarouselContainer.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"CarouselContainer.d.ts","sourceRoot":"","sources":["../../../src/components/Carousel/CarouselContainer.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,KAAK,cAAc,EAAuC,MAAM,OAAO,CAAC;AAIjF,MAAM,MAAM,uBAAuB,GAAG,cAAc,CAAC,KAAK,CAAC,CAAC;AAE5D,wBAAgB,iBAAiB,CAAC,EAAE,QAAQ,EAAE,KAAK,EAAE,GAAG,CAAC,EAAE,EAAE,uBAAuB,2CA4FnF"}

package/dist/components/Carousel/CarouselContainer.js

@@ -1,75 +0,0 @@
-"use client";
-import { jsx as _jsx } from "react/jsx-runtime";
-import { use, useCallback, useEffect, useRef } from "react";
-import { CarouselContext } from "./CarouselContext";
-export function CarouselContainer({ children, style, ...p }) {
-    const { scrollRef, mouseScroll, childrenWidth } = use(CarouselContext);
-    const isDragging = useRef(false);
-    const startX = useRef(0);
-    const startScrollLeft = useRef(0);
-    const cleanupRef = useRef(null);
-    useEffect(() => {
-        return () => {
-            cleanupRef.current?.();
-        };
-    }, []);
-    const handleMouseDown = useCallback((e) => {
-        if (!mouseScroll || !scrollRef.current)
-            return;
-        isDragging.current = true;
-        startX.current = e.pageX;
-        startScrollLeft.current = scrollRef.current.scrollLeft;
-        scrollRef.current.style.scrollBehavior = "auto";
-        scrollRef.current.style.cursor = "grabbing";
-        scrollRef.current.style.userSelect = "none";
-        const onMouseMove = (ev) => {
-            if (!isDragging.current || !scrollRef.current)
-                return;
-            ev.preventDefault();
-            const dx = ev.pageX - startX.current;
-            scrollRef.current.scrollLeft = startScrollLeft.current - dx;
-        };
-        const onMouseUp = (ev) => {
-            if (!isDragging.current || !scrollRef.current)
-                return;
-            isDragging.current = false;
-            scrollRef.current.style.cursor = "grab";
-            scrollRef.current.style.userSelect = "";
-            document.removeEventListener("mousemove", onMouseMove);
-            document.removeEventListener("mouseup", onMouseUp);
-            cleanupRef.current = null;
-            if (mouseScroll === "auto") {
-                scrollRef.current.style.scrollBehavior = "";
-            }
-            else if (mouseScroll === "swipe") {
-                scrollRef.current.style.scrollBehavior = "";
-                const dx = ev.pageX - startX.current;
-                if (Math.abs(dx) > 10) {
-                    scrollRef.current.scrollTo({
-                        left: dx > 0
-                            ? startScrollLeft.current - childrenWidth
-                            : startScrollLeft.current + childrenWidth,
-                        behavior: "smooth",
-                    });
-                }
-                else {
-                    scrollRef.current.scrollTo({
-                        left: startScrollLeft.current,
-                        behavior: "smooth",
-                    });
-                }
-            }
-        };
-        document.addEventListener("mousemove", onMouseMove);
-        document.addEventListener("mouseup", onMouseUp);
-        cleanupRef.current = () => {
-            document.removeEventListener("mousemove", onMouseMove);
-            document.removeEventListener("mouseup", onMouseUp);
-        };
-        e.preventDefault();
-    }, [mouseScroll, scrollRef, childrenWidth]);
-    return (_jsx("div", { ref: scrollRef, onMouseDown: mouseScroll ? handleMouseDown : undefined, style: {
-            ...(mouseScroll ? { cursor: "grab" } : {}),
-            ...style,
-        }, ...p, children: children }));
-}

package/dist/components/Carousel/CarouselContext.d.ts

@@ -1,10 +0,0 @@
-import { RefObject } from "react";
-export type CarouselContextPropsT = {
-    scrollRef: RefObject<HTMLDivElement | null>;
-    leftOpacity: number;
-    rightOpacity: number;
-    childrenWidth: number;
-    mouseScroll?: "auto" | "swipe";
-};
-export declare const CarouselContext: import("react").Context<CarouselContextPropsT>;
-//# sourceMappingURL=CarouselContext.d.ts.map

package/dist/components/Carousel/CarouselContext.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"CarouselContext.d.ts","sourceRoot":"","sources":["../../../src/components/Carousel/CarouselContext.ts"],"names":[],"mappings":"AAAA,OAAO,EAAiB,SAAS,EAAE,MAAM,OAAO,CAAC;AAEjD,MAAM,MAAM,qBAAqB,GAAG;IAClC,SAAS,EAAE,SAAS,CAAC,cAAc,GAAG,IAAI,CAAC,CAAC;IAC5C,WAAW,EAAE,MAAM,CAAC;IACpB,YAAY,EAAE,MAAM,CAAC;IACrB,aAAa,EAAE,MAAM,CAAC;IACtB,WAAW,CAAC,EAAE,MAAM,GAAG,OAAO,CAAC;CAChC,CAAA;AAED,eAAO,MAAM,eAAe,gDAAoE,CAAC"}

package/dist/components/Carousel/CarouselContext.js

@@ -1,2 +0,0 @@
-import { createContext } from "react";
-export const CarouselContext = createContext({});

package/dist/components/Carousel/CarouselLeftFade.d.ts

@@ -1,5 +0,0 @@
-import { type ComponentProps } from "react";
-type CarouselLeftFadePropsT = ComponentProps<"div">;
-export declare function CarouselLeftFade({ style, ...p }: CarouselLeftFadePropsT): import("react/jsx-runtime").JSX.Element;
-export {};
-//# sourceMappingURL=CarouselLeftFade.d.ts.map

package/dist/components/Carousel/CarouselLeftFade.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"CarouselLeftFade.d.ts","sourceRoot":"","sources":["../../../src/components/Carousel/CarouselLeftFade.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,KAAK,cAAc,EAAO,MAAM,OAAO,CAAC;AAIjD,KAAK,sBAAsB,GAAG,cAAc,CAAC,KAAK,CAAC,CAAC;AAEpD,wBAAgB,gBAAgB,CAAC,EAAE,KAAK,EAAE,GAAG,CAAC,EAAE,EAAE,sBAAsB,2CAYvE"}

package/dist/components/Carousel/CarouselLeftFade.js

@@ -1,11 +0,0 @@
-"use client";
-import { jsx as _jsx } from "react/jsx-runtime";
-import { use } from "react";
-import { CarouselContext } from "./CarouselContext";
-export function CarouselLeftFade({ style, ...p }) {
-    const { leftOpacity } = use(CarouselContext);
-    return (_jsx("div", { style: {
-            opacity: leftOpacity,
-            ...style
-        }, ...p }));
-}

package/dist/components/Carousel/CarouselNextBtn.d.ts

@@ -1,4 +0,0 @@
-import { type ComponentProps } from "react";
-export type CarouselNextBtnPropsT = ComponentProps<"button">;
-export declare function CarouselNextBtn({ onClick, ...props }: CarouselNextBtnPropsT): import("react/jsx-runtime").JSX.Element;
-//# sourceMappingURL=CarouselNextBtn.d.ts.map

package/dist/components/Carousel/CarouselNextBtn.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"CarouselNextBtn.d.ts","sourceRoot":"","sources":["../../../src/components/Carousel/CarouselNextBtn.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,KAAK,cAAc,EAAO,MAAM,OAAO,CAAC;AAIjD,MAAM,MAAM,qBAAqB,GAAG,cAAc,CAAC,QAAQ,CAAC,CAAC;AAE7D,wBAAgB,eAAe,CAAC,EAAE,OAAO,EAAE,GAAG,KAAK,EAAE,EAAE,qBAAqB,2CAY3E"}

package/dist/components/Carousel/CarouselNextBtn.js

@@ -1,11 +0,0 @@
-"use client";
-import { jsx as _jsx } from "react/jsx-runtime";
-import { use } from "react";
-import { CarouselContext } from "./CarouselContext";
-export function CarouselNextBtn({ onClick, ...props }) {
-    const { scrollRef, childrenWidth } = use(CarouselContext);
-    return (_jsx("button", { onClick: (ev) => {
-            onClick?.(ev);
-            scrollRef.current?.scrollTo(scrollRef.current.scrollLeft + childrenWidth, 0);
-        }, ...props }));
-}

package/dist/components/Carousel/CarouselPrevBtn.d.ts

@@ -1,4 +0,0 @@
-import { type ComponentProps } from "react";
-export type CarouselPrevBtnPropsT = ComponentProps<"button">;
-export declare function CarouselPrevBtn({ onClick, ...props }: CarouselPrevBtnPropsT): import("react/jsx-runtime").JSX.Element;
-//# sourceMappingURL=CarouselPrevBtn.d.ts.map

package/dist/components/Carousel/CarouselPrevBtn.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"CarouselPrevBtn.d.ts","sourceRoot":"","sources":["../../../src/components/Carousel/CarouselPrevBtn.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,KAAK,cAAc,EAAO,MAAM,OAAO,CAAC;AAIjD,MAAM,MAAM,qBAAqB,GAAG,cAAc,CAAC,QAAQ,CAAC,CAAC;AAE7D,wBAAgB,eAAe,CAAC,EAAE,OAAO,EAAE,GAAG,KAAK,EAAE,EAAE,qBAAqB,2CAY3E"}

package/dist/components/Carousel/CarouselPrevBtn.js

@@ -1,11 +0,0 @@
-"use client";
-import { jsx as _jsx } from "react/jsx-runtime";
-import { use } from "react";
-import { CarouselContext } from "./CarouselContext";
-export function CarouselPrevBtn({ onClick, ...props }) {
-    const { scrollRef, childrenWidth } = use(CarouselContext);
-    return (_jsx("button", { onClick: (ev) => {
-            onClick?.(ev);
-            scrollRef.current?.scrollTo(scrollRef.current.scrollLeft - childrenWidth, 0);
-        }, ...props }));
-}

package/dist/components/Carousel/CarouselRightFade.d.ts

@@ -1,5 +0,0 @@
-import { type ComponentProps } from "react";
-type CarouselRightFadePropsT = ComponentProps<"div">;
-export declare function CarouselRightFade({ style, ...p }: CarouselRightFadePropsT): import("react/jsx-runtime").JSX.Element;
-export {};
-//# sourceMappingURL=CarouselRightFade.d.ts.map

package/dist/components/Carousel/CarouselRightFade.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"CarouselRightFade.d.ts","sourceRoot":"","sources":["../../../src/components/Carousel/CarouselRightFade.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,KAAK,cAAc,EAAO,MAAM,OAAO,CAAC;AAIjD,KAAK,uBAAuB,GAAG,cAAc,CAAC,KAAK,CAAC,CAAC;AAErD,wBAAgB,iBAAiB,CAAC,EAAE,KAAK,EAAE,GAAG,CAAC,EAAE,EAAE,uBAAuB,2CAYzE"}

package/dist/components/Carousel/CarouselRightFade.js

@@ -1,11 +0,0 @@
-"use client";
-import { jsx as _jsx } from "react/jsx-runtime";
-import { use } from "react";
-import { CarouselContext } from "./CarouselContext";
-export function CarouselRightFade({ style, ...p }) {
-    const { rightOpacity } = use(CarouselContext);
-    return (_jsx("div", { style: {
-            opacity: rightOpacity,
-            ...style
-        }, ...p }));
-}

package/dist/components/Carousel/CarouselRoot.d.ts

@@ -1,6 +0,0 @@
-import { type ComponentProps } from "react";
-export type CarouselRootPropsT = ComponentProps<"div"> & {
-    mouseScroll?: "auto" | "swipe";
-};
-export declare function CarouselRoot({ dir, mouseScroll, ...p }: CarouselRootPropsT): import("react/jsx-runtime").JSX.Element;
-//# sourceMappingURL=CarouselRoot.d.ts.map

package/dist/components/Carousel/CarouselRoot.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"CarouselRoot.d.ts","sourceRoot":"","sources":["../../../src/components/Carousel/CarouselRoot.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,KAAK,cAAc,EAA+B,MAAM,OAAO,CAAC;AAIzE,MAAM,MAAM,kBAAkB,GAAG,cAAc,CAAC,KAAK,CAAC,GAAG;IACvD,WAAW,CAAC,EAAE,MAAM,GAAG,OAAO,CAAC;CAChC,CAAC;AAEF,wBAAgB,YAAY,CAAC,EAAE,GAAG,EAAE,WAAW,EAAE,GAAG,CAAC,EAAE,EAAE,kBAAkB,2CA+D1E"}

package/dist/components/Carousel/CarouselRoot.js

@@ -1,52 +0,0 @@
-"use client";
-import { jsx as _jsx } from "react/jsx-runtime";
-import { useEffect, useRef, useState } from "react";
-import { CarouselContext } from "./CarouselContext";
-export function CarouselRoot({ dir, mouseScroll, ...p }) {
-    const scrollRef = useRef(null);
-    const [leftOpacity, setLeftOpacity] = useState(0);
-    const [rightOpacity, setRightOpacity] = useState(0);
-    const [childrenWidth, setChildrenWidth] = useState(0);
-    const updateFade = () => {
-        const el = scrollRef.current;
-        if (!el)
-            return;
-        const { scrollLeft, scrollWidth, clientWidth } = el;
-        const maxScroll = scrollWidth - clientWidth;
-        if (maxScroll <= 0) {
-            setLeftOpacity(0);
-            setRightOpacity(0);
-            return;
-        }
-        const scrollRatio = Math.abs(+(scrollLeft / maxScroll));
-        const left = +Math.min(1, scrollRatio * 2).toFixed(1);
-        const right = +Math.min(1, (1 - scrollRatio) * 2).toFixed(1);
-        const currentDir = (dir ||
-            document.documentElement.getAttribute("dir") ||
-            "ltr");
-        setLeftOpacity(currentDir === "ltr" ? right : left);
-        setRightOpacity(currentDir === "ltr" ? left : right);
-    };
-    useEffect(() => {
-        const el = scrollRef.current;
-        if (!el)
-            return;
-        // Finding children width
-        const children = Array.from(el.querySelectorAll(".carousel-children"));
-        const sumChildrenWidth = children
-            .map((child) => child.scrollWidth)
-            .reduce((acc, cur) => {
-            return acc + cur;
-        }, 0);
-        const findedChildrenWidth = sumChildrenWidth / children.length;
-        setChildrenWidth(findedChildrenWidth);
-        updateFade();
-        el.addEventListener("scroll", updateFade);
-        window.addEventListener("resize", updateFade);
-        return () => {
-            el.removeEventListener("scroll", updateFade);
-            window.removeEventListener("resize", updateFade);
-        };
-    }, []);
-    return (_jsx(CarouselContext, { value: { scrollRef, leftOpacity, rightOpacity, childrenWidth, mouseScroll }, children: _jsx("div", { ...p }) }));
-}

package/dist/components/Choice/Choice.d.ts

@@ -1,6 +0,0 @@
-import { ChoiceRoot } from "./ChoiceRoot";
-import { ChoiceTrigger } from "./ChoiceTrigger";
-export declare const Choice: typeof ChoiceRoot & {
-    Trigger: typeof ChoiceTrigger;
-};
-//# sourceMappingURL=Choice.d.ts.map

package/dist/components/Choice/Choice.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"Choice.d.ts","sourceRoot":"","sources":["../../../src/components/Choice/Choice.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAE,MAAM,cAAc,CAAC;AAC1C,OAAO,EAAE,aAAa,EAAE,MAAM,iBAAiB,CAAC;AAEhD,eAAO,MAAM,MAAM;;CAEjB,CAAC"}