@kadoui/react 1.5.10 → 1.6.0

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

@@ -0,0 +1,14 @@
+import { Dispatch, ReactNode, SetStateAction } from "react";
+export type StepsT = {
+    name: string;
+    component: ReactNode;
+};
+export type StepsContextT = {
+    step: number;
+    steps: StepsT[];
+    setStep: Dispatch<SetStateAction<number>>;
+    nextStep: () => void;
+    prevStep: () => void;
+};
+export declare const StepsContext: import("react").Context<StepsContextT>;
+//# sourceMappingURL=StepsContext.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"StepsContext.d.ts","sourceRoot":"","sources":["../../../src/components/Steps/StepsContext.ts"],"names":[],"mappings":"AAAA,OAAO,EAAiB,QAAQ,EAAE,SAAS,EAAE,cAAc,EAAE,MAAM,OAAO,CAAC;AAE3E,MAAM,MAAM,MAAM,GAAG;IACnB,IAAI,EAAE,MAAM,CAAC;IACb,SAAS,EAAE,SAAS,CAAC;CACtB,CAAA;AAED,MAAM,MAAM,aAAa,GAAG;IAC1B,IAAI,EAAE,MAAM,CAAC;IACb,KAAK,EAAE,MAAM,EAAE,CAAC;IAChB,OAAO,EAAE,QAAQ,CAAC,cAAc,CAAC,MAAM,CAAC,CAAC,CAAC;IAC1C,QAAQ,EAAE,MAAM,IAAI,CAAC;IACrB,QAAQ,EAAE,MAAM,IAAI,CAAC;CACtB,CAAA;AAED,eAAO,MAAM,YAAY,wCAAoD,CAAC"}

package/dist/components/Steps/StepsContext.js

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

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

@@ -0,0 +1,6 @@
+import { HTMLAttributes } from "react";
+export type StepsIndexBtnPropsT = HTMLAttributes<HTMLButtonElement> & {
+    index: number;
+};
+export declare function StepsIndexBtn({ index, onClick, ...p }: StepsIndexBtnPropsT): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=StepsIndexBtn.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"StepsIndexBtn.d.ts","sourceRoot":"","sources":["../../../src/components/Steps/StepsIndexBtn.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,cAAc,EAAO,MAAM,OAAO,CAAC;AAI5C,MAAM,MAAM,mBAAmB,GAAG,cAAc,CAAC,iBAAiB,CAAC,GAAG;IACpE,KAAK,EAAE,MAAM,CAAC;CACf,CAAC;AAEF,wBAAgB,aAAa,CAAC,EAAE,KAAK,EAAE,OAAO,EAAE,GAAG,CAAC,EAAE,EAAE,mBAAmB,2CAa1E"}

package/dist/components/Steps/StepsIndexBtn.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 StepsIndexBtn({ index, onClick, ...p }) {
+    const { step, setStep } = use(StepsContext);
+    return (_jsx("button", { disabled: step < index, onClick: ev => {
+            onClick?.(ev);
+            setStep(index);
+        }, ...p }));
+}

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

@@ -0,0 +1,6 @@
+import { HTMLAttributes } from "react";
+export type StepsNextBtnPropsT = HTMLAttributes<HTMLButtonElement> & {
+    disabled?: boolean;
+};
+export declare function StepsNextBtn({ onClick, disabled, ...p }: StepsNextBtnPropsT): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=StepsNextBtn.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"StepsNextBtn.d.ts","sourceRoot":"","sources":["../../../src/components/Steps/StepsNextBtn.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,cAAc,EAAO,MAAM,OAAO,CAAC;AAI5C,MAAM,MAAM,kBAAkB,GAAG,cAAc,CAAC,iBAAiB,CAAC,GAAG;IACnE,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB,CAAA;AAED,wBAAgB,YAAY,CAAC,EAAE,OAAO,EAAE,QAAQ,EAAE,GAAG,CAAC,EAAE,EAAE,kBAAkB,2CAa3E"}

package/dist/components/Steps/StepsNextBtn.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 StepsNextBtn({ onClick, disabled, ...p }) {
+    const { step, steps, nextStep } = use(StepsContext);
+    return (_jsx("button", { disabled: disabled || step === steps.length, onClick: ev => {
+            onClick?.(ev);
+            nextStep();
+        }, ...p }));
+}

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

@@ -0,0 +1,6 @@
+import { HTMLAttributes } from "react";
+export type StepsPrevBtnPropsT = HTMLAttributes<HTMLButtonElement> & {
+    disabled?: boolean;
+};
+export declare function StepsPrevBtn({ onClick, disabled, ...p }: StepsPrevBtnPropsT): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=StepsPrevBtn.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"StepsPrevBtn.d.ts","sourceRoot":"","sources":["../../../src/components/Steps/StepsPrevBtn.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,cAAc,EAAO,MAAM,OAAO,CAAC;AAI5C,MAAM,MAAM,kBAAkB,GAAG,cAAc,CAAC,iBAAiB,CAAC,GAAG;IACnE,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB,CAAA;AAED,wBAAgB,YAAY,CAAC,EAAE,OAAO,EAAE,QAAQ,EAAE,GAAG,CAAC,EAAE,EAAE,kBAAkB,2CAa3E"}

package/dist/components/Steps/StepsPrevBtn.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 StepsPrevBtn({ onClick, disabled, ...p }) {
+    const { step, prevStep } = use(StepsContext);
+    return (_jsx("button", { disabled: disabled || step === 1, onClick: ev => {
+            onClick?.(ev);
+            prevStep();
+        }, ...p }));
+}

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

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"StepsRender.d.ts","sourceRoot":"","sources":["../../../src/components/Steps/StepsRender.tsx"],"names":[],"mappings":"AAMA,wBAAgB,WAAW,8BAI1B"}

package/dist/components/Steps/StepsRender.js

@@ -0,0 +1,7 @@
+"use client";
+import { use } from "react";
+import { StepsContext } from "./StepsContext";
+export function StepsRender() {
+    const { step, steps } = use(StepsContext);
+    return steps.find((_, index) => index + 1 === step)?.component;
+}

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

@@ -0,0 +1,8 @@
+import { PropsWithChildren } from "react";
+import { StepsT } from "./StepsContext";
+export type StepsSearchParamsRootPropsT = PropsWithChildren & {
+    stepKey?: string;
+    steps: StepsT[];
+};
+export declare function StepsSearchParamsRoot({ children, steps, stepKey }: StepsSearchParamsRootPropsT): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=StepsSearchParamsRoot.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"StepsSearchParamsRoot.d.ts","sourceRoot":"","sources":["../../../src/components/Steps/StepsSearchParamsRoot.tsx"],"names":[],"mappings":"AAGA,OAAO,EAAE,iBAAiB,EAAuB,MAAM,OAAO,CAAC;AAE/D,OAAO,EAAgB,MAAM,EAAE,MAAM,gBAAgB,CAAC;AAEtD,MAAM,MAAM,2BAA2B,GAAG,iBAAiB,GAAG;IAC5D,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,KAAK,EAAE,MAAM,EAAE,CAAC;CACjB,CAAA;AAED,wBAAgB,qBAAqB,CAAC,EAAE,QAAQ,EAAE,KAAK,EAAE,OAAO,EAAE,EAAE,2BAA2B,2CAgC9F"}

package/dist/components/Steps/StepsSearchParamsRoot.js

@@ -0,0 +1,29 @@
+"use client";
+import { jsx as _jsx } from "react/jsx-runtime";
+import { useRouter, useSearchParams } from "next/navigation";
+import { useEffect, useState } from "react";
+import { StepsContext } from "./StepsContext";
+export function StepsSearchParamsRoot({ children, steps, stepKey }) {
+    const router = useRouter();
+    const searchParams = useSearchParams();
+    const [currentStep, setCurrentStep] = useState(1);
+    useEffect(() => {
+        setCurrentStep(+(searchParams.get(stepKey || "step") || "1"));
+    }, [stepKey, searchParams]);
+    const pushRouter = (page) => {
+        const params = new URLSearchParams(searchParams.toString());
+        params.set(stepKey || "step", page.toString());
+        router.push("?" + params.toString());
+    };
+    const nextStep = () => {
+        if (currentStep < steps.length) {
+            pushRouter(currentStep + 1);
+        }
+    };
+    const prevStep = () => {
+        if (currentStep > 1) {
+            pushRouter(currentStep - 1);
+        }
+    };
+    return (_jsx(StepsContext.Provider, { value: { step: currentStep, setStep: setCurrentStep, steps, nextStep, prevStep }, children: children }));
+}

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

@@ -0,0 +1,7 @@
+import { PropsWithChildren } from "react";
+import { StepsT } from "./StepsContext";
+export type StepsStateRootPropsT = PropsWithChildren & {
+    steps: StepsT[];
+};
+export declare function StepsStateRoot({ children, steps }: StepsStateRootPropsT): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=StepsStateRoot.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"StepsStateRoot.d.ts","sourceRoot":"","sources":["../../../src/components/Steps/StepsStateRoot.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,iBAAiB,EAAY,MAAM,OAAO,CAAC;AAEpD,OAAO,EAAE,MAAM,EAAgB,MAAM,gBAAgB,CAAC;AAEtD,MAAM,MAAM,oBAAoB,GAAG,iBAAiB,GAAG;IACrD,KAAK,EAAE,MAAM,EAAE,CAAC;CACjB,CAAA;AAED,wBAAgB,cAAc,CAAC,EAAE,QAAQ,EAAE,KAAK,EAAE,EAAE,oBAAoB,2CAYvE"}

package/dist/components/Steps/StepsStateRoot.js

@@ -0,0 +1,10 @@
+"use client";
+import { jsx as _jsx } from "react/jsx-runtime";
+import { useState } from "react";
+import { StepsContext } from "./StepsContext";
+export function StepsStateRoot({ children, steps }) {
+    const [step, setStep] = useState(1);
+    const nextStep = () => setStep(prev => prev + 1);
+    const prevStep = () => setStep(prev => prev - 1);
+    return (_jsx(StepsContext.Provider, { value: { step, setStep, steps, nextStep, prevStep }, children: children }));
+}

package/dist/components/Submit/Submit.d.ts

@@ -0,0 +1,6 @@
+import { SubmitRoot } from "./SubmitRoot";
+import { SubmitLoader } from "./SubmitLoader";
+export declare const Submit: typeof SubmitRoot & {
+    Loader: typeof SubmitLoader;
+};
+//# sourceMappingURL=Submit.d.ts.map

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

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

package/dist/components/Submit/Submit.js

@@ -0,0 +1,5 @@
+import { SubmitRoot } from "./SubmitRoot";
+import { SubmitLoader } from "./SubmitLoader";
+export const Submit = Object.assign(SubmitRoot, {
+    Loader: SubmitLoader
+});

package/dist/components/Submit/SubmitContext.d.ts

@@ -0,0 +1,5 @@
+export type SubmitContextT = {
+    pending: boolean;
+};
+export declare const SubmitContext: import("react").Context<SubmitContextT>;
+//# sourceMappingURL=SubmitContext.d.ts.map

package/dist/components/Submit/SubmitContext.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"SubmitContext.d.ts","sourceRoot":"","sources":["../../../src/components/Submit/SubmitContext.ts"],"names":[],"mappings":"AAEA,MAAM,MAAM,cAAc,GAAG;IAC3B,OAAO,EAAE,OAAO,CAAC;CAClB,CAAA;AAED,eAAO,MAAM,aAAa,yCAAsC,CAAC"}

package/dist/components/Submit/SubmitContext.js

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

package/dist/components/Submit/SubmitLoader.d.ts

@@ -0,0 +1,6 @@
+import { PropsWithChildren, ReactNode } from "react";
+export type SubmitLoaderPropsT = PropsWithChildren & {
+    loader: ReactNode;
+};
+export declare function SubmitLoader({ children, loader }: SubmitLoaderPropsT): ReactNode;
+//# sourceMappingURL=SubmitLoader.d.ts.map

package/dist/components/Submit/SubmitLoader.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"SubmitLoader.d.ts","sourceRoot":"","sources":["../../../src/components/Submit/SubmitLoader.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,iBAAiB,EAAE,SAAS,EAAO,MAAM,OAAO,CAAC;AAI1D,MAAM,MAAM,kBAAkB,GAAG,iBAAiB,GAAG;IACnD,MAAM,EAAE,SAAS,CAAC;CACnB,CAAA;AAED,wBAAgB,YAAY,CAAC,EAAE,QAAQ,EAAE,MAAM,EAAE,EAAE,kBAAkB,aAIpE"}

package/dist/components/Submit/SubmitLoader.js

@@ -0,0 +1,7 @@
+"use client";
+import { use } from "react";
+import { SubmitContext } from "./SubmitContext";
+export function SubmitLoader({ children, loader }) {
+    const { pending } = use(SubmitContext);
+    return pending ? loader : children;
+}

package/dist/components/Submit/SubmitRoot.d.ts

@@ -0,0 +1,6 @@
+import { ButtonHTMLAttributes, ReactNode } from "react";
+export type SubmitRootPropsT = ButtonHTMLAttributes<HTMLButtonElement> & {
+    loader?: ReactNode;
+};
+export declare function SubmitRoot({ disabled, ...p }: SubmitRootPropsT): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=SubmitRoot.d.ts.map

package/dist/components/Submit/SubmitRoot.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"SubmitRoot.d.ts","sourceRoot":"","sources":["../../../src/components/Submit/SubmitRoot.tsx"],"names":[],"mappings":"AAGA,OAAO,EAAE,oBAAoB,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAIxD,MAAM,MAAM,gBAAgB,GAAG,oBAAoB,CAAC,iBAAiB,CAAC,GAAG;IACvE,MAAM,CAAC,EAAE,SAAS,CAAC;CACpB,CAAC;AAEF,wBAAgB,UAAU,CAAC,EAAE,QAAQ,EAAE,GAAG,CAAC,EAAE,EAAE,gBAAgB,2CAW9D"}

package/dist/components/Submit/SubmitRoot.js

@@ -0,0 +1,8 @@
+"use client";
+import { jsx as _jsx } from "react/jsx-runtime";
+import { useFormStatus } from "react-dom";
+import { SubmitContext } from "./SubmitContext";
+export function SubmitRoot({ disabled, ...p }) {
+    const { pending } = useFormStatus();
+    return (_jsx(SubmitContext, { value: { pending }, children: _jsx("button", { disabled: disabled || pending, ...p }) }));
+}

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

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

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

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

package/dist/components/Swap/Swap.js

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

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

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

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

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

package/dist/components/Swap/SwapContext.js

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

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

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"SwapItem.d.ts","sourceRoot":"","sources":["../../../src/components/Swap/SwapItem.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAU,eAAe,EAAE,MAAM,eAAe,CAAC;AAExD,MAAM,MAAM,cAAc,GAAG,eAAe,CAAC,MAAM,CAAC,CAAC;AAErD,wBAAgB,QAAQ,CAAC,CAAC,EAAE,cAAc,2CASzC"}

package/dist/components/Swap/SwapItem.js

@@ -0,0 +1,6 @@
+"use client";
+import { jsx as _jsx } from "react/jsx-runtime";
+import { motion } from "framer-motion";
+export function SwapItem(p) {
+    return (_jsx(motion.span, { initial: { rotate: 90, opacity: 0 }, animate: { rotate: 0, opacity: 1 }, exit: { rotate: 90, opacity: 0 }, ...p }));
+}

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

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

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

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

package/dist/components/Swap/SwapRoot.js

@@ -0,0 +1,13 @@
+"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 }) }) }));
+}

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

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"SwapTrigger.d.ts","sourceRoot":"","sources":["../../../src/components/Swap/SwapTrigger.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,cAAc,EAAO,MAAM,OAAO,CAAC;AAI5C,MAAM,MAAM,iBAAiB,GAAG,cAAc,CAAC,iBAAiB,CAAC,GAAG;IAClE,IAAI,EAAE,MAAM,CAAC;CACd,CAAA;AAED,wBAAgB,WAAW,CAAC,EAAE,IAAI,EAAE,OAAO,EAAE,GAAG,CAAC,EAAE,EAAE,iBAAiB,kDAoBrE"}

package/dist/components/Swap/SwapTrigger.js

@@ -0,0 +1,17 @@
+"use client";
+import { jsx as _jsx } from "react/jsx-runtime";
+import { use } from "react";
+import { SwapContext } from "./SwapContext";
+export function SwapTrigger({ item, onClick, ...p }) {
+    const { items, activeItem, handleSwap } = use(SwapContext);
+    return (activeItem === item ? (_jsx("button", { onClick: ev => {
+            onClick?.(ev);
+            {
+                const nextIndex = items.indexOf(item) + 1 >= items.length ? 0 : items.indexOf(item) + 1;
+                const nextItem = items[nextIndex];
+                if (nextItem !== undefined) {
+                    handleSwap(nextItem);
+                }
+            }
+        }, ...p })) : null);
+}

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

@@ -0,0 +1,10 @@
+import { TabsTab } from "./TabsTab";
+import { TabsList } from "./TabsList";
+import { TabsRoot } from "./TabsRoot";
+import { TabsPanel } from "./TabsPanel";
+export declare const Tabs: typeof TabsRoot & {
+    List: typeof TabsList;
+    Tab: typeof TabsTab;
+    Panel: typeof TabsPanel;
+};
+//# sourceMappingURL=Tabs.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Tabs.d.ts","sourceRoot":"","sources":["../../../src/components/Tabs/Tabs.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,EAAE,MAAM,WAAW,CAAC;AACpC,OAAO,EAAE,QAAQ,EAAE,MAAM,YAAY,CAAC;AACtC,OAAO,EAAE,QAAQ,EAAE,MAAM,YAAY,CAAC;AACtC,OAAO,EAAE,SAAS,EAAE,MAAM,aAAa,CAAC;AAExC,eAAO,MAAM,IAAI;;;;CAIf,CAAC"}

package/dist/components/Tabs/Tabs.js

@@ -0,0 +1,9 @@
+import { TabsTab } from "./TabsTab";
+import { TabsList } from "./TabsList";
+import { TabsRoot } from "./TabsRoot";
+import { TabsPanel } from "./TabsPanel";
+export const Tabs = Object.assign(TabsRoot, {
+    List: TabsList,
+    Tab: TabsTab,
+    Panel: TabsPanel
+});

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

@@ -0,0 +1,7 @@
+import { Dispatch, SetStateAction } from "react";
+export type TabsContextT = {
+    activeTab: string;
+    setActiveTab: Dispatch<SetStateAction<string>>;
+};
+export declare const TabsContext: import("react").Context<TabsContextT>;
+//# sourceMappingURL=TabsContext.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"TabsContext.d.ts","sourceRoot":"","sources":["../../../src/components/Tabs/TabsContext.ts"],"names":[],"mappings":"AAAA,OAAO,EAAiB,QAAQ,EAAE,cAAc,EAAE,MAAM,OAAO,CAAC;AAEhE,MAAM,MAAM,YAAY,GAAG;IACzB,SAAS,EAAE,MAAM,CAAC;IAClB,YAAY,EAAE,QAAQ,CAAC,cAAc,CAAC,MAAM,CAAC,CAAC,CAAC;CAChD,CAAA;AAED,eAAO,MAAM,WAAW,uCAGtB,CAAC"}

package/dist/components/Tabs/TabsContext.js

@@ -0,0 +1,5 @@
+import { createContext } from "react";
+export const TabsContext = createContext({
+    activeTab: "",
+    setActiveTab: () => { },
+});

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

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"TabsList.d.ts","sourceRoot":"","sources":["../../../src/components/Tabs/TabsList.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,cAAc,EAAE,MAAM,OAAO,CAAC;AAEvC,MAAM,MAAM,cAAc,GAAG,cAAc,CAAC,cAAc,CAAC,CAAC;AAE5D,wBAAgB,QAAQ,CAAC,CAAC,EAAE,cAAc,2CAEzC"}

package/dist/components/Tabs/TabsList.js

@@ -0,0 +1,5 @@
+"use client";
+import { jsx as _jsx } from "react/jsx-runtime";
+export function TabsList(p) {
+    return _jsx("div", { ...p });
+}

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

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"TabsPanel.d.ts","sourceRoot":"","sources":["../../../src/components/Tabs/TabsPanel.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,cAAc,EAAO,MAAM,OAAO,CAAC;AAI5C,MAAM,MAAM,eAAe,GAAG,cAAc,CAAC,cAAc,CAAC,GAAG;IAC7D,KAAK,EAAE,MAAM,CAAC;CACf,CAAA;AAED,wBAAgB,SAAS,CAAC,EAAE,KAAK,EAAE,GAAG,CAAC,EAAE,EAAE,eAAe,kDAMzD"}

package/dist/components/Tabs/TabsPanel.js

@@ -0,0 +1,9 @@
+"use client";
+import { jsx as _jsx } from "react/jsx-runtime";
+import { use } from "react";
+import { TabsContext } from "./TabsContext";
+export function TabsPanel({ value, ...p }) {
+    const { activeTab } = use(TabsContext);
+    const isActive = activeTab === value;
+    return isActive ? _jsx("div", { ...p }) : null;
+}

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

@@ -0,0 +1,7 @@
+import { Dispatch, PropsWithChildren, SetStateAction } from "react";
+export type TabsRootPropsT = PropsWithChildren & {
+    activeTab: string;
+    setActiveTab: Dispatch<SetStateAction<string>>;
+};
+export declare function TabsRoot({ activeTab, setActiveTab, children }: TabsRootPropsT): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=TabsRoot.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"TabsRoot.d.ts","sourceRoot":"","sources":["../../../src/components/Tabs/TabsRoot.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,QAAQ,EAAE,iBAAiB,EAAE,cAAc,EAAE,MAAM,OAAO,CAAC;AAIpE,MAAM,MAAM,cAAc,GAAG,iBAAiB,GAAG;IAC/C,SAAS,EAAE,MAAM,CAAC;IAClB,YAAY,EAAE,QAAQ,CAAC,cAAc,CAAC,MAAM,CAAC,CAAC,CAAC;CAChD,CAAA;AAED,wBAAgB,QAAQ,CAAC,EAAE,SAAS,EAAE,YAAY,EAAE,QAAQ,EAAE,EAAE,cAAc,2CAM7E"}

package/dist/components/Tabs/TabsRoot.js

@@ -0,0 +1,6 @@
+"use client";
+import { jsx as _jsx } from "react/jsx-runtime";
+import { TabsContext } from "./TabsContext";
+export function TabsRoot({ activeTab, setActiveTab, children }) {
+    return (_jsx(TabsContext, { value: { activeTab, setActiveTab }, children: children }));
+}

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

@@ -0,0 +1,6 @@
+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;
+//# sourceMappingURL=TabsTab.d.ts.map

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

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

package/dist/components/Tabs/TabsTab.js

@@ -0,0 +1,11 @@
+"use client";
+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) => {
+            onClick?.(ev);
+            setActiveTab(value);
+        }, ...props }));
+}