@kadoui/react 1.0.0

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

@@ -0,0 +1,7 @@
+import { RefObject } from "react";
+export type createContextT = {
+    inputs?: RefObject<(HTMLInputElement | null)[]>;
+    getInputsValue: () => string;
+};
+export declare const OtpContext: import("react").Context<createContextT>;
+//# sourceMappingURL=OtpContext.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"OtpContext.d.ts","sourceRoot":"","sources":["../../../src/components/Otp/OtpContext.ts"],"names":[],"mappings":"AAAA,OAAO,EAAiB,SAAS,EAAE,MAAM,OAAO,CAAC;AAEjD,MAAM,MAAM,cAAc,GAAG;IAC3B,MAAM,CAAC,EAAE,SAAS,CAAC,CAAC,gBAAgB,GAAG,IAAI,CAAC,EAAE,CAAC,CAAC;IAChD,cAAc,EAAE,MAAM,MAAM,CAAA;CAC7B,CAAA;AAED,eAAO,MAAM,UAAU,yCAErB,CAAC"}

package/dist/components/Otp/OtpContext.js

@@ -0,0 +1,4 @@
+import { createContext } from "react";
+export const OtpContext = createContext({
+    getInputsValue: () => ""
+});

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

@@ -0,0 +1,4 @@
+import { InputHTMLAttributes } from "react";
+export type OtpHiddenInputPropsT = InputHTMLAttributes<HTMLInputElement>;
+export declare function OtpHiddenInput({ name, ...p }: OtpHiddenInputPropsT): import("react").JSX.Element;
+//# sourceMappingURL=OtpHiddenInput.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"OtpHiddenInput.d.ts","sourceRoot":"","sources":["../../../src/components/Otp/OtpHiddenInput.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,mBAAmB,EAAO,MAAM,OAAO,CAAC;AAIjD,MAAM,MAAM,oBAAoB,GAAG,mBAAmB,CAAC,gBAAgB,CAAC,CAAC;AAEzE,wBAAgB,cAAc,CAAC,EAAE,IAAI,EAAE,GAAG,CAAC,EAAE,EAAE,oBAAoB,+BAMlE"}

package/dist/components/Otp/OtpHiddenInput.jsx

@@ -0,0 +1,7 @@
+"use client";
+import { use } from "react";
+import { OtpContext } from "./OtpContext";
+export function OtpHiddenInput({ name, ...p }) {
+    const { getInputsValue } = use(OtpContext);
+    return (<input type="hidden" tabIndex={-1} name={name || "otp"} value={getInputsValue()} {...p}/>);
+}

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

@@ -0,0 +1,7 @@
+import { InputHTMLAttributes } from "react";
+export type OtpInputsPropsT = InputHTMLAttributes<HTMLInputElement> & {
+    length: number;
+    onLastChange?: (otp: string) => void;
+};
+export declare function OtpInputs({ className, name, length, onLastChange, ...props }: OtpInputsPropsT): import("react").JSX.Element[];
+//# sourceMappingURL=OtpInputs.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"OtpInputs.d.ts","sourceRoot":"","sources":["../../../src/components/Otp/OtpInputs.tsx"],"names":[],"mappings":"AAGA,OAAO,EAAkB,mBAAmB,EAAsB,MAAM,OAAO,CAAC;AAIhF,MAAM,MAAM,eAAe,GAAG,mBAAmB,CAAC,gBAAgB,CAAC,GAAG;IACpE,MAAM,EAAE,MAAM,CAAC;IACf,YAAY,CAAC,EAAE,CAAC,GAAG,EAAE,MAAM,KAAK,IAAI,CAAC;CACtC,CAAA;AAED,wBAAgB,SAAS,CAAC,EAAE,SAAS,EAAE,IAAI,EAAE,MAAM,EAAE,YAAY,EAAE,GAAG,KAAK,EAAE,EAAE,eAAe,iCAyE7F"}

package/dist/components/Otp/OtpInputs.jsx

@@ -0,0 +1,55 @@
+"use client";
+import { cn } from "kadoui-utils";
+import { use } from "react";
+import { OtpContext } from "./OtpContext";
+export function OtpInputs({ className, name, length, onLastChange, ...props }) {
+    const { inputs, getInputsValue } = use(OtpContext);
+    const handlePaste = (ev, startIndex) => {
+        ev.preventDefault();
+        const pastedData = ev.clipboardData.getData("text").replace(/\s/g, ""); // Remove whitespace
+        if (!pastedData)
+            return;
+        for (let i = 0; i < pastedData.length; i++) {
+            const inputIndex = startIndex + i;
+            if (inputIndex >= length)
+                break; // Don't exceed OTP length
+            const input = inputs?.current[inputIndex];
+            const indexedPastedData = pastedData[i];
+            if (input && indexedPastedData) {
+                input.value = indexedPastedData;
+            }
+        }
+        const nextIndex = Math.min(startIndex + pastedData.length, length - 1);
+        inputs?.current[nextIndex]?.focus();
+        const otpValue = getInputsValue();
+        if (otpValue.length === length) {
+            onLastChange?.(otpValue);
+        }
+    };
+    const handleInputChange = (value, index) => {
+        if (value) {
+            const currentInput = inputs?.current[index];
+            const currentValue = currentInput?.value[currentInput.value.length - 1];
+            if (currentValue) {
+                currentInput.value = currentValue;
+            }
+            const nextInput = inputs?.current[index + 1];
+            if (nextInput) {
+                nextInput.value = "";
+                nextInput.focus();
+                return;
+            }
+            onLastChange?.(getInputsValue());
+        }
+    };
+    const handleBackspace = (e, index) => {
+        if (e.key === "Backspace" && !e.currentTarget.value && index > 0) {
+            inputs?.current[index - 1]?.focus();
+        }
+    };
+    return Array.from({ length }).map((_, index) => (<input key={index} autoComplete="off" name={`${name || "otp"}-${index}`} onPaste={ev => handlePaste(ev, index)} onKeyDown={ev => handleBackspace(ev, index)} onChange={ev => handleInputChange(ev.target.value, index)} className={cn("input-outline input-square text-center", className)} ref={el => {
+            if (inputs) {
+                inputs.current[index] = el;
+            }
+        }} {...props}/>));
+}

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

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"OtpRoot.d.ts","sourceRoot":"","sources":["../../../src/components/Otp/OtpRoot.tsx"],"names":[],"mappings":"AAGA,OAAO,EAAE,cAAc,EAAqB,MAAM,OAAO,CAAC;AAI1D,MAAM,MAAM,aAAa,GAAG,cAAc,CAAC,cAAc,CAAC,CAAC;AAE3D,wBAAgB,OAAO,CAAC,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,aAAa,+BAgB7D"}

package/dist/components/Otp/OtpRoot.jsx

@@ -0,0 +1,16 @@
+"use client";
+import { cn } from "kadoui-utils";
+import { useEffect, useRef } from "react";
+import { OtpContext } from "./OtpContext";
+export function OtpRoot({ className, ...props }) {
+    const inputs = useRef([]);
+    useEffect(() => {
+        inputs.current[0]?.focus();
+    }, []);
+    const getInputsValue = () => {
+        return inputs?.current.map(input => input?.value || "").join("") || "";
+    };
+    return (<OtpContext value={{ inputs, getInputsValue }}>
+      <div className={cn("f-align gap-1.5", className)} {...props}/>
+    </OtpContext>);
+}

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

@@ -0,0 +1,16 @@
+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 & {
+    Counts: typeof PaginationCounts;
+    NextBtn: typeof PaginationNextBtn;
+    PrevBtn: typeof PaginationPrevBtn;
+};
+export declare const PaginationWithSearchParams: typeof PaginationSearchParamsRoot & {
+    Counts: typeof PaginationCounts;
+    NextBtn: typeof PaginationNextBtn;
+    PrevBtn: typeof PaginationPrevBtn;
+};
+//# sourceMappingURL=Pagination.d.ts.map

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

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

package/dist/components/Pagination/Pagination.js

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

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

@@ -0,0 +1,8 @@
+export type PaginationContextT = {
+    page: number;
+    pageLength: number;
+    nextPage: () => void;
+    prevPage: () => void;
+};
+export declare const PaginationContext: import("react").Context<PaginationContextT>;
+//# sourceMappingURL=PaginationContext.d.ts.map

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

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

package/dist/components/Pagination/PaginationContext.jsx

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

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

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

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

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

package/dist/components/Pagination/PaginationCounts.jsx

@@ -0,0 +1,9 @@
+"use client";
+import { use } from "react";
+import { PaginationContext } from "./PaginationContext";
+export function PaginationCounts(props) {
+    const { page, pageLength } = use(PaginationContext);
+    return (<p {...props}>
+      Page {page} / {pageLength}
+    </p>);
+}

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

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"PaginationNextBtn.d.ts","sourceRoot":"","sources":["../../../src/components/Pagination/PaginationNextBtn.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,cAAc,EAAO,MAAM,OAAO,CAAC;AAK5C,MAAM,MAAM,uBAAuB,GAAG,cAAc,CAAC,iBAAiB,CAAC,GAAG;IACxE,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB,CAAC;AAEF,wBAAgB,iBAAiB,CAAC,EAAE,OAAO,EAAE,QAAQ,EAAE,QAAQ,EAAE,GAAG,KAAK,EAAE,EAAE,uBAAuB,+BAenG"}

package/dist/components/Pagination/PaginationNextBtn.jsx

@@ -0,0 +1,13 @@
+"use client";
+import { use } from "react";
+import { ChevronRightIcon } from "lucide-react";
+import { PaginationContext } from "./PaginationContext";
+export function PaginationNextBtn({ onClick, disabled, children, ...props }) {
+    const { page, pageLength, nextPage } = use(PaginationContext);
+    return (<button disabled={disabled || page === pageLength} onClick={ev => {
+            onClick?.(ev);
+            nextPage();
+        }} {...props}>
+      {children || <ChevronRightIcon className="compatible-icon"/>}
+    </button>);
+}

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

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"PaginationPrevBtn.d.ts","sourceRoot":"","sources":["../../../src/components/Pagination/PaginationPrevBtn.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,cAAc,EAAO,MAAM,OAAO,CAAC;AAK5C,MAAM,MAAM,uBAAuB,GAAG,cAAc,CAAC,iBAAiB,CAAC,GAAG;IACxE,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB,CAAA;AAED,wBAAgB,iBAAiB,CAAC,EAAE,OAAO,EAAE,QAAQ,EAAE,QAAQ,EAAE,GAAG,KAAK,EAAE,EAAE,uBAAuB,+BAenG"}

package/dist/components/Pagination/PaginationPrevBtn.jsx

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

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

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

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

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

package/dist/components/Pagination/PaginationSearchParamsRoot.jsx

@@ -0,0 +1,30 @@
+"use client";
+import { useRouter, useSearchParams } from "next/navigation";
+import { useEffect, useState } from "react";
+import { PaginationContext } from "./PaginationContext";
+export function PaginationSearchParamsRoot({ pageKey, pageLength, children }) {
+    const router = useRouter();
+    const searchParams = useSearchParams();
+    const [currentPage, setCurrentPage] = useState(1);
+    useEffect(() => {
+        setCurrentPage(+(searchParams.get(pageKey || "page") || "1"));
+    }, [pageKey, searchParams]);
+    const pushRouter = (page) => {
+        const params = new URLSearchParams(searchParams.toString());
+        params.set(pageKey || "page", page.toString());
+        router.push("?" + params.toString());
+    };
+    const nextPage = () => {
+        if (currentPage < pageLength) {
+            pushRouter(currentPage + 1);
+        }
+    };
+    const prevPage = () => {
+        if (currentPage > 1) {
+            pushRouter(currentPage - 1);
+        }
+    };
+    return (<PaginationContext.Provider value={{ page: currentPage, pageLength, nextPage, prevPage }}>
+      {children}
+    </PaginationContext.Provider>);
+}

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

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

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

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

package/dist/components/Pagination/PaginationStateRoot.jsx

@@ -0,0 +1,11 @@
+"use client";
+import { useState } from "react";
+import { PaginationContext } from "./PaginationContext";
+export function PaginationStateRoot({ pageLength, children }) {
+    const [page, setPage] = useState(1);
+    const nextPage = () => setPage(prev => prev < pageLength ? prev + 1 : prev);
+    const prevPage = () => setPage(prev => prev > 1 ? prev - 1 : prev);
+    return (<PaginationContext.Provider value={{ page, pageLength, nextPage, prevPage }}>
+      {children}
+    </PaginationContext.Provider>);
+}

package/dist/components/PasswordInput/PasswordInput.d.ts

@@ -0,0 +1,8 @@
+import { PasswordInputRoot } from "./PasswordInputRoot";
+import { PasswordInputField } from "./PasswordInputField";
+import { PasswordInputToggle } from "./PasswordInputToggle";
+export declare const PasswordInput: typeof PasswordInputRoot & {
+    Field: typeof PasswordInputField;
+    Toggle: typeof PasswordInputToggle;
+};
+//# sourceMappingURL=PasswordInput.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"PasswordInput.d.ts","sourceRoot":"","sources":["../../../src/components/PasswordInput/PasswordInput.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,iBAAiB,EAAE,MAAM,qBAAqB,CAAC;AACxD,OAAO,EAAE,kBAAkB,EAAE,MAAM,sBAAsB,CAAC;AAC1D,OAAO,EAAE,mBAAmB,EAAE,MAAM,uBAAuB,CAAC;AAE5D,eAAO,MAAM,aAAa;;;CAGxB,CAAC"}

package/dist/components/PasswordInput/PasswordInput.js

@@ -0,0 +1,7 @@
+import { PasswordInputRoot } from "./PasswordInputRoot";
+import { PasswordInputField } from "./PasswordInputField";
+import { PasswordInputToggle } from "./PasswordInputToggle";
+export const PasswordInput = Object.assign(PasswordInputRoot, {
+    Field: PasswordInputField,
+    Toggle: PasswordInputToggle
+});

package/dist/components/PasswordInput/PasswordInputContext.d.ts

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

package/dist/components/PasswordInput/PasswordInputContext.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"PasswordInputContext.d.ts","sourceRoot":"","sources":["../../../src/components/PasswordInput/PasswordInputContext.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAiB,QAAQ,EAAE,cAAc,EAAE,MAAM,OAAO,CAAC;AAEhE,MAAM,MAAM,qBAAqB,GAAG;IAClC,SAAS,EAAE,OAAO,CAAC;IACnB,YAAY,EAAE,QAAQ,CAAC,cAAc,CAAC,OAAO,CAAC,CAAC,CAAC;CACjD,CAAA;AAED,eAAO,MAAM,oBAAoB,gDAAoE,CAAC"}

package/dist/components/PasswordInput/PasswordInputContext.jsx

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

package/dist/components/PasswordInput/PasswordInputField.d.ts

@@ -0,0 +1,4 @@
+import { InputHTMLAttributes } from "react";
+export type PasswordInputFieldPropsT = InputHTMLAttributes<HTMLInputElement>;
+export declare function PasswordInputField(props: PasswordInputFieldPropsT): import("react").JSX.Element;
+//# sourceMappingURL=PasswordInputField.d.ts.map

package/dist/components/PasswordInput/PasswordInputField.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"PasswordInputField.d.ts","sourceRoot":"","sources":["../../../src/components/PasswordInput/PasswordInputField.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,mBAAmB,EAAO,MAAM,OAAO,CAAC;AAIjD,MAAM,MAAM,wBAAwB,GAAG,mBAAmB,CAAC,gBAAgB,CAAC,CAAC;AAE7E,wBAAgB,kBAAkB,CAAC,KAAK,EAAE,wBAAwB,+BAMjE"}

package/dist/components/PasswordInput/PasswordInputField.jsx

@@ -0,0 +1,7 @@
+"use client";
+import { use } from "react";
+import { PasswordInputContext } from "./PasswordInputContext";
+export function PasswordInputField(props) {
+    const { isVisible } = use(PasswordInputContext);
+    return (<input type={isVisible ? "text" : "password"} {...props}/>);
+}

package/dist/components/PasswordInput/PasswordInputRoot.d.ts

@@ -0,0 +1,4 @@
+import { LabelHTMLAttributes } from "react";
+export type PasswordInputRootPropsT = LabelHTMLAttributes<HTMLLabelElement>;
+export declare function PasswordInputRoot(props: PasswordInputRootPropsT): import("react").JSX.Element;
+//# sourceMappingURL=PasswordInputRoot.d.ts.map

package/dist/components/PasswordInput/PasswordInputRoot.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"PasswordInputRoot.d.ts","sourceRoot":"","sources":["../../../src/components/PasswordInput/PasswordInputRoot.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,mBAAmB,EAAY,MAAM,OAAO,CAAC;AAItD,MAAM,MAAM,uBAAuB,GAAG,mBAAmB,CAAC,gBAAgB,CAAC,CAAC;AAE5E,wBAAgB,iBAAiB,CAAC,KAAK,EAAE,uBAAuB,+BAQ/D"}

package/dist/components/PasswordInput/PasswordInputRoot.jsx

@@ -0,0 +1,9 @@
+"use client";
+import { useState } from "react";
+import { PasswordInputContext } from "./PasswordInputContext";
+export function PasswordInputRoot(props) {
+    const [isVisible, setIsVisible] = useState(false);
+    return (<PasswordInputContext value={{ isVisible, setIsVisible }}>
+      <label {...props}/>
+    </PasswordInputContext>);
+}

package/dist/components/PasswordInput/PasswordInputToggle.d.ts

@@ -0,0 +1,4 @@
+import { ButtonHTMLAttributes } from "react";
+export type PasswordInputTogglePropsT = ButtonHTMLAttributes<HTMLButtonElement>;
+export declare function PasswordInputToggle({ onClick, children, ...props }: PasswordInputTogglePropsT): import("react").JSX.Element;
+//# sourceMappingURL=PasswordInputToggle.d.ts.map

package/dist/components/PasswordInput/PasswordInputToggle.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"PasswordInputToggle.d.ts","sourceRoot":"","sources":["../../../src/components/PasswordInput/PasswordInputToggle.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,oBAAoB,EAAO,MAAM,OAAO,CAAC;AAMlD,MAAM,MAAM,yBAAyB,GAAG,oBAAoB,CAAC,iBAAiB,CAAC,CAAC;AAEhF,wBAAgB,mBAAmB,CAAC,EAAE,OAAO,EAAE,QAAQ,EAAE,GAAG,KAAK,EAAE,EAAE,yBAAyB,+BAyC7F"}

package/dist/components/PasswordInput/PasswordInputToggle.jsx

@@ -0,0 +1,20 @@
+"use client";
+import { use } from "react";
+import { EyeClosedIcon, EyeIcon } from "lucide-react";
+import { AnimatePresence, motion } from "framer-motion";
+import { PasswordInputContext } from "./PasswordInputContext";
+export function PasswordInputToggle({ onClick, children, ...props }) {
+    const { isVisible, setIsVisible } = use(PasswordInputContext);
+    return (<button type="button" onClick={ev => {
+            setIsVisible(prev => !prev);
+            onClick?.(ev);
+        }} {...props}>
+      {children || (<AnimatePresence initial={false} mode="wait">
+          {isVisible ? (<motion.div key="visible" className="compatible-icon" initial={{ opacity: 0, y: "-25%" }} animate={{ opacity: 1, y: 0 }} exit={{ opacity: 0, y: "25%" }} transition={{ duration: 0.1 }}>
+              <EyeIcon className="size-full"/>
+            </motion.div>) : (<motion.div key="hidden" className="compatible-icon" initial={{ opacity: 0, y: "-25%" }} animate={{ opacity: 1, y: 0 }} exit={{ opacity: 0, y: "25%" }} transition={{ duration: 0.1 }}>
+              <EyeClosedIcon className="size-full"/>
+            </motion.div>)}
+        </AnimatePresence>)}
+    </button>);
+}

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

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

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

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

package/dist/components/Portal/Portal.jsx

@@ -0,0 +1,7 @@
+"use client";
+import { createPortal } from "react-dom";
+export function Portal({ children, container }) {
+    return createPortal(<>
+      {children}
+    </>, container || document.body);
+}

package/dist/components/Progress/Progress.d.ts

@@ -0,0 +1,6 @@
+import { ProgressBar } from "./ProgressBar";
+import { ProgressRoot } from "./ProgressRoot";
+export declare const Progress: typeof ProgressRoot & {
+    Bar: typeof ProgressBar;
+};
+//# sourceMappingURL=Progress.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Progress.d.ts","sourceRoot":"","sources":["../../../src/components/Progress/Progress.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,WAAW,EAAE,MAAM,eAAe,CAAC;AAC5C,OAAO,EAAE,YAAY,EAAE,MAAM,gBAAgB,CAAC;AAE9C,eAAO,MAAM,QAAQ;;CAEnB,CAAC"}

package/dist/components/Progress/Progress.js

@@ -0,0 +1,5 @@
+import { ProgressBar } from "./ProgressBar";
+import { ProgressRoot } from "./ProgressRoot";
+export const Progress = Object.assign(ProgressRoot, {
+    Bar: ProgressBar
+});

package/dist/components/Progress/ProgressBar.d.ts

@@ -0,0 +1,6 @@
+import { HTMLMotionProps } from "framer-motion";
+export type ProgressBarPropsT = HTMLMotionProps<"div"> & {
+    duration?: number;
+};
+export declare function ProgressBar({ className, duration, children, ...p }: ProgressBarPropsT): import("react").JSX.Element;
+//# sourceMappingURL=ProgressBar.d.ts.map

package/dist/components/Progress/ProgressBar.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ProgressBar.d.ts","sourceRoot":"","sources":["../../../src/components/Progress/ProgressBar.tsx"],"names":[],"mappings":"AAIA,OAAO,EAAE,eAAe,EAAU,MAAM,eAAe,CAAC;AAIxD,MAAM,MAAM,iBAAiB,GAAG,eAAe,CAAC,KAAK,CAAC,GAAG;IACvD,QAAQ,CAAC,EAAE,MAAM,CAAC;CACnB,CAAA;AAED,wBAAgB,WAAW,CAAC,EAAE,SAAS,EAAE,QAAQ,EAAE,QAAQ,EAAE,GAAG,CAAC,EAAE,EAAE,iBAAiB,+BAgBrF"}

package/dist/components/Progress/ProgressBar.jsx

@@ -0,0 +1,12 @@
+"use client";
+import { use } from "react";
+import { cn } from "kadoui-utils";
+import { motion } from "framer-motion";
+import { ProgressContext } from "./ProgressContext";
+export function ProgressBar({ className, duration, children, ...p }) {
+    const { value, maxValue } = use(ProgressContext);
+    const percentage = Math.min(100, Math.max(0, (value / maxValue) * 100));
+    return (<motion.div className={cn("f-center h-full bg-palette text-brush max-w-full", className)} initial={{ width: 0 }} whileInView={{ width: `${percentage}%` }} transition={{ duration: duration || 3 }} {...p}>
+      {children || <span className="text-xs">{percentage}%</span>}
+    </motion.div>);
+}

package/dist/components/Progress/ProgressContext.d.ts

@@ -0,0 +1,6 @@
+export type ProgressContextT = {
+    value: number;
+    maxValue: number;
+};
+export declare const ProgressContext: import("react").Context<ProgressContextT>;
+//# sourceMappingURL=ProgressContext.d.ts.map

package/dist/components/Progress/ProgressContext.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ProgressContext.d.ts","sourceRoot":"","sources":["../../../src/components/Progress/ProgressContext.ts"],"names":[],"mappings":"AAEA,MAAM,MAAM,gBAAgB,GAAG;IAC7B,KAAK,EAAE,MAAM,CAAC;IACd,QAAQ,EAAE,MAAM,CAAC;CAClB,CAAA;AAED,eAAO,MAAM,eAAe,2CAA0D,CAAC"}

package/dist/components/Progress/ProgressContext.js

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

package/dist/components/Progress/ProgressRoot.d.ts

@@ -0,0 +1,7 @@
+import type { HTMLAttributes } from "react";
+export type ProgressRootPropsT = HTMLAttributes<HTMLDivElement> & {
+    value: number;
+    maxValue?: number;
+};
+export declare function ProgressRoot({ value, maxValue, className, ...p }: ProgressRootPropsT): import("react").JSX.Element;
+//# sourceMappingURL=ProgressRoot.d.ts.map

package/dist/components/Progress/ProgressRoot.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ProgressRoot.d.ts","sourceRoot":"","sources":["../../../src/components/Progress/ProgressRoot.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,OAAO,CAAC;AAI5C,MAAM,MAAM,kBAAkB,GAAG,cAAc,CAAC,cAAc,CAAC,GAAG;IAChE,KAAK,EAAE,MAAM,CAAC;IACd,QAAQ,CAAC,EAAE,MAAM,CAAC;CACnB,CAAA;AAED,wBAAgB,YAAY,CAAC,EAAE,KAAK,EAAE,QAAc,EAAE,SAAS,EAAE,GAAG,CAAC,EAAE,EAAE,kBAAkB,+BAS1F"}

package/dist/components/Progress/ProgressRoot.jsx

@@ -0,0 +1,8 @@
+"use client";
+import { cn } from "kadoui-utils";
+import { ProgressContext } from "./ProgressContext";
+export function ProgressRoot({ value, maxValue = 100, className, ...p }) {
+    return (<ProgressContext value={{ value, maxValue }}>
+      <div className={cn("w-full rounded-kado overflow-hidden h-6 bg-palette/10", className)} {...p}/>
+    </ProgressContext>);
+}

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

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

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

@@ -0,0 +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,OAAO,KAAK,EAAE,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,qBAWhE"}

package/dist/components/QrCode/QrCode.jsx

@@ -0,0 +1,14 @@
+"use client";
+import QRCode from "qrcode";
+import React, { useEffect, useRef } from "react";
+export function QrCode({ value, options, ...props }) {
+    const canvasRef = useRef(null);
+    useEffect(() => {
+        console.log(value);
+        QRCode.toCanvas(canvasRef.current, value, options, function (error) {
+            if (error)
+                console.error(error);
+        });
+    }, [value, options]);
+    return <canvas ref={canvasRef} {...props}/>;
+}

package/dist/components/Rating/Rating.d.ts

@@ -0,0 +1,5 @@
+import { RatingItems } from "./RatingItems";
+export declare const Rating: (({ className, ...p }: import("./RatingRoot").RatingRootPropsT) => import("react").JSX.Element) & {
+    Items: typeof RatingItems;
+};
+//# sourceMappingURL=Rating.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Rating.d.ts","sourceRoot":"","sources":["../../../src/components/Rating/Rating.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,WAAW,EAAE,MAAM,eAAe,CAAC;AAE5C,eAAO,MAAM,MAAM;;CAEjB,CAAC"}

package/dist/components/Rating/Rating.js

@@ -0,0 +1,5 @@
+import { RatingRoot } from "./RatingRoot";
+import { RatingItems } from "./RatingItems";
+export const Rating = Object.assign(RatingRoot, {
+    Items: RatingItems
+});

package/dist/components/Rating/RatingContext.d.ts

@@ -0,0 +1,7 @@
+import { Dispatch, SetStateAction } from "react";
+export type RatingContextT = {
+    hoverValue: number | null;
+    setHoverValue: Dispatch<SetStateAction<number | null>>;
+};
+export declare const RatingContext: import("react").Context<RatingContextT>;
+//# sourceMappingURL=RatingContext.d.ts.map

package/dist/components/Rating/RatingContext.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"RatingContext.d.ts","sourceRoot":"","sources":["../../../src/components/Rating/RatingContext.ts"],"names":[],"mappings":"AAAA,OAAO,EAAiB,QAAQ,EAAE,cAAc,EAAE,MAAM,OAAO,CAAC;AAEhE,MAAM,MAAM,cAAc,GAAG;IAC3B,UAAU,EAAE,MAAM,GAAG,IAAI,CAAC;IAC1B,aAAa,EAAE,QAAQ,CAAC,cAAc,CAAC,MAAM,GAAG,IAAI,CAAC,CAAC,CAAC;CACxD,CAAA;AAED,eAAO,MAAM,aAAa,yCAAsD,CAAC"}