@kadoui/react 1.9.2 → 1.9.5

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

@@ -1,6 +1,6 @@
 import { type HTMLAttributes } from "react";
 export type BreadcrumbsItemPropsT = HTMLAttributes<HTMLDivElement> & {
-    isLast?: boolean;
+    isLastItem?: boolean;
 };
-export declare function BreadcrumbsItem({ isLast, children, ...p }: BreadcrumbsItemPropsT): import("react/jsx-runtime").JSX.Element;
+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 +1 @@
-{"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,cAAc,CAAC,GAAG;IACnE,MAAM,CAAC,EAAE,OAAO,CAAC;CAClB,CAAA;AAED,wBAAgB,eAAe,CAAC,EAAE,MAAc,EAAE,QAAQ,EAAE,GAAG,CAAC,EAAE,EAAE,qBAAqB,2CASxF"}
+{"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,cAAc,CAAC,GAAG;IACnE,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 +1,8 @@
 "use client";
-import { jsxs as _jsxs } from "react/jsx-runtime";
+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({ isLast = false, children, ...p }) {
+export function BreadcrumbsItem({ isLastItem = false, children, ...p }) {
     const { separator } = use(BreadcrumbsContext);
-    return (_jsxs("div", { ...p, children: [children, !isLast && separator] }));
+    return (_jsxs(_Fragment, { children: [_jsx("div", { ...p, children: children }), !isLastItem && separator] }));
 }

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

@@ -1 +1 @@
-{"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,WAAW,CAAC,GAAG;IAChE,SAAS,CAAC,EAAE,SAAS,CAAC;CACvB,CAAA;AAED,wBAAgB,eAAe,CAAC,EAAE,SAAe,EAAE,GAAG,CAAC,EAAE,EAAE,qBAAqB,2CAM/E"}
+{"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,WAAW,CAAC,GAAG;IAChE,SAAS,CAAC,EAAE,SAAS,CAAC;CACvB,CAAC;AAEF,wBAAgB,eAAe,CAAC,EAC9B,SAA0B,EAC1B,GAAG,CAAC,EACL,EAAE,qBAAqB,2CAMvB"}

package/dist/components/Breadcrumbs/BreadcrumbsRoot.js

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

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

@@ -1,4 +1,6 @@
 import { CarouselRoot } from "./CarouselRoot";
+import { CarouselNextBtn } from "./CarouselNextBtn";
+import { CarouselPrevBtn } from "./CarouselPrevBtn";
 import { CarouselLeftFade } from "./CarouselLeftFade";
 import { CarouselContainer } from "./CarouselContainer";
 import { CarouselRightFade } from "./CarouselRightFade";
@@ -6,5 +8,7 @@ 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 +1 @@
-{"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,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;;;;CAInB,CAAC"}
+{"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,9 +1,13 @@
 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
+    RightFade: CarouselRightFade,
+    NextBtn: CarouselNextBtn,
+    PrevBtn: CarouselPrevBtn,
 });

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

@@ -3,6 +3,7 @@ export type CarouselContextPropsT = {
     scrollRef: RefObject<HTMLDivElement | null>;
     leftOpacity: number;
     rightOpacity: number;
+    childrenWidth: number;
 };
 export declare const CarouselContext: import("react").Context<CarouselContextPropsT>;
 //# sourceMappingURL=CarouselContext.d.ts.map

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

@@ -1 +1 @@
-{"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;CACtB,CAAA;AAED,eAAO,MAAM,eAAe,gDAAoE,CAAC"}
+{"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;CACvB,CAAA;AAED,eAAO,MAAM,eAAe,gDAAoE,CAAC"}

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

@@ -0,0 +1,4 @@
+import { HTMLAttributes } from "react";
+export type CarouselNextBtnPropsT = HTMLAttributes<HTMLButtonElement>;
+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

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

package/dist/components/Carousel/CarouselNextBtn.js

@@ -0,0 +1,11 @@
+"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

@@ -0,0 +1,4 @@
+import { HTMLAttributes } from "react";
+export type CarouselPrevBtnPropsT = HTMLAttributes<HTMLButtonElement>;
+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

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

package/dist/components/Carousel/CarouselPrevBtn.js

@@ -0,0 +1,11 @@
+"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/CarouselRoot.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"CarouselRoot.d.ts","sourceRoot":"","sources":["../../../src/components/Carousel/CarouselRoot.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,cAAc,EAA+B,MAAM,OAAO,CAAC;AAIpE,MAAM,MAAM,kBAAkB,GAAG,cAAc,CAAC,cAAc,CAAC,CAAC;AAEhE,wBAAgB,YAAY,CAAC,EAAE,GAAG,EAAE,GAAG,CAAC,EAAE,EAAE,kBAAkB,2CAiD7D"}
+{"version":3,"file":"CarouselRoot.d.ts","sourceRoot":"","sources":["../../../src/components/Carousel/CarouselRoot.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,cAAc,EAA+B,MAAM,OAAO,CAAC;AAIpE,MAAM,MAAM,kBAAkB,GAAG,cAAc,CAAC,cAAc,CAAC,CAAC;AAEhE,wBAAgB,YAAY,CAAC,EAAE,GAAG,EAAE,GAAG,CAAC,EAAE,EAAE,kBAAkB,2CA+D7D"}

package/dist/components/Carousel/CarouselRoot.js

@@ -5,7 +5,8 @@ import { CarouselContext } from "./CarouselContext";
 export function CarouselRoot({ dir, ...p }) {
     const scrollRef = useRef(null);
     const [leftOpacity, setLeftOpacity] = useState(0);
-    const [rightOpacity, setRightOpacity] = useState(1);
+    const [rightOpacity, setRightOpacity] = useState(0);
+    const [childrenWidth, setChildrenWidth] = useState(0);
     const updateFade = () => {
         const el = scrollRef.current;
         if (!el)
@@ -18,9 +19,11 @@ export function CarouselRoot({ dir, ...p }) {
             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");
+        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);
     };
@@ -28,6 +31,15 @@ export function CarouselRoot({ dir, ...p }) {
         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);
@@ -36,5 +48,5 @@ export function CarouselRoot({ dir, ...p }) {
             window.removeEventListener("resize", updateFade);
         };
     }, []);
-    return (_jsx(CarouselContext, { value: { scrollRef, leftOpacity, rightOpacity }, children: _jsx("div", { ...p }) }));
+    return (_jsx(CarouselContext, { value: { scrollRef, leftOpacity, rightOpacity, childrenWidth }, children: _jsx("div", { ...p }) }));
 }

package/dist/components/Clipboard/Clipboard.d.ts

@@ -4,5 +4,5 @@ export type ClipboardPropsT = ButtonHTMLAttributes<HTMLButtonElement> & {
     timeout?: number;
     copiedChildren?: ReactNode;
 };
-export declare function Clipboard({ copiedChildren, onClick, children, text, timeout, ...props }: ClipboardPropsT): import("react/jsx-runtime").JSX.Element;
+export declare function Clipboard({ copiedChildren, onClick, children, text, title, "aria-label": ariaLabel, timeout, ...props }: ClipboardPropsT): import("react/jsx-runtime").JSX.Element;
 //# sourceMappingURL=Clipboard.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"Clipboard.d.ts","sourceRoot":"","sources":["../../../src/components/Clipboard/Clipboard.tsx"],"names":[],"mappings":"AAGA,OAAO,EAAE,oBAAoB,EAAc,SAAS,EAAE,MAAM,OAAO,CAAC;AAEpE,MAAM,MAAM,eAAe,GAAG,oBAAoB,CAAC,iBAAiB,CAAC,GAAG;IACtE,IAAI,EAAE,MAAM,CAAC;IACb,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,cAAc,CAAC,EAAE,SAAS,CAAC;CAC5B,CAAA;AAED,wBAAgB,SAAS,CAAC,EAAE,cAAc,EAAE,OAAO,EAAE,QAAQ,EAAE,IAAI,EAAE,OAAe,EAAE,GAAG,KAAK,EAAE,EAAE,eAAe,2CAiBhH"}
+{"version":3,"file":"Clipboard.d.ts","sourceRoot":"","sources":["../../../src/components/Clipboard/Clipboard.tsx"],"names":[],"mappings":"AAGA,OAAO,EAAE,oBAAoB,EAAc,SAAS,EAAE,MAAM,OAAO,CAAC;AAEpE,MAAM,MAAM,eAAe,GAAG,oBAAoB,CAAC,iBAAiB,CAAC,GAAG;IACtE,IAAI,EAAE,MAAM,CAAC;IACb,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,cAAc,CAAC,EAAE,SAAS,CAAC;CAC5B,CAAC;AAEF,wBAAgB,SAAS,CAAC,EACxB,cAAc,EACd,OAAO,EACP,QAAQ,EACR,IAAI,EACJ,KAAK,EACL,YAAY,EAAE,SAAS,EACvB,OAAe,EACf,GAAG,KAAK,EACT,EAAE,eAAe,2CAiBjB"}

package/dist/components/Clipboard/Clipboard.js

@@ -1,11 +1,11 @@
 "use client";
 import { jsx as _jsx } from "react/jsx-runtime";
 import { useClipboard } from "@mantine/hooks";
-export function Clipboard({ copiedChildren, onClick, children, text, timeout = 3_000, ...props }) {
+export function Clipboard({ copiedChildren, onClick, children, text, title, "aria-label": ariaLabel, timeout = 3_000, ...props }) {
     const { copy, copied } = useClipboard({ timeout });
     const handleClick = (ev) => {
         onClick?.(ev);
         copy(text.trim());
     };
-    return (_jsx("button", { "aria-label": text, onClick: handleClick, ...props, children: copiedChildren && copied ? copiedChildren : children }));
+    return (_jsx("button", { "aria-label": ariaLabel || text, title: title || text, onClick: handleClick, ...props, children: copiedChildren && copied ? copiedChildren : children }));
 }

package/dist/components/ContextMenu/ContextMenu.d.ts

@@ -1,6 +1,6 @@
 import { ContextMenuRoot } from "./ContextMenuRoot";
-import { ContextMenuContent } from "./ContextMenuContent";
+import { ContextMenuBody } from "./ContextMenuBody";
 export declare const ContextMenu: typeof ContextMenuRoot & {
-    Content: typeof ContextMenuContent;
+    Body: typeof ContextMenuBody;
 };
 //# sourceMappingURL=ContextMenu.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"ContextMenu.d.ts","sourceRoot":"","sources":["../../../src/components/ContextMenu/ContextMenu.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,eAAe,EAAE,MAAM,mBAAmB,CAAC;AACpD,OAAO,EAAE,kBAAkB,EAAE,MAAM,sBAAsB,CAAC;AAE1D,eAAO,MAAM,WAAW;;CAEtB,CAAC"}
+{"version":3,"file":"ContextMenu.d.ts","sourceRoot":"","sources":["../../../src/components/ContextMenu/ContextMenu.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/ContextMenu/ContextMenu.js

@@ -1,5 +1,5 @@
 import { ContextMenuRoot } from "./ContextMenuRoot";
-import { ContextMenuContent } from "./ContextMenuContent";
+import { ContextMenuBody } from "./ContextMenuBody";
 export const ContextMenu = Object.assign(ContextMenuRoot, {
-    Content: ContextMenuContent
+    Body: ContextMenuBody,
 });

package/dist/components/ContextMenu/ContextMenuBody.d.ts

@@ -0,0 +1,4 @@
+import { HTMLAttributes } from "react";
+export type ContextMenuBodyPropsT = HTMLAttributes<HTMLDivElement>;
+export declare function ContextMenuBody({ onContextMenu, ...p }: ContextMenuBodyPropsT): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=ContextMenuBody.d.ts.map

package/dist/components/ContextMenu/ContextMenuBody.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ContextMenuBody.d.ts","sourceRoot":"","sources":["../../../src/components/ContextMenu/ContextMenuBody.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,cAAc,EAAkB,MAAM,OAAO,CAAC;AAKvD,MAAM,MAAM,qBAAqB,GAAG,cAAc,CAAC,cAAc,CAAC,CAAC;AAEnE,wBAAgB,eAAe,CAAC,EAAE,aAAa,EAAE,GAAG,CAAC,EAAE,EAAE,qBAAqB,2CAoC7E"}

package/dist/components/ContextMenu/ContextMenuBody.js

@@ -0,0 +1,29 @@
+"use client";
+import { jsx as _jsx } from "react/jsx-runtime";
+import { use, useEffect } from "react";
+import { selectAccessibleChildren } from "../../utils";
+import { ContextMenuContext } from "./ContextMenuContext";
+export function ContextMenuBody({ onContextMenu, ...p }) {
+    const { contentRef, position, isOpen } = use(ContextMenuContext);
+    useEffect(() => {
+        if (!contentRef.current) {
+            return;
+        }
+        if (isOpen) {
+            const children = selectAccessibleChildren(contentRef.current);
+            const firstChild = children[0];
+            if (!firstChild) {
+                return;
+            }
+            firstChild.focus();
+        }
+    }, [isOpen, position, contentRef]);
+    return (_jsx("div", { ref: contentRef, "data-state": isOpen, onContextMenu: (ev) => {
+            ev.stopPropagation();
+            ev.preventDefault();
+            onContextMenu?.(ev);
+        }, style: {
+            top: position?.y,
+            left: position?.x,
+        }, ...p }));
+}

package/dist/components/Otp/OtpRoot.d.ts

@@ -1,4 +1,4 @@
-import { HTMLAttributes } from "react";
-export type OtpRootPropsT = HTMLAttributes<HTMLDivElement>;
+import { AccessNavigationPropsT } from "../AccessNavigation/AccessNavigation";
+export type OtpRootPropsT = Omit<AccessNavigationPropsT, "direction">;
 export declare function OtpRoot(p: OtpRootPropsT): import("react/jsx-runtime").JSX.Element;
 //# sourceMappingURL=OtpRoot.d.ts.map

package/dist/components/Otp/OtpRoot.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"OtpRoot.d.ts","sourceRoot":"","sources":["../../../src/components/Otp/OtpRoot.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,cAAc,EAAqB,MAAM,OAAO,CAAC;AAI1D,MAAM,MAAM,aAAa,GAAG,cAAc,CAAC,cAAc,CAAC,CAAC;AAE3D,wBAAgB,OAAO,CAAC,CAAC,EAAE,aAAa,2CAgBvC"}
+{"version":3,"file":"OtpRoot.d.ts","sourceRoot":"","sources":["../../../src/components/Otp/OtpRoot.tsx"],"names":[],"mappings":"AAKA,OAAO,EAEL,sBAAsB,EACvB,MAAM,sCAAsC,CAAC;AAE9C,MAAM,MAAM,aAAa,GAAG,IAAI,CAAC,sBAAsB,EAAE,WAAW,CAAC,CAAC;AAEtE,wBAAgB,OAAO,CAAC,CAAC,EAAE,aAAa,2CAmBvC"}

package/dist/components/Otp/OtpRoot.js

@@ -2,13 +2,14 @@
 import { jsx as _jsx } from "react/jsx-runtime";
 import { useEffect, useRef } from "react";
 import { OtpContext } from "./OtpContext";
+import { AccessNavigation, } from "../AccessNavigation/AccessNavigation";
 export function OtpRoot(p) {
     const inputs = useRef([]);
     useEffect(() => {
         inputs.current[0]?.focus();
     }, []);
     const getInputsValue = () => {
-        return inputs?.current.map(input => input?.value || "").join("") || "";
+        return inputs?.current.map((input) => input?.value || "").join("") || "";
     };
-    return (_jsx(OtpContext, { value: { inputs, getInputsValue }, children: _jsx("div", { ...p }) }));
+    return (_jsx(OtpContext, { value: { inputs, getInputsValue }, children: _jsx(AccessNavigation, { direction: "x", ...p }) }));
 }

package/dist/components/Pagination/Pagination.d.ts

@@ -1,14 +1,17 @@
+import { PaginationPages } from "./PaginationPages";
 import { PaginationCounts } from "./PaginationCounts";
 import { PaginationNextBtn } from "./PaginationNextBtn";
 import { PaginationPrevBtn } from "./PaginationPrevBtn";
 import { PaginationStateRoot } from "./PaginationStateRoot";
 import { PaginationSearchParamsRoot } from "./PaginationSearchParamsRoot";
 export declare const PaginationWithState: typeof PaginationStateRoot & {
+    Pages: typeof PaginationPages;
     Counts: typeof PaginationCounts;
     NextBtn: typeof PaginationNextBtn;
     PrevBtn: typeof PaginationPrevBtn;
 };
 export declare const PaginationWithSearchParams: typeof PaginationSearchParamsRoot & {
+    Pages: typeof PaginationPages;
     Counts: typeof PaginationCounts;
     NextBtn: typeof PaginationNextBtn;
     PrevBtn: typeof PaginationPrevBtn;

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

@@ -1 +1 @@
-{"version":3,"file":"Pagination.d.ts","sourceRoot":"","sources":["../../../src/components/Pagination/Pagination.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,gBAAgB,EAAE,MAAM,oBAAoB,CAAC;AACtD,OAAO,EAAE,iBAAiB,EAAE,MAAM,qBAAqB,CAAC;AACxD,OAAO,EAAE,iBAAiB,EAAE,MAAM,qBAAqB,CAAC;AACxD,OAAO,EAAE,mBAAmB,EAAE,MAAM,uBAAuB,CAAC;AAC5D,OAAO,EAAE,0BAA0B,EAAE,MAAM,8BAA8B,CAAC;AAQ1E,eAAO,MAAM,mBAAmB;;;;CAAqD,CAAC;AAEtF,eAAO,MAAM,0BAA0B;;;;CAA4D,CAAC"}
+{"version":3,"file":"Pagination.d.ts","sourceRoot":"","sources":["../../../src/components/Pagination/Pagination.ts"],"names":[],"mappings":"AAAA,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;AACxD,OAAO,EAAE,mBAAmB,EAAE,MAAM,uBAAuB,CAAC;AAC5D,OAAO,EAAE,0BAA0B,EAAE,MAAM,8BAA8B,CAAC;AAS1E,eAAO,MAAM,mBAAmB;;;;;CAAqD,CAAC;AAEtF,eAAO,MAAM,0BAA0B;;;;;CAGtC,CAAC"}

package/dist/components/Pagination/Pagination.js

@@ -1,12 +1,14 @@
+import { PaginationPages } from "./PaginationPages";
 import { PaginationCounts } from "./PaginationCounts";
 import { PaginationNextBtn } from "./PaginationNextBtn";
 import { PaginationPrevBtn } from "./PaginationPrevBtn";
 import { PaginationStateRoot } from "./PaginationStateRoot";
 import { PaginationSearchParamsRoot } from "./PaginationSearchParamsRoot";
 const baseComponents = {
+    Pages: PaginationPages,
     Counts: PaginationCounts,
     NextBtn: PaginationNextBtn,
-    PrevBtn: PaginationPrevBtn
+    PrevBtn: PaginationPrevBtn,
 };
 export const PaginationWithState = Object.assign(PaginationStateRoot, baseComponents);
 export const PaginationWithSearchParams = Object.assign(PaginationSearchParamsRoot, baseComponents);

package/dist/components/Pagination/PaginationContext.d.ts

@@ -1,6 +1,10 @@
+import { Dispatch, SetStateAction } from "react";
+import { PaginationPagesT } from "./PaginationTypes";
 export type PaginationContextT = {
+    pages?: PaginationPagesT[];
+    pagesLength: number;
     page: number;
-    pageLength: number;
+    setPage: Dispatch<SetStateAction<number>>;
     nextPage: () => void;
     prevPage: () => void;
 };

package/dist/components/Pagination/PaginationContext.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"PaginationContext.d.ts","sourceRoot":"","sources":["../../../src/components/Pagination/PaginationContext.tsx"],"names":[],"mappings":"AAEA,MAAM,MAAM,kBAAkB,GAAG;IAC/B,IAAI,EAAE,MAAM,CAAC;IACb,UAAU,EAAE,MAAM,CAAC;IACnB,QAAQ,EAAE,MAAM,IAAI,CAAC;IACrB,QAAQ,EAAE,MAAM,IAAI,CAAC;CACtB,CAAA;AAED,eAAO,MAAM,iBAAiB,6CAA8D,CAAC"}
+{"version":3,"file":"PaginationContext.d.ts","sourceRoot":"","sources":["../../../src/components/Pagination/PaginationContext.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAiB,QAAQ,EAAE,cAAc,EAAE,MAAM,OAAO,CAAC;AAEhE,OAAO,EAAE,gBAAgB,EAAE,MAAM,mBAAmB,CAAC;AAErD,MAAM,MAAM,kBAAkB,GAAG;IAC/B,KAAK,CAAC,EAAE,gBAAgB,EAAE,CAAC;IAC3B,WAAW,EAAE,MAAM,CAAC;IACpB,IAAI,EAAE,MAAM,CAAC;IACb,OAAO,EAAE,QAAQ,CAAC,cAAc,CAAC,MAAM,CAAC,CAAC,CAAC;IAC1C,QAAQ,EAAE,MAAM,IAAI,CAAC;IACrB,QAAQ,EAAE,MAAM,IAAI,CAAC;CACtB,CAAC;AAEF,eAAO,MAAM,iBAAiB,6CAE7B,CAAC"}

package/dist/components/Pagination/PaginationContext.js

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

package/dist/components/Pagination/PaginationCounts.d.ts

@@ -1,4 +1,4 @@
-import { HTMLAttributes } from "react";
-export type PaginationCountsPropsT = HTMLAttributes<HTMLParagraphElement>;
-export declare function PaginationCounts(props: PaginationCountsPropsT): import("react/jsx-runtime").JSX.Element;
+import { ButtonHTMLAttributes } from "react";
+export type PaginationCountsPropsT = Omit<ButtonHTMLAttributes<HTMLButtonElement>, "children">;
+export declare function PaginationCounts({ onClick, ...p }: PaginationCountsPropsT): import("react/jsx-runtime").JSX.Element[];
 //# sourceMappingURL=PaginationCounts.d.ts.map

package/dist/components/Pagination/PaginationCounts.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"PaginationCounts.d.ts","sourceRoot":"","sources":["../../../src/components/Pagination/PaginationCounts.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,cAAc,EAAO,MAAM,OAAO,CAAC;AAI5C,MAAM,MAAM,sBAAsB,GAAG,cAAc,CAAC,oBAAoB,CAAC,CAAC;AAE1E,wBAAgB,gBAAgB,CAAC,KAAK,EAAE,sBAAsB,2CAQ7D"}
+{"version":3,"file":"PaginationCounts.d.ts","sourceRoot":"","sources":["../../../src/components/Pagination/PaginationCounts.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,oBAAoB,EAAO,MAAM,OAAO,CAAC;AAIlD,MAAM,MAAM,sBAAsB,GAAG,IAAI,CACvC,oBAAoB,CAAC,iBAAiB,CAAC,EACvC,UAAU,CACX,CAAC;AAEF,wBAAgB,gBAAgB,CAAC,EAAE,OAAO,EAAE,GAAG,CAAC,EAAE,EAAE,sBAAsB,6CAezE"}

package/dist/components/Pagination/PaginationCounts.js

@@ -1,8 +1,11 @@
 "use client";
-import { jsxs as _jsxs } from "react/jsx-runtime";
+import { jsx as _jsx } from "react/jsx-runtime";
 import { use } from "react";
 import { PaginationContext } from "./PaginationContext";
-export function PaginationCounts(props) {
-    const { page, pageLength } = use(PaginationContext);
-    return (_jsxs("p", { ...props, children: ["Page ", page, " / ", pageLength] }));
+export function PaginationCounts({ onClick, ...p }) {
+    const { pagesLength, page, setPage } = use(PaginationContext);
+    return Array.from({ length: pagesLength }).map((_, index) => (_jsx("button", { "data-state": index + 1 === page, onClick: (ev) => {
+            onClick?.(ev);
+            setPage(index + 1);
+        }, ...p, children: index + 1 }, index)));
 }

package/dist/components/Pagination/PaginationNextBtn.js

@@ -3,8 +3,8 @@ import { jsx as _jsx } from "react/jsx-runtime";
 import { use } from "react";
 import { PaginationContext } from "./PaginationContext";
 export function PaginationNextBtn({ onClick, disabled, ...p }) {
-    const { page, pageLength, nextPage } = use(PaginationContext);
-    return (_jsx("button", { disabled: disabled || page === pageLength, onClick: ev => {
+    const { page, pagesLength, nextPage } = use(PaginationContext);
+    return (_jsx("button", { disabled: disabled || page === pagesLength, onClick: ev => {
             onClick?.(ev);
             nextPage();
         }, ...p }));

package/dist/components/Pagination/PaginationPages.d.ts

@@ -0,0 +1,2 @@
+export declare function PaginationPages(): import("react").ReactNode;
+//# sourceMappingURL=PaginationPages.d.ts.map

package/dist/components/Pagination/PaginationPages.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"PaginationPages.d.ts","sourceRoot":"","sources":["../../../src/components/Pagination/PaginationPages.tsx"],"names":[],"mappings":"AAMA,wBAAgB,eAAe,8BAI9B"}

package/dist/components/Pagination/PaginationPages.js

@@ -0,0 +1,7 @@
+"use client";
+import { use } from "react";
+import { PaginationContext } from "./PaginationContext";
+export function PaginationPages() {
+    const { pages, page } = use(PaginationContext);
+    return pages?.find((_, index) => index + 1 === page)?.component;
+}

package/dist/components/Pagination/PaginationSearchParamsRoot.d.ts

@@ -1,7 +1,6 @@
-import { PropsWithChildren } from "react";
-export type PaginationSearchParamsRootPropsT = PropsWithChildren & {
+import { PaginationPropsT } from "./PaginationTypes";
+export type PaginationSearchParamsRootPropsT = PaginationPropsT & {
     pageKey?: string;
-    pageLength: number;
 };
-export declare function PaginationSearchParamsRoot({ pageKey, pageLength, children }: PaginationSearchParamsRootPropsT): import("react/jsx-runtime").JSX.Element;
+export declare function PaginationSearchParamsRoot({ pages, pagesLength, pageKey, ...p }: PaginationSearchParamsRootPropsT): import("react/jsx-runtime").JSX.Element;
 //# sourceMappingURL=PaginationSearchParamsRoot.d.ts.map

package/dist/components/Pagination/PaginationSearchParamsRoot.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"PaginationSearchParamsRoot.d.ts","sourceRoot":"","sources":["../../../src/components/Pagination/PaginationSearchParamsRoot.tsx"],"names":[],"mappings":"AAGA,OAAO,EAAE,iBAAiB,EAAuB,MAAM,OAAO,CAAC;AAI/D,MAAM,MAAM,gCAAgC,GAAG,iBAAiB,GAAG;IACjE,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,UAAU,EAAE,MAAM,CAAC;CACpB,CAAA;AAED,wBAAgB,0BAA0B,CAAC,EAAE,OAAO,EAAE,UAAU,EAAE,QAAQ,EAAE,EAAE,gCAAgC,2CAgC7G"}
+{"version":3,"file":"PaginationSearchParamsRoot.d.ts","sourceRoot":"","sources":["../../../src/components/Pagination/PaginationSearchParamsRoot.tsx"],"names":[],"mappings":"AAKA,OAAO,EAAE,gBAAgB,EAAE,MAAM,mBAAmB,CAAC;AAGrD,MAAM,MAAM,gCAAgC,GAAG,gBAAgB,GAAG;IAChE,OAAO,CAAC,EAAE,MAAM,CAAC;CAClB,CAAC;AAEF,wBAAgB,0BAA0B,CAAC,EACzC,KAAK,EACL,WAAW,EACX,OAAO,EACP,GAAG,CAAC,EACL,EAAE,gCAAgC,2CAgDlC"}

package/dist/components/Pagination/PaginationSearchParamsRoot.js

@@ -3,10 +3,11 @@ import { jsx as _jsx } from "react/jsx-runtime";
 import { useRouter, useSearchParams } from "next/navigation";
 import { useEffect, useState } from "react";
 import { PaginationContext } from "./PaginationContext";
-export function PaginationSearchParamsRoot({ pageKey, pageLength, children }) {
+export function PaginationSearchParamsRoot({ pages, pagesLength, pageKey, ...p }) {
     const router = useRouter();
     const searchParams = useSearchParams();
     const [currentPage, setCurrentPage] = useState(1);
+    const correctPagesLength = (pages?.length || pagesLength);
     useEffect(() => {
         setCurrentPage(+(searchParams.get(pageKey || "page") || "1"));
     }, [pageKey, searchParams]);
@@ -15,8 +16,13 @@ export function PaginationSearchParamsRoot({ pageKey, pageLength, children }) {
         params.set(pageKey || "page", page.toString());
         router.push("?" + params.toString());
     };
+    const setPage = (page) => {
+        if (page !== currentPage) {
+            pushRouter(page);
+        }
+    };
     const nextPage = () => {
-        if (currentPage < pageLength) {
+        if (currentPage < correctPagesLength) {
             pushRouter(currentPage + 1);
         }
     };
@@ -25,5 +31,12 @@ export function PaginationSearchParamsRoot({ pageKey, pageLength, children }) {
             pushRouter(currentPage - 1);
         }
     };
-    return (_jsx(PaginationContext.Provider, { value: { page: currentPage, pageLength, nextPage, prevPage }, children: children }));
+    return (_jsx(PaginationContext.Provider, { value: {
+            pages,
+            page: currentPage,
+            setPage,
+            pagesLength: correctPagesLength,
+            nextPage,
+            prevPage,
+        }, children: _jsx("div", { ...p }) }));
 }

package/dist/components/Pagination/PaginationStateRoot.d.ts

@@ -1,6 +1,3 @@
-import { PropsWithChildren } from "react";
-export type PaginationStateRootPropsT = PropsWithChildren & {
-    pageLength: number;
-};
-export declare function PaginationStateRoot({ pageLength, children }: PaginationStateRootPropsT): import("react/jsx-runtime").JSX.Element;
+import { PaginationPropsT } from "./PaginationTypes";
+export declare function PaginationStateRoot({ pages, pagesLength, ...p }: PaginationPropsT): import("react/jsx-runtime").JSX.Element;
 //# sourceMappingURL=PaginationStateRoot.d.ts.map

package/dist/components/Pagination/PaginationStateRoot.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"PaginationStateRoot.d.ts","sourceRoot":"","sources":["../../../src/components/Pagination/PaginationStateRoot.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,iBAAiB,EAAY,MAAM,OAAO,CAAC;AAIpD,MAAM,MAAM,yBAAyB,GAAG,iBAAiB,GAAG;IAC1D,UAAU,EAAE,MAAM,CAAC;CACpB,CAAA;AAED,wBAAgB,mBAAmB,CAAC,EAAE,UAAU,EAAE,QAAQ,EAAE,EAAE,yBAAyB,2CAYtF"}
+{"version":3,"file":"PaginationStateRoot.d.ts","sourceRoot":"","sources":["../../../src/components/Pagination/PaginationStateRoot.tsx"],"names":[],"mappings":"AAIA,OAAO,EAAE,gBAAgB,EAAE,MAAM,mBAAmB,CAAC;AAGrD,wBAAgB,mBAAmB,CAAC,EAAE,KAAK,EAAE,WAAW,EAAE,GAAG,CAAC,EAAE,EAAE,gBAAgB,2CAsBjF"}

package/dist/components/Pagination/PaginationStateRoot.js

@@ -2,9 +2,17 @@
 import { jsx as _jsx } from "react/jsx-runtime";
 import { useState } from "react";
 import { PaginationContext } from "./PaginationContext";
-export function PaginationStateRoot({ pageLength, children }) {
+export function PaginationStateRoot({ pages, pagesLength, ...p }) {
     const [page, setPage] = useState(1);
-    const nextPage = () => setPage(prev => prev < pageLength ? prev + 1 : prev);
-    const prevPage = () => setPage(prev => prev > 1 ? prev - 1 : prev);
-    return (_jsx(PaginationContext.Provider, { value: { page, pageLength, nextPage, prevPage }, children: children }));
+    const correctPagesLength = (pages?.length || pagesLength);
+    const nextPage = () => setPage((prev) => (prev < correctPagesLength ? prev + 1 : prev));
+    const prevPage = () => setPage((prev) => (prev > 1 ? prev - 1 : prev));
+    return (_jsx(PaginationContext.Provider, { value: {
+            pages,
+            page,
+            setPage,
+            pagesLength: correctPagesLength,
+            nextPage,
+            prevPage,
+        }, children: _jsx("div", { ...p }) }));
 }

package/dist/components/Pagination/PaginationTypes.d.ts

@@ -0,0 +1,17 @@
+import { HTMLAttributes, ReactNode } from "react";
+export type PaginationPagesT = {
+    name: string;
+    component: ReactNode;
+};
+type PaginationWithLengthT = {
+    pagesLength: number;
+    pages?: never;
+};
+type PaginationWithPagesT = {
+    pages: PaginationPagesT[];
+    pagesLength?: never;
+};
+type MergedPaginationT = PaginationWithLengthT | PaginationWithPagesT;
+export type PaginationPropsT = HTMLAttributes<HTMLDivElement> & MergedPaginationT;
+export {};
+//# sourceMappingURL=PaginationTypes.d.ts.map

package/dist/components/Pagination/PaginationTypes.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"PaginationTypes.d.ts","sourceRoot":"","sources":["../../../src/components/Pagination/PaginationTypes.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,cAAc,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAElD,MAAM,MAAM,gBAAgB,GAAG;IAC7B,IAAI,EAAE,MAAM,CAAC;IACb,SAAS,EAAE,SAAS,CAAC;CACtB,CAAC;AAEF,KAAK,qBAAqB,GAAG;IAC3B,WAAW,EAAE,MAAM,CAAC;IACpB,KAAK,CAAC,EAAE,KAAK,CAAC;CACf,CAAC;AAEF,KAAK,oBAAoB,GAAG;IAC1B,KAAK,EAAE,gBAAgB,EAAE,CAAC;IAC1B,WAAW,CAAC,EAAE,KAAK,CAAC;CACrB,CAAC;AAEF,KAAK,iBAAiB,GAAG,qBAAqB,GAAG,oBAAoB,CAAC;AAEtE,MAAM,MAAM,gBAAgB,GAAG,cAAc,CAAC,cAAc,CAAC,GAAG,iBAAiB,CAAC"}

package/dist/components/Pagination/PaginationTypes.js

@@ -0,0 +1 @@
+export {};

package/dist/components/Portal/Portal.d.ts

@@ -2,5 +2,5 @@ import { PropsWithChildren } from "react";
 export type PortalPropsT = PropsWithChildren & {
     container?: Element;
 };
-export declare function Portal({ children, container }: PortalPropsT): import("react").ReactPortal;
+export declare function Portal({ children, container }: PortalPropsT): import("react").ReactPortal | undefined;
 //# sourceMappingURL=Portal.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"Portal.d.ts","sourceRoot":"","sources":["../../../src/components/Portal/Portal.tsx"],"names":[],"mappings":"AAGA,OAAO,EAAE,iBAAiB,EAAE,MAAM,OAAO,CAAC;AAE1C,MAAM,MAAM,YAAY,GAAG,iBAAiB,GAAG;IAC7C,SAAS,CAAC,EAAE,OAAO,CAAC;CACrB,CAAA;AAED,wBAAgB,MAAM,CAAC,EAAE,QAAQ,EAAE,SAAS,EAAE,EAAE,YAAY,+BAO3D"}
+{"version":3,"file":"Portal.d.ts","sourceRoot":"","sources":["../../../src/components/Portal/Portal.tsx"],"names":[],"mappings":"AAGA,OAAO,EAAE,iBAAiB,EAAE,MAAM,OAAO,CAAC;AAG1C,MAAM,MAAM,YAAY,GAAG,iBAAiB,GAAG;IAC7C,SAAS,CAAC,EAAE,OAAO,CAAC;CACrB,CAAC;AAEF,wBAAgB,MAAM,CAAC,EAAE,QAAQ,EAAE,SAAS,EAAE,EAAE,YAAY,2CAM3D"}

package/dist/components/Portal/Portal.js

@@ -1,6 +1,10 @@
 "use client";
 import { Fragment as _Fragment, jsx as _jsx } from "react/jsx-runtime";
 import { createPortal } from "react-dom";
+import { useMounted } from "@mantine/hooks";
 export function Portal({ children, container }) {
+    const isMounted = useMounted();
+    if (!isMounted)
+        return;
     return createPortal(_jsx(_Fragment, { children: children }), container || document.body);
 }

package/dist/components/QrCode/QrCode.d.ts

@@ -1,8 +1,8 @@
 import { QRCodeRenderersOptions } from "qrcode";
-import { HTMLAttributes } from "react";
-export type QrCodePropsT = HTMLAttributes<HTMLCanvasElement> & {
+import { CanvasHTMLAttributes } from "react";
+export type QrCodePropsT = CanvasHTMLAttributes<HTMLCanvasElement> & {
     value: string;
-    options: QRCodeRenderersOptions;
+    options?: QRCodeRenderersOptions;
 };
-export declare function QrCode({ value, options, ...props }: QrCodePropsT): import("react/jsx-runtime").JSX.Element;
+export declare function QrCode({ value, options, ...p }: QrCodePropsT): import("react/jsx-runtime").JSX.Element;
 //# sourceMappingURL=QrCode.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"QrCode.d.ts","sourceRoot":"","sources":["../../../src/components/QrCode/QrCode.tsx"],"names":[],"mappings":"AAEA,OAAe,EAAE,sBAAsB,EAAE,MAAM,QAAQ,CAAC;AACxD,OAAc,EAAE,cAAc,EAAqB,MAAM,OAAO,CAAC;AAEjE,MAAM,MAAM,YAAY,GAAG,cAAc,CAAC,iBAAiB,CAAC,GAAG;IAC7D,KAAK,EAAE,MAAM,CAAA;IACb,OAAO,EAAE,sBAAsB,CAAC;CACjC,CAAA;AAED,wBAAgB,MAAM,CAAC,EAAE,KAAK,EAAE,OAAO,EAAE,GAAG,KAAK,EAAE,EAAE,YAAY,2CAWhE"}
+{"version":3,"file":"QrCode.d.ts","sourceRoot":"","sources":["../../../src/components/QrCode/QrCode.tsx"],"names":[],"mappings":"AAEA,OAAe,EAAE,sBAAsB,EAAE,MAAM,QAAQ,CAAC;AACxD,OAAO,EAAE,oBAAoB,EAAqB,MAAM,OAAO,CAAC;AAEhE,MAAM,MAAM,YAAY,GAAG,oBAAoB,CAAC,iBAAiB,CAAC,GAAG;IACnE,KAAK,EAAE,MAAM,CAAC;IACd,OAAO,CAAC,EAAE,sBAAsB,CAAC;CAClC,CAAC;AAEF,wBAAgB,MAAM,CAAC,EAAE,KAAK,EAAE,OAAY,EAAE,GAAG,CAAC,EAAE,EAAE,YAAY,2CAgBjE"}

package/dist/components/QrCode/QrCode.js

@@ -2,7 +2,7 @@
 import { jsx as _jsx } from "react/jsx-runtime";
 import QRCode from "qrcode";
 import { useEffect, useRef } from "react";
-export function QrCode({ value, options, ...props }) {
+export function QrCode({ value, options = {}, ...p }) {
     const canvasRef = useRef(null);
     useEffect(() => {
         console.log(value);
@@ -11,5 +11,5 @@ export function QrCode({ value, options, ...props }) {
                 console.error(error);
         });
     }, [value, options]);
-    return _jsx("canvas", { ref: canvasRef, ...props });
+    return (_jsx("canvas", { ref: canvasRef, ...p }));
 }

package/dist/components/ShowMore/ShowMore.d.ts

@@ -1,10 +1,10 @@
 import { ShowMoreRoot } from "./ShowMoreRoot";
 import { ShowMoreFade } from "./ShowMoreFade";
 import { ShowMoreContent } from "./ShowMoreContent";
-import { ShowMoreTrigger } from "./ShowMoreTrigger";
+import { ShowMoreToggle } from "./ShowMoreToggle";
 export declare const ShowMore: typeof ShowMoreRoot & {
     Content: typeof ShowMoreContent;
-    Trigger: typeof ShowMoreTrigger;
+    Toggle: typeof ShowMoreToggle;
     Fade: typeof ShowMoreFade;
 };
 //# sourceMappingURL=ShowMore.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"ShowMore.d.ts","sourceRoot":"","sources":["../../../src/components/ShowMore/ShowMore.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,YAAY,EAAE,MAAM,gBAAgB,CAAC;AAC9C,OAAO,EAAE,YAAY,EAAE,MAAM,gBAAgB,CAAC;AAC9C,OAAO,EAAE,eAAe,EAAE,MAAM,mBAAmB,CAAC;AACpD,OAAO,EAAE,eAAe,EAAE,MAAM,mBAAmB,CAAC;AAEpD,eAAO,MAAM,QAAQ;;;;CAInB,CAAC"}
+{"version":3,"file":"ShowMore.d.ts","sourceRoot":"","sources":["../../../src/components/ShowMore/ShowMore.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,YAAY,EAAE,MAAM,gBAAgB,CAAC;AAC9C,OAAO,EAAE,YAAY,EAAE,MAAM,gBAAgB,CAAC;AAC9C,OAAO,EAAE,eAAe,EAAE,MAAM,mBAAmB,CAAC;AACpD,OAAO,EAAE,cAAc,EAAE,MAAM,kBAAkB,CAAC;AAElD,eAAO,MAAM,QAAQ;;;;CAInB,CAAC"}

package/dist/components/ShowMore/ShowMore.js

@@ -1,9 +1,9 @@
 import { ShowMoreRoot } from "./ShowMoreRoot";
 import { ShowMoreFade } from "./ShowMoreFade";
 import { ShowMoreContent } from "./ShowMoreContent";
-import { ShowMoreTrigger } from "./ShowMoreTrigger";
+import { ShowMoreToggle } from "./ShowMoreToggle";
 export const ShowMore = Object.assign(ShowMoreRoot, {
     Content: ShowMoreContent,
-    Trigger: ShowMoreTrigger,
+    Toggle: ShowMoreToggle,
     Fade: ShowMoreFade
 });

package/dist/components/ShowMore/ShowMoreRoot.js

@@ -11,7 +11,7 @@ export function ShowMoreRoot({ maxLines, defaultExpanded = false, style, ...p })
         if (contentRef.current) {
             const element = contentRef.current;
             const lineHeight = Number.parseInt(window.getComputedStyle(element).lineHeight);
-            const maxHeight = lineHeight * (maxLines || 3);
+            const maxHeight = lineHeight * maxLines;
             const actualHeight = element.scrollHeight;
             setMaxHeight(maxHeight);
             setShouldShowMore(actualHeight > maxHeight);

package/dist/components/ShowMore/ShowMoreToggle.d.ts

@@ -0,0 +1,4 @@
+import { ButtonHTMLAttributes } from "react";
+export type ShowMoreTogglePropsT = ButtonHTMLAttributes<HTMLButtonElement>;
+export declare function ShowMoreToggle({ onClick, style, ...p }: ShowMoreTogglePropsT): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=ShowMoreToggle.d.ts.map

package/dist/components/ShowMore/ShowMoreToggle.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ShowMoreToggle.d.ts","sourceRoot":"","sources":["../../../src/components/ShowMore/ShowMoreToggle.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,oBAAoB,EAAO,MAAM,OAAO,CAAC;AAIlD,MAAM,MAAM,oBAAoB,GAAG,oBAAoB,CAAC,iBAAiB,CAAC,CAAC;AAE3E,wBAAgB,cAAc,CAAC,EAAE,OAAO,EAAE,KAAK,EAAE,GAAG,CAAC,EAAE,EAAE,oBAAoB,2CAgB5E"}

package/dist/components/ShowMore/ShowMoreToggle.js

@@ -0,0 +1,14 @@
+"use client";
+import { jsx as _jsx } from "react/jsx-runtime";
+import { use } from "react";
+import { ShowMoreContext } from "./ShowMoreContext";
+export function ShowMoreToggle({ onClick, style, ...p }) {
+    const { setIsShowMore } = use(ShowMoreContext);
+    return (_jsx("button", { style: {
+            position: "relative",
+            ...style
+        }, onClick: ev => {
+            onClick?.(ev);
+            setIsShowMore(prev => !prev);
+        }, ...p }));
+}

package/dist/components/Steps/Steps.d.ts

@@ -1,18 +1,18 @@
 import { StepsRender } from "./StepsRender";
+import { StepsCounts } from "./StepsCounts";
 import { StepsPrevBtn } from "./StepsPrevBtn";
 import { StepsNextBtn } from "./StepsNextBtn";
-import { StepsIndexBtn } from "./StepsIndexBtn";
 import { StepsStateRoot } from "./StepsStateRoot";
 import { StepsSearchParamsRoot } from "./StepsSearchParamsRoot";
 export declare const StepsWithState: typeof StepsStateRoot & {
     Render: typeof StepsRender;
-    IndexBtn: typeof StepsIndexBtn;
+    Counts: typeof StepsCounts;
     PrevBtn: typeof StepsPrevBtn;
     NextBtn: typeof StepsNextBtn;
 };
 export declare const StepsWithSearchParams: typeof StepsSearchParamsRoot & {
     Render: typeof StepsRender;
-    IndexBtn: typeof StepsIndexBtn;
+    Counts: typeof StepsCounts;
     PrevBtn: typeof StepsPrevBtn;
     NextBtn: typeof StepsNextBtn;
 };

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

@@ -1 +1 @@
-{"version":3,"file":"Steps.d.ts","sourceRoot":"","sources":["../../../src/components/Steps/Steps.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,WAAW,EAAE,MAAM,eAAe,CAAC;AAC5C,OAAO,EAAE,YAAY,EAAE,MAAM,gBAAgB,CAAC;AAC9C,OAAO,EAAE,YAAY,EAAE,MAAM,gBAAgB,CAAC;AAC9C,OAAO,EAAE,aAAa,EAAE,MAAM,iBAAiB,CAAC;AAChD,OAAO,EAAE,cAAc,EAAE,MAAM,kBAAkB,CAAC;AAClD,OAAO,EAAE,qBAAqB,EAAE,MAAM,yBAAyB,CAAC;AAShE,eAAO,MAAM,cAAc;;;;;CAAgD,CAAC;AAE5E,eAAO,MAAM,qBAAqB;;;;;CAAuD,CAAC"}
+{"version":3,"file":"Steps.d.ts","sourceRoot":"","sources":["../../../src/components/Steps/Steps.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,WAAW,EAAE,MAAM,eAAe,CAAC;AAC5C,OAAO,EAAE,WAAW,EAAE,MAAM,eAAe,CAAC;AAC5C,OAAO,EAAE,YAAY,EAAE,MAAM,gBAAgB,CAAC;AAC9C,OAAO,EAAE,YAAY,EAAE,MAAM,gBAAgB,CAAC;AAC9C,OAAO,EAAE,cAAc,EAAE,MAAM,kBAAkB,CAAC;AAClD,OAAO,EAAE,qBAAqB,EAAE,MAAM,yBAAyB,CAAC;AAShE,eAAO,MAAM,cAAc;;;;;CAAgD,CAAC;AAE5E,eAAO,MAAM,qBAAqB;;;;;CAAuD,CAAC"}

package/dist/components/Steps/Steps.js

@@ -1,14 +1,14 @@
 import { StepsRender } from "./StepsRender";
+import { StepsCounts } from "./StepsCounts";
 import { StepsPrevBtn } from "./StepsPrevBtn";
 import { StepsNextBtn } from "./StepsNextBtn";
-import { StepsIndexBtn } from "./StepsIndexBtn";
 import { StepsStateRoot } from "./StepsStateRoot";
 import { StepsSearchParamsRoot } from "./StepsSearchParamsRoot";
 const baseComponents = {
     Render: StepsRender,
-    IndexBtn: StepsIndexBtn,
+    Counts: StepsCounts,
     PrevBtn: StepsPrevBtn,
-    NextBtn: StepsNextBtn
+    NextBtn: StepsNextBtn,
 };
 export const StepsWithState = Object.assign(StepsStateRoot, baseComponents);
 export const StepsWithSearchParams = Object.assign(StepsSearchParamsRoot, baseComponents);

package/dist/components/Steps/StepsCounts.d.ts

@@ -0,0 +1,4 @@
+import { ButtonHTMLAttributes } from "react";
+export type StepsCountsPropsT = Omit<ButtonHTMLAttributes<HTMLButtonElement>, "children">;
+export declare function StepsCounts({ onClick, ...p }: StepsCountsPropsT): import("react/jsx-runtime").JSX.Element[];
+//# sourceMappingURL=StepsCounts.d.ts.map

package/dist/components/Steps/StepsCounts.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"StepsCounts.d.ts","sourceRoot":"","sources":["../../../src/components/Steps/StepsCounts.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,oBAAoB,EAAO,MAAM,OAAO,CAAC;AAIlD,MAAM,MAAM,iBAAiB,GAAG,IAAI,CAAC,oBAAoB,CAAC,iBAAiB,CAAC,EAAE,UAAU,CAAC,CAAC;AAE1F,wBAAgB,WAAW,CAAC,EAAE,OAAO,EAAE,GAAG,CAAC,EAAE,EAAE,iBAAiB,6CAe/D"}

package/dist/components/Steps/StepsCounts.js

@@ -0,0 +1,11 @@
+"use client";
+import { jsx as _jsx } from "react/jsx-runtime";
+import { use } from "react";
+import { StepsContext } from "./StepsContext";
+export function StepsCounts({ onClick, ...p }) {
+    const { steps, step, setStep } = use(StepsContext);
+    return Array.from({ length: steps.length }).map((_, index) => (_jsx("button", { "data-state": index + 1 === step, onClick: (ev) => {
+            onClick?.(ev);
+            setStep(index + 1);
+        }, ...p, children: index + 1 }, index)));
+}

package/dist/components/Swap/Swap.d.ts

@@ -1,8 +1,6 @@
-import { SwapItem } from "./SwapItem";
+import { SwapBtn } from "./SwapBtn";
 import { SwapRoot } from "./SwapRoot";
-import { SwapTrigger } from "./SwapTrigger";
 export declare const Swap: typeof SwapRoot & {
-    Trigger: typeof SwapTrigger;
-    Item: typeof SwapItem;
+    Btn: typeof SwapBtn;
 };
 //# sourceMappingURL=Swap.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"Swap.d.ts","sourceRoot":"","sources":["../../../src/components/Swap/Swap.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,QAAQ,EAAE,MAAM,YAAY,CAAC;AACtC,OAAO,EAAE,QAAQ,EAAE,MAAM,YAAY,CAAC;AACtC,OAAO,EAAE,WAAW,EAAE,MAAM,eAAe,CAAC;AAE5C,eAAO,MAAM,IAAI;;;CAGf,CAAC"}
+{"version":3,"file":"Swap.d.ts","sourceRoot":"","sources":["../../../src/components/Swap/Swap.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,EAAE,MAAM,WAAW,CAAC;AACpC,OAAO,EAAE,QAAQ,EAAE,MAAM,YAAY,CAAC;AAEtC,eAAO,MAAM,IAAI;;CAEf,CAAC"}

package/dist/components/Swap/Swap.js

@@ -1,7 +1,5 @@
-import { SwapItem } from "./SwapItem";
+import { SwapBtn } from "./SwapBtn";
 import { SwapRoot } from "./SwapRoot";
-import { SwapTrigger } from "./SwapTrigger";
 export const Swap = Object.assign(SwapRoot, {
-    Trigger: SwapTrigger,
-    Item: SwapItem
+    Btn: SwapBtn,
 });

package/dist/components/Swap/SwapBtn.d.ts

@@ -0,0 +1,6 @@
+import { HTMLAttributes } from "react";
+export type SwapBtnPropsT = HTMLAttributes<HTMLButtonElement> & {
+    btnKey: string;
+};
+export declare function SwapBtn({ btnKey, onClick, children, ...p }: SwapBtnPropsT): import("react/jsx-runtime").JSX.Element | null;
+//# sourceMappingURL=SwapBtn.d.ts.map

package/dist/components/Swap/SwapBtn.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"SwapBtn.d.ts","sourceRoot":"","sources":["../../../src/components/Swap/SwapBtn.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,cAAc,EAAO,MAAM,OAAO,CAAC;AAI5C,MAAM,MAAM,aAAa,GAAG,cAAc,CAAC,iBAAiB,CAAC,GAAG;IAC9D,MAAM,EAAE,MAAM,CAAC;CAChB,CAAC;AAEF,wBAAgB,OAAO,CAAC,EAAE,MAAM,EAAE,OAAO,EAAE,QAAQ,EAAE,GAAG,CAAC,EAAE,EAAE,aAAa,kDAoBzE"}

package/dist/components/Swap/SwapBtn.js

@@ -0,0 +1,16 @@
+"use client";
+import { jsx as _jsx } from "react/jsx-runtime";
+import { use } from "react";
+import { SwapContext } from "./SwapContext";
+export function SwapBtn({ btnKey, onClick, children, ...p }) {
+    const { keys, activeKey, setActiveKey } = use(SwapContext);
+    return btnKey === activeKey ? (_jsx("button", { onClick: (ev) => {
+            onClick?.(ev);
+            const nextKey = keys.indexOf(activeKey) + 1;
+            const currentNextKey = nextKey === keys.length ? 0 : nextKey;
+            const nextActiveKey = keys[currentNextKey];
+            if (nextActiveKey) {
+                setActiveKey(nextActiveKey);
+            }
+        }, ...p, children: children || keys.find((item) => item === btnKey) })) : null;
+}

package/dist/components/Swap/SwapContext.d.ts

@@ -1,7 +1,8 @@
+import { Dispatch, SetStateAction } from "react";
 export type SwapContextT = {
-    items: string[];
-    activeItem: string | undefined;
-    handleSwap: (newItem: string) => void;
+    keys: string[];
+    activeKey: string;
+    setActiveKey: Dispatch<SetStateAction<string>>;
 };
 export declare const SwapContext: import("react").Context<SwapContextT>;
 //# sourceMappingURL=SwapContext.d.ts.map

package/dist/components/Swap/SwapContext.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"SwapContext.d.ts","sourceRoot":"","sources":["../../../src/components/Swap/SwapContext.ts"],"names":[],"mappings":"AAEA,MAAM,MAAM,YAAY,GAAG;IACzB,KAAK,EAAE,MAAM,EAAE,CAAC;IAChB,UAAU,EAAE,MAAM,GAAG,SAAS,CAAC;IAC/B,UAAU,EAAE,CAAC,OAAO,EAAE,MAAM,KAAK,IAAI,CAAC;CACvC,CAAA;AAED,eAAO,MAAM,WAAW,uCAAkD,CAAC"}
+{"version":3,"file":"SwapContext.d.ts","sourceRoot":"","sources":["../../../src/components/Swap/SwapContext.ts"],"names":[],"mappings":"AAAA,OAAO,EAAiB,QAAQ,EAAE,cAAc,EAAE,MAAM,OAAO,CAAC;AAEhE,MAAM,MAAM,YAAY,GAAG;IACzB,IAAI,EAAE,MAAM,EAAE,CAAC;IACf,SAAS,EAAE,MAAM,CAAC;IAClB,YAAY,EAAE,QAAQ,CAAC,cAAc,CAAC,MAAM,CAAC,CAAC,CAAC;CAChD,CAAC;AAEF,eAAO,MAAM,WAAW,uCAAkD,CAAC"}

package/dist/components/Swap/SwapRoot.d.ts

@@ -1,8 +1,8 @@
-import { HTMLAttributes } from "react";
-export type SwapRootPropsT = HTMLAttributes<HTMLDivElement> & {
-    items: string[];
-    defaultItem?: string;
-    onSwap?: (item: string) => void;
+import { Dispatch, PropsWithChildren, SetStateAction } from "react";
+export type SwapRootPropsT = PropsWithChildren & {
+    keys: string[];
+    activeKey: string;
+    setActiveKey: Dispatch<SetStateAction<string>>;
 };
-export declare function SwapRoot({ items, defaultItem, onSwap, ...p }: SwapRootPropsT): import("react/jsx-runtime").JSX.Element;
+export declare function SwapRoot({ keys, activeKey, setActiveKey, children }: SwapRootPropsT): import("react/jsx-runtime").JSX.Element;
 //# sourceMappingURL=SwapRoot.d.ts.map

package/dist/components/Swap/SwapRoot.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"SwapRoot.d.ts","sourceRoot":"","sources":["../../../src/components/Swap/SwapRoot.tsx"],"names":[],"mappings":"AAGA,OAAO,EAAE,cAAc,EAAY,MAAM,OAAO,CAAC;AAIjD,MAAM,MAAM,cAAc,GAAG,cAAc,CAAC,cAAc,CAAC,GAAG;IAC5D,KAAK,EAAE,MAAM,EAAE,CAAC;IAChB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,MAAM,CAAC,EAAE,CAAC,IAAI,EAAE,MAAM,KAAK,IAAI,CAAC;CACjC,CAAA;AAED,wBAAgB,QAAQ,CAAC,EAAE,KAAK,EAAE,WAAW,EAAE,MAAM,EAAE,GAAG,CAAC,EAAE,EAAE,cAAc,2CAe5E"}
+{"version":3,"file":"SwapRoot.d.ts","sourceRoot":"","sources":["../../../src/components/Swap/SwapRoot.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,QAAQ,EAAE,iBAAiB,EAAE,cAAc,EAAE,MAAM,OAAO,CAAC;AAIpE,MAAM,MAAM,cAAc,GAAG,iBAAiB,GAAG;IAC/C,IAAI,EAAE,MAAM,EAAE,CAAC;IACf,SAAS,EAAE,MAAM,CAAC;IAClB,YAAY,EAAE,QAAQ,CAAC,cAAc,CAAC,MAAM,CAAC,CAAC,CAAC;CAChD,CAAC;AAEF,wBAAgB,QAAQ,CAAC,EAAE,IAAI,EAAE,SAAS,EAAE,YAAY,EAAE,QAAQ,EAAE,EAAE,cAAc,2CAEnF"}

package/dist/components/Swap/SwapRoot.js

@@ -1,13 +1,6 @@
 "use client";
 import { jsx as _jsx } from "react/jsx-runtime";
-import { AnimatePresence } from "framer-motion";
-import { useState } from "react";
 import { SwapContext } from "./SwapContext";
-export function SwapRoot({ items, defaultItem, onSwap, ...p }) {
-    const [activeItem, setActiveItem] = useState(defaultItem || items[1]);
-    const handleSwap = (newItem) => {
-        setActiveItem(newItem);
-        onSwap?.(newItem);
-    };
-    return (_jsx(SwapContext, { value: { items, activeItem, handleSwap }, children: _jsx(AnimatePresence, { mode: "wait", children: _jsx("div", { ...p }) }) }));
+export function SwapRoot({ keys, activeKey, setActiveKey, children }) {
+    return _jsx(SwapContext, { value: { keys, activeKey, setActiveKey }, children: children });
 }

package/dist/components/Tabs/TabsTab.d.ts

@@ -2,5 +2,5 @@ import { type HTMLAttributes } from "react";
 export type TabsTabPropsT = HTMLAttributes<HTMLButtonElement> & {
     value: string;
 };
-export declare function TabsTab({ value, onClick, ...props }: TabsTabPropsT): import("react/jsx-runtime").JSX.Element;
+export declare function TabsTab({ value, onClick, ...p }: TabsTabPropsT): import("react/jsx-runtime").JSX.Element;
 //# sourceMappingURL=TabsTab.d.ts.map

package/dist/components/Tabs/TabsTab.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"TabsTab.d.ts","sourceRoot":"","sources":["../../../src/components/Tabs/TabsTab.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,KAAK,cAAc,EAAO,MAAM,OAAO,CAAC;AAIjD,MAAM,MAAM,aAAa,GAAG,cAAc,CAAC,iBAAiB,CAAC,GAAG;IAC9D,KAAK,EAAE,MAAM,CAAC;CACf,CAAA;AAED,wBAAgB,OAAO,CAAC,EAAE,KAAK,EAAE,OAAO,EAAE,GAAG,KAAK,EAAE,EAAE,aAAa,2CAYlE"}
+{"version":3,"file":"TabsTab.d.ts","sourceRoot":"","sources":["../../../src/components/Tabs/TabsTab.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,KAAK,cAAc,EAAO,MAAM,OAAO,CAAC;AAIjD,MAAM,MAAM,aAAa,GAAG,cAAc,CAAC,iBAAiB,CAAC,GAAG;IAC9D,KAAK,EAAE,MAAM,CAAC;CACf,CAAC;AAEF,wBAAgB,OAAO,CAAC,EAAE,KAAK,EAAE,OAAO,EAAE,GAAG,CAAC,EAAE,EAAE,aAAa,2CAa9D"}

package/dist/components/Tabs/TabsTab.js

@@ -2,10 +2,10 @@
 import { jsx as _jsx } from "react/jsx-runtime";
 import { use } from "react";
 import { TabsContext } from "./TabsContext";
-export function TabsTab({ value, onClick, ...props }) {
-    const { setActiveTab } = use(TabsContext);
-    return (_jsx("button", { onClick: (ev) => {
+export function TabsTab({ value, onClick, ...p }) {
+    const { activeTab, setActiveTab } = use(TabsContext);
+    return (_jsx("button", { "data-state": value === activeTab, onClick: (ev) => {
             onClick?.(ev);
             setActiveTab(value);
-        }, ...props }));
+        }, ...p }));
 }

package/dist/index.d.ts

@@ -19,7 +19,6 @@ export * from "./components/Rating/Rating";
 export * from "./components/Sheet/Sheet";
 export * from "./components/ShowMore/ShowMore";
 export * from "./components/Spoiler/Spoiler";
-export * from "./components/Steps/Steps";
 export * from "./components/Swap/Swap";
 export * from "./components/Tabs/Tabs";
 export * from "./components/Submit/Submit";

package/dist/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA,cAAc,gDAAgD,CAAC;AAC/D,cAAc,kCAAkC,CAAC;AACjD,cAAc,0BAA0B,CAAC;AACzC,cAAc,sCAAsC,CAAC;AACrD,cAAc,gCAAgC,CAAC;AAC/C,cAAc,oCAAoC,CAAC;AACnD,cAAc,kCAAkC,CAAC;AACjD,cAAc,sCAAsC,CAAC;AACrD,cAAc,4BAA4B,CAAC;AAC3C,cAAc,0BAA0B,CAAC;AACzC,cAAc,sBAAsB,CAAC;AACrC,cAAc,oCAAoC,CAAC;AACnD,cAAc,0CAA0C,CAAC;AACzD,cAAc,8BAA8B,CAAC;AAC7C,cAAc,4BAA4B,CAAC;AAC3C,cAAc,gCAAgC,CAAC;AAC/C,cAAc,4BAA4B,CAAC;AAC3C,cAAc,4BAA4B,CAAC;AAC3C,cAAc,0BAA0B,CAAC;AACzC,cAAc,gCAAgC,CAAC;AAC/C,cAAc,8BAA8B,CAAC;AAC7C,cAAc,0BAA0B,CAAC;AACzC,cAAc,wBAAwB,CAAC;AACvC,cAAc,wBAAwB,CAAC;AACvC,cAAc,4BAA4B,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA,cAAc,gDAAgD,CAAC;AAC/D,cAAc,kCAAkC,CAAC;AACjD,cAAc,0BAA0B,CAAC;AACzC,cAAc,sCAAsC,CAAC;AACrD,cAAc,gCAAgC,CAAC;AAC/C,cAAc,oCAAoC,CAAC;AACnD,cAAc,kCAAkC,CAAC;AACjD,cAAc,sCAAsC,CAAC;AACrD,cAAc,4BAA4B,CAAC;AAC3C,cAAc,0BAA0B,CAAC;AACzC,cAAc,sBAAsB,CAAC;AACrC,cAAc,oCAAoC,CAAC;AACnD,cAAc,0CAA0C,CAAC;AACzD,cAAc,8BAA8B,CAAC;AAC7C,cAAc,4BAA4B,CAAC;AAC3C,cAAc,gCAAgC,CAAC;AAC/C,cAAc,4BAA4B,CAAC;AAC3C,cAAc,4BAA4B,CAAC;AAC3C,cAAc,0BAA0B,CAAC;AACzC,cAAc,gCAAgC,CAAC;AAC/C,cAAc,8BAA8B,CAAC;AAC7C,cAAc,wBAAwB,CAAC;AACvC,cAAc,wBAAwB,CAAC;AACvC,cAAc,4BAA4B,CAAC"}

package/dist/index.js

@@ -19,7 +19,6 @@ export * from "./components/Rating/Rating";
 export * from "./components/Sheet/Sheet";
 export * from "./components/ShowMore/ShowMore";
 export * from "./components/Spoiler/Spoiler";
-export * from "./components/Steps/Steps";
 export * from "./components/Swap/Swap";
 export * from "./components/Tabs/Tabs";
 export * from "./components/Submit/Submit";

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@kadoui/react",
-  "version": "1.9.2",
+  "version": "1.9.5",
   "description": "Kadoui primitive components for React",
   "author": "FarzadVav",
   "license": "MIT",
@@ -10,8 +10,7 @@
     "access": "public"
   },
   "scripts": {
-    "build": "tsc",
-    "publish": "tsc && npm publish"
+    "build": "tsc"
   },
   "exports": {
     ".": "./dist/index.js",