@kadoui/react 1.0.0

package/dist/components/Slide/SlideToggle.jsx

@@ -0,0 +1,10 @@
+"use client";
+import React, { use } from "react";
+import { SlideContext } from "./SlideContext";
+export function SlideToggle({ onClick, ...props }) {
+    const { setOpen } = use(SlideContext);
+    return (<button onClick={ev => {
+            onClick?.(ev);
+            setOpen(prev => !prev);
+        }} {...props}/>);
+}

package/dist/components/Spoiler/Spoiler.d.ts

@@ -0,0 +1,6 @@
+export type SpoilerProps = {
+    children: React.ReactNode;
+    className?: string;
+};
+export declare function Spoiler({ children, className }: SpoilerProps): import("react").JSX.Element;
+//# sourceMappingURL=Spoiler.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Spoiler.d.ts","sourceRoot":"","sources":["../../../src/components/Spoiler/Spoiler.tsx"],"names":[],"mappings":"AAKA,MAAM,MAAM,YAAY,GAAG;IACzB,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB,CAAA;AAED,wBAAgB,OAAO,CAAC,EAAE,QAAQ,EAAE,SAAS,EAAE,EAAE,YAAY,+BAiB5D"}

package/dist/components/Spoiler/Spoiler.jsx

@@ -0,0 +1,11 @@
+"use client";
+import { cn } from "kadoui-utils";
+import { useState } from "react";
+export function Spoiler({ children, className }) {
+    const [revealed, setRevealed] = useState(false);
+    return (<span onClick={() => setRevealed(true)} className={cn("transition-all", revealed ? "" : "inline cursor-pointer rounded overflow-hidden px-1", className)}>
+      <span className={`transition-all ${revealed ? "" : "select-none blur-[3px]"}`}>
+        {children}
+      </span>
+    </span>);
+}

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

@@ -0,0 +1,16 @@
+import { StepsPrevBtn } from "./StepsPrevBtn";
+import { StepsNextBtn } from "./StepsNextBtn";
+import { StepsControls } from "./StepsControls";
+import { StepsStateRoot } from "./StepsStateRoot";
+import { StepsSearchParamsRoot } from "./StepsSearchParamsRoot";
+export declare const StepsWithState: typeof StepsStateRoot & {
+    Controls: typeof StepsControls;
+    PrevBtn: typeof StepsPrevBtn;
+    NextBtn: typeof StepsNextBtn;
+};
+export declare const StepsWithSearchParams: typeof StepsSearchParamsRoot & {
+    Controls: typeof StepsControls;
+    PrevBtn: typeof StepsPrevBtn;
+    NextBtn: typeof StepsNextBtn;
+};
+//# sourceMappingURL=Steps.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Steps.d.ts","sourceRoot":"","sources":["../../../src/components/Steps/Steps.ts"],"names":[],"mappings":"AAAA,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;AAQhE,eAAO,MAAM,cAAc;;;;CAAgD,CAAC;AAE5E,eAAO,MAAM,qBAAqB;;;;CAAuD,CAAC"}

package/dist/components/Steps/Steps.js

@@ -0,0 +1,12 @@
+import { StepsPrevBtn } from "./StepsPrevBtn";
+import { StepsNextBtn } from "./StepsNextBtn";
+import { StepsControls } from "./StepsControls";
+import { StepsStateRoot } from "./StepsStateRoot";
+import { StepsSearchParamsRoot } from "./StepsSearchParamsRoot";
+const baseComponents = {
+    Controls: StepsControls,
+    PrevBtn: StepsPrevBtn,
+    NextBtn: StepsNextBtn
+};
+export const StepsWithState = Object.assign(StepsStateRoot, baseComponents);
+export const StepsWithSearchParams = Object.assign(StepsSearchParamsRoot, baseComponents);

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.tsx"],"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.jsx

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

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

@@ -0,0 +1,4 @@
+import { HTMLAttributes } from "react";
+export type StepsControlsPropsT = HTMLAttributes<HTMLDivElement>;
+export declare function StepsControls({ className, ...props }: StepsControlsPropsT): import("react").JSX.Element;
+//# sourceMappingURL=StepsControls.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"StepsControls.d.ts","sourceRoot":"","sources":["../../../src/components/Steps/StepsControls.tsx"],"names":[],"mappings":"AAGA,OAAO,EAAE,cAAc,EAAO,MAAM,OAAO,CAAC;AAI5C,MAAM,MAAM,mBAAmB,GAAG,cAAc,CAAC,cAAc,CAAC,CAAC;AAEjE,wBAAgB,aAAa,CAAC,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,mBAAmB,+BA8CzE"}

package/dist/components/Steps/StepsControls.jsx

@@ -0,0 +1,34 @@
+"use client";
+import { cn } from "kadoui-utils";
+import { use } from "react";
+import { StepsContext } from "./StepsContext";
+export function StepsControls({ className, ...props }) {
+    const { step, steps, setStep } = use(StepsContext);
+    return (<>
+      <div className={cn("f-align mb-[calc(1.5rem+0.75rem+0.375rem)]", className)} {...props}>
+        {steps.map((item, index) => (<div key={index} className={`${index + 1 < steps.length ? "w-full" : "w-max"} f-align justify-between`}>
+            <div className="f-center relative flex-col">
+              <button onClick={() => step > index + 1 && setStep(index + 1)} className={`${step >= index + 1 ? "btn-fill" : "btn-ghost"} btn-square rounded-full`}>
+                <span className="text-sm">{(index + 1)}</span>
+              </button>
+              <span className={`
+                  f-align mt-1.5 h-3 w-max text-center text-xs absolute top-full
+                  ${step === index + 1 ? "font-bold" : ""}
+                  ${index === 0 ? "ltr:left-0 rtl:right-0" : index + 1 === steps.length ? "ltr:right-0 rtl:left-0" : ""}
+                `}>
+                {item.name}
+              </span>
+            </div>
+
+            {index + 1 < steps.length ? (<div key={index} className="bg-foreground/10 flex h-1.5 flex-1 shrink-0">
+                <div className={`
+                    bg-primary w-full ltr:origin-left rtl:origin-right h-full
+                    ${step > index + 1 ? "scale-x-100" : step === index + 1 ? "scale-x-[50%]" : "scale-x-0"}
+                  `}/>
+              </div>) : null}
+          </div>))}
+      </div>
+
+      {steps.find((_, index) => index + 1 === step)?.component}
+    </>);
+}

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, children, ...props }: StepsNextBtnPropsT): import("react").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;AAK5C,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,QAAQ,EAAE,GAAG,KAAK,EAAE,EAAE,kBAAkB,+BAezF"}

package/dist/components/Steps/StepsNextBtn.jsx

@@ -0,0 +1,13 @@
+"use client";
+import { use } from "react";
+import { ChevronRightIcon } from "lucide-react";
+import { StepsContext } from "./StepsContext";
+export function StepsNextBtn({ onClick, disabled, children, ...props }) {
+    const { step, steps, nextStep } = use(StepsContext);
+    return (<button disabled={disabled || step === steps.length} onClick={ev => {
+            onClick?.(ev);
+            nextStep();
+        }} {...props}>
+      {children || <ChevronRightIcon className="compatible-icon"/>}
+    </button>);
+}

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, children, ...props }: StepsPrevBtnPropsT): import("react").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;AAK5C,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,QAAQ,EAAE,GAAG,KAAK,EAAE,EAAE,kBAAkB,+BAezF"}

package/dist/components/Steps/StepsPrevBtn.jsx

@@ -0,0 +1,13 @@
+"use client";
+import { use } from "react";
+import { ChevronLeftIcon } from "lucide-react";
+import { StepsContext } from "./StepsContext";
+export function StepsPrevBtn({ onClick, disabled, children, ...props }) {
+    const { step, prevStep } = use(StepsContext);
+    return (<button disabled={disabled || step === 1} onClick={ev => {
+            onClick?.(ev);
+            prevStep();
+        }} {...props}>
+      {children || <ChevronLeftIcon className="compatible-icon"/>}
+    </button>);
+}

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.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,+BAgC9F"}

package/dist/components/Steps/StepsSearchParamsRoot.jsx

@@ -0,0 +1,30 @@
+"use client";
+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 (<StepsContext.Provider value={{ step: currentStep, setStep: setCurrentStep, steps, nextStep, prevStep }}>
+      {children}
+    </StepsContext.Provider>);
+}

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.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,+BAYvE"}

package/dist/components/Steps/StepsStateRoot.jsx

@@ -0,0 +1,11 @@
+"use client";
+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 (<StepsContext.Provider value={{ step, setStep, steps, nextStep, prevStep }}>
+      {children}
+    </StepsContext.Provider>);
+}

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.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,+BASzC"}

package/dist/components/Swap/SwapItem.jsx

@@ -0,0 +1,5 @@
+"use client";
+import { motion } from "framer-motion";
+export function SwapItem(p) {
+    return (<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.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,+BAe5E"}

package/dist/components/Swap/SwapRoot.jsx

@@ -0,0 +1,16 @@
+"use client";
+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 (<SwapContext value={{ items, activeItem, handleSwap }}>
+      <AnimatePresence mode="wait">
+        <div {...p}/>
+      </AnimatePresence>
+    </SwapContext>);
+}

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.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,sCAoBrE"}

package/dist/components/Swap/SwapTrigger.jsx

@@ -0,0 +1,16 @@
+"use client";
+import { use } from "react";
+import { SwapContext } from "./SwapContext";
+export function SwapTrigger({ item, onClick, ...p }) {
+    const { items, activeItem, handleSwap } = use(SwapContext);
+    return (activeItem === item ? (<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({ className, ...props }: TabsListPropsT): import("react").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":"AAGA,OAAO,EAAE,cAAc,EAAE,MAAM,OAAO,CAAC;AAEvC,MAAM,MAAM,cAAc,GAAG,cAAc,CAAC,cAAc,CAAC,CAAC;AAE5D,wBAAgB,QAAQ,CAAC,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,cAAc,+BAI/D"}

package/dist/components/Tabs/TabsList.jsx

@@ -0,0 +1,5 @@
+"use client";
+import { cn } from "kadoui-utils";
+export function TabsList({ className, ...props }) {
+    return (<div className={cn("join-border", className)} {...props}/>);
+}

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, className, ...props }: TabsPanelPropsT): import("react").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":"AAGA,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,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,eAAe,sCAWxE"}

package/dist/components/Tabs/TabsPanel.jsx

@@ -0,0 +1,9 @@
+"use client";
+import { cn } from "kadoui-utils";
+import { use } from "react";
+import { TabsContext } from "./TabsContext";
+export function TabsPanel({ value, className, ...props }) {
+    const { activeTab } = use(TabsContext);
+    const isActive = activeTab === value;
+    return isActive ? (<div className={cn("p-3 rounded-kado bg-foreground/10 mt-1.5", className)} {...props}/>) : 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.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,+BAM7E"}

package/dist/components/Tabs/TabsRoot.jsx

@@ -0,0 +1,7 @@
+"use client";
+import { TabsContext } from "./TabsContext";
+export function TabsRoot({ activeTab, setActiveTab, children }) {
+    return (<TabsContext value={{ activeTab, setActiveTab }}>
+      {children}
+    </TabsContext>);
+}

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.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,+BAYlE"}

package/dist/components/Tabs/TabsTab.jsx

@@ -0,0 +1,10 @@
+"use client";
+import { use } from "react";
+import { TabsContext } from "./TabsContext";
+export function TabsTab({ value, onClick, ...props }) {
+    const { setActiveTab } = use(TabsContext);
+    return (<button onClick={(ev) => {
+            onClick?.(ev);
+            setActiveTab(value);
+        }} {...props}/>);
+}

package/dist/components/Toast/Toast.d.ts

@@ -0,0 +1,4 @@
+export * from "./ToastRoot";
+export * from "./ToastBox";
+export * from "./toastStore";
+//# sourceMappingURL=Toast.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Toast.d.ts","sourceRoot":"","sources":["../../../src/components/Toast/Toast.ts"],"names":[],"mappings":"AAAA,cAAc,aAAa,CAAC;AAC5B,cAAc,YAAY,CAAC;AAC3B,cAAc,cAAc,CAAC"}

package/dist/components/Toast/Toast.js

@@ -0,0 +1,3 @@
+export * from "./ToastRoot";
+export * from "./ToastBox";
+export * from "./toastStore";

package/dist/components/Toast/ToastBox.d.ts

@@ -0,0 +1,6 @@
+import { ToastT } from "./ToastRoot";
+export type ToastBoxPropsT = {
+    toast: ToastT;
+};
+export declare function ToastBox({ toast }: ToastBoxPropsT): import("react").JSX.Element;
+//# sourceMappingURL=ToastBox.d.ts.map

package/dist/components/Toast/ToastBox.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ToastBox.d.ts","sourceRoot":"","sources":["../../../src/components/Toast/ToastBox.tsx"],"names":[],"mappings":"AAGA,OAAO,EAAE,MAAM,EAAE,MAAM,aAAa,CAAC;AAErC,MAAM,MAAM,cAAc,GAAG;IAC3B,KAAK,EAAE,MAAM,CAAC;CACf,CAAA;AAED,wBAAgB,QAAQ,CAAC,EAAE,KAAK,EAAE,EAAE,cAAc,+BAwCjD"}

package/dist/components/Toast/ToastBox.jsx

@@ -0,0 +1,32 @@
+import { cn } from "kadoui-utils";
+import { CheckIcon, CircleAlertIcon, TriangleAlertIcon, XIcon } from "lucide-react";
+export function ToastBox({ toast }) {
+    let toastIcon = null;
+    switch (toast.status) {
+        case "info": {
+            toastIcon = <CircleAlertIcon className="toast-icon-info"/>;
+            break;
+        }
+        case "success": {
+            toastIcon = <CheckIcon className="toast-icon-success"/>;
+            break;
+        }
+        case "warning": {
+            toastIcon = <TriangleAlertIcon className="toast-icon-warning"/>;
+            break;
+        }
+        case "error": {
+            toastIcon = <XIcon className="toast-icon-error"/>;
+            break;
+        }
+        default: {
+            toastIcon = null;
+            break;
+        }
+    }
+    return (<div className={cn(toast.variant || "toast-fill", toast.size)}>
+      {toastIcon}
+      {toast.data}
+      {toast.action}
+    </div>);
+}

package/dist/components/Toast/ToastRoot.d.ts

@@ -0,0 +1,15 @@
+import { ReactNode } from "react";
+export type ToastT = {
+    id: string;
+    data: ReactNode;
+    status?: "info" | "success" | "warning" | "error";
+    variant?: "toast-fill" | "toast-glass";
+    size?: "toast-sm" | "toast-lg";
+    action?: ReactNode;
+    duration?: number;
+};
+export type ToastRootT = {
+    defaultDuration?: ToastT["duration"];
+};
+export declare function ToastRoot({ defaultDuration }: ToastRootT): import("react").ReactPortal | null;
+//# sourceMappingURL=ToastRoot.d.ts.map

package/dist/components/Toast/ToastRoot.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ToastRoot.d.ts","sourceRoot":"","sources":["../../../src/components/Toast/ToastRoot.tsx"],"names":[],"mappings":"AAIA,OAAO,EAAE,SAAS,EAAa,MAAM,OAAO,CAAC;AAM7C,MAAM,MAAM,MAAM,GAAG;IACnB,EAAE,EAAE,MAAM,CAAC;IACX,IAAI,EAAE,SAAS,CAAC;IAChB,MAAM,CAAC,EAAE,MAAM,GAAG,SAAS,GAAG,SAAS,GAAG,OAAO,CAAC;IAClD,OAAO,CAAC,EAAE,YAAY,GAAG,aAAa,CAAC;IACvC,IAAI,CAAC,EAAE,UAAU,GAAG,UAAU,CAAC;IAC/B,MAAM,CAAC,EAAE,SAAS,CAAC;IACnB,QAAQ,CAAC,EAAE,MAAM,CAAC;CACnB,CAAC;AAEF,MAAM,MAAM,UAAU,GAAG;IACvB,eAAe,CAAC,EAAE,MAAM,CAAC,UAAU,CAAC,CAAC;CACtC,CAAA;AAED,wBAAgB,SAAS,CAAC,EAAE,eAAe,EAAE,EAAE,UAAU,sCA8CxD"}