@kadoui/react 1.5.10 → 1.6.0

package/dist/components/Otp/OtpRoot.js

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

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.js

@@ -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-runtime").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,2CAQ7D"}

package/dist/components/Pagination/PaginationCounts.js

@@ -0,0 +1,8 @@
+"use client";
+import { jsxs as _jsxs } 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] }));
+}

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, ...p }: PaginationNextBtnPropsT): import("react/jsx-runtime").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;AAI5C,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,GAAG,CAAC,EAAE,EAAE,uBAAuB,2CAarF"}

package/dist/components/Pagination/PaginationNextBtn.js

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

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, ...p }: PaginationPrevBtnPropsT): import("react/jsx-runtime").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;AAI5C,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,GAAG,CAAC,EAAE,EAAE,uBAAuB,2CAarF"}

package/dist/components/Pagination/PaginationPrevBtn.js

@@ -0,0 +1,11 @@
+"use client";
+import { jsx as _jsx } from "react/jsx-runtime";
+import { use } from "react";
+import { PaginationContext } from "./PaginationContext";
+export function PaginationPrevBtn({ onClick, disabled, ...p }) {
+    const { page, prevPage } = use(PaginationContext);
+    return (_jsx("button", { disabled: disabled || page === 1, onClick: ev => {
+            onClick?.(ev);
+            prevPage();
+        }, ...p }));
+}

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-runtime").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,2CAgC7G"}

package/dist/components/Pagination/PaginationSearchParamsRoot.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 { 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 (_jsx(PaginationContext.Provider, { value: { page: currentPage, pageLength, nextPage, prevPage }, children: children }));
+}

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-runtime").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,2CAYtF"}

package/dist/components/Pagination/PaginationStateRoot.js

@@ -0,0 +1,10 @@
+"use client";
+import { jsx as _jsx } from "react/jsx-runtime";
+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 (_jsx(PaginationContext.Provider, { value: { page, pageLength, nextPage, prevPage }, children: children }));
+}

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.js

@@ -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-runtime").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,2CAMjE"}

package/dist/components/PasswordInput/PasswordInputField.js

@@ -0,0 +1,8 @@
+"use client";
+import { jsx as _jsx } from "react/jsx-runtime";
+import { use } from "react";
+import { PasswordInputContext } from "./PasswordInputContext";
+export function PasswordInputField(props) {
+    const { isVisible } = use(PasswordInputContext);
+    return (_jsx("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-runtime").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,2CAQ/D"}

package/dist/components/PasswordInput/PasswordInputRoot.js

@@ -0,0 +1,8 @@
+"use client";
+import { jsx as _jsx } from "react/jsx-runtime";
+import { useState } from "react";
+import { PasswordInputContext } from "./PasswordInputContext";
+export function PasswordInputRoot(props) {
+    const [isVisible, setIsVisible] = useState(false);
+    return (_jsx(PasswordInputContext, { value: { isVisible, setIsVisible }, children: _jsx("label", { ...props }) }));
+}

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

@@ -0,0 +1,6 @@
+import { ButtonHTMLAttributes, ReactNode } from "react";
+export type PasswordInputTogglePropsT = ButtonHTMLAttributes<HTMLButtonElement> & {
+    visibleChildren: ReactNode;
+};
+export declare function PasswordInputToggle({ visibleChildren, onClick, children, ...props }: PasswordInputTogglePropsT): import("react/jsx-runtime").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,EAAE,SAAS,EAAO,MAAM,OAAO,CAAC;AAI7D,MAAM,MAAM,yBAAyB,GAAG,oBAAoB,CAAC,iBAAiB,CAAC,GAAG;IAChF,eAAe,EAAE,SAAS,CAAC;CAC5B,CAAC;AAEF,wBAAgB,mBAAmB,CAAC,EAAE,eAAe,EAAE,OAAO,EAAE,QAAQ,EAAE,GAAG,KAAK,EAAE,EAAE,yBAAyB,2CAe9G"}

package/dist/components/PasswordInput/PasswordInputToggle.js

@@ -0,0 +1,11 @@
+"use client";
+import { jsx as _jsx } from "react/jsx-runtime";
+import { use } from "react";
+import { PasswordInputContext } from "./PasswordInputContext";
+export function PasswordInputToggle({ visibleChildren, onClick, children, ...props }) {
+    const { isVisible, setIsVisible } = use(PasswordInputContext);
+    return (_jsx("button", { type: "button", onClick: ev => {
+            setIsVisible(prev => !prev);
+            onClick?.(ev);
+        }, ...props, children: isVisible ? visibleChildren : children }));
+}

package/dist/components/Popover/Popover.d.ts

@@ -0,0 +1,8 @@
+import { PopoverBody } from "./PopoverBody";
+import { PopoverRoot } from "./PopoverRoot";
+import { PopoverToggle } from "./PopoverToggle";
+export declare const Popover: typeof PopoverRoot & {
+    Toggle: typeof PopoverToggle;
+    Body: typeof PopoverBody;
+};
+//# sourceMappingURL=Popover.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Popover.d.ts","sourceRoot":"","sources":["../../../src/components/Popover/Popover.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,WAAW,EAAE,MAAM,eAAe,CAAC;AAC5C,OAAO,EAAE,WAAW,EAAE,MAAM,eAAe,CAAC;AAC5C,OAAO,EAAE,aAAa,EAAE,MAAM,iBAAiB,CAAC;AAEhD,eAAO,MAAM,OAAO;;;CAGlB,CAAC"}

package/dist/components/Popover/Popover.js

@@ -0,0 +1,7 @@
+import { PopoverBody } from "./PopoverBody";
+import { PopoverRoot } from "./PopoverRoot";
+import { PopoverToggle } from "./PopoverToggle";
+export const Popover = Object.assign(PopoverRoot, {
+    Toggle: PopoverToggle,
+    Body: PopoverBody
+});

package/dist/components/Popover/PopoverBody.d.ts

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

package/dist/components/Popover/PopoverBody.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"PopoverBody.d.ts","sourceRoot":"","sources":["../../../src/components/Popover/PopoverBody.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,cAAc,EAAO,MAAM,OAAO,CAAC;AAI5C,MAAM,MAAM,iBAAiB,GAAG,cAAc,CAAC,cAAc,CAAC,GAAG;IAC/D,YAAY,CAAC,EAAE,OAAO,CAAC;CACxB,CAAA;AAED,wBAAgB,WAAW,CAAC,EAAE,YAAY,EAAE,OAAO,EAAE,GAAG,CAAC,EAAE,EAAE,iBAAiB,kDAmB7E"}

package/dist/components/Popover/PopoverBody.js

@@ -0,0 +1,13 @@
+"use client";
+import { jsx as _jsx } from "react/jsx-runtime";
+import { use } from "react";
+import { PopoverContext } from "./PopoverContext";
+export function PopoverBody({ preventClose, onClick, ...p }) {
+    const { bodyRef, isOpen } = use(PopoverContext);
+    return (isOpen ? (_jsx("div", { ref: bodyRef, "data-state": isOpen ? "active" : "inactive", onClick: ev => {
+            if (preventClose) {
+                ev.stopPropagation();
+            }
+            onClick?.(ev);
+        }, ...p })) : null);
+}

package/dist/components/Popover/PopoverContext.d.ts

@@ -0,0 +1,10 @@
+import { Dispatch, RefObject, SetStateAction } from "react";
+export type PopoverContextT = {
+    isOpen: boolean;
+    setOpen: Dispatch<SetStateAction<boolean>>;
+    toggleRef: RefObject<HTMLButtonElement | null>;
+    bodyRef: RefObject<HTMLDivElement | null>;
+    mode: "click" | "hover" | "both";
+};
+export declare const PopoverContext: import("react").Context<PopoverContextT>;
+//# sourceMappingURL=PopoverContext.d.ts.map

package/dist/components/Popover/PopoverContext.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"PopoverContext.d.ts","sourceRoot":"","sources":["../../../src/components/Popover/PopoverContext.ts"],"names":[],"mappings":"AAAA,OAAO,EAAiB,QAAQ,EAAE,SAAS,EAAE,cAAc,EAAE,MAAM,OAAO,CAAC;AAE3E,MAAM,MAAM,eAAe,GAAG;IAC5B,MAAM,EAAE,OAAO,CAAC;IAChB,OAAO,EAAE,QAAQ,CAAC,cAAc,CAAC,OAAO,CAAC,CAAC,CAAC;IAC3C,SAAS,EAAE,SAAS,CAAC,iBAAiB,GAAG,IAAI,CAAC,CAAC;IAC/C,OAAO,EAAE,SAAS,CAAC,cAAc,GAAG,IAAI,CAAC,CAAC;IAC1C,IAAI,EAAE,OAAO,GAAG,OAAO,GAAG,MAAM,CAAC;CAClC,CAAA;AAED,eAAO,MAAM,cAAc,0CAAwD,CAAC"}

package/dist/components/Popover/PopoverContext.js

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

package/dist/components/Popover/PopoverRoot.d.ts

@@ -0,0 +1,8 @@
+import { HTMLAttributes } from "react";
+import { PopoverContextT } from "./PopoverContext";
+export type PopoverRootPropsT = HTMLAttributes<HTMLDivElement> & {
+    mode?: PopoverContextT["mode"];
+    accessHorizontalArrows?: "ArrowRight" | "ArrowLeft";
+};
+export declare function PopoverRoot({ mode, accessHorizontalArrows, onKeyDown, onMouseEnter, onMouseLeave, ...p }: PopoverRootPropsT): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=PopoverRoot.d.ts.map

package/dist/components/Popover/PopoverRoot.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"PopoverRoot.d.ts","sourceRoot":"","sources":["../../../src/components/Popover/PopoverRoot.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,cAAc,EAA8C,MAAM,OAAO,CAAC;AAEnF,OAAO,EAAkB,eAAe,EAAE,MAAM,kBAAkB,CAAC;AAInE,MAAM,MAAM,iBAAiB,GAAG,cAAc,CAAC,cAAc,CAAC,GAAG;IAC/D,IAAI,CAAC,EAAE,eAAe,CAAC,MAAM,CAAC,CAAC;IAC/B,sBAAsB,CAAC,EAAE,YAAY,GAAG,WAAW,CAAC;CACrD,CAAA;AAED,wBAAgB,WAAW,CAAC,EAAE,IAAc,EAAE,sBAAsB,EAAE,SAAS,EAAE,YAAY,EAAE,YAAY,EAAE,GAAG,CAAC,EAAE,EAAE,iBAAiB,2CAyFrI"}

package/dist/components/Popover/PopoverRoot.js

@@ -0,0 +1,74 @@
+"use client";
+import { jsx as _jsx } from "react/jsx-runtime";
+import { useEffect, useRef, useState } from "react";
+import { PopoverContext } from "./PopoverContext";
+import { selectAccessibleChildren } from "../../utils";
+export function PopoverRoot({ mode = "click", accessHorizontalArrows, onKeyDown, onMouseEnter, onMouseLeave, ...p }) {
+    const [isOpen, setOpen] = useState(false);
+    const toggleRef = useRef(null);
+    const bodyRef = useRef(null);
+    useEffect(() => {
+        const closeHandler = () => {
+            setOpen(false);
+        };
+        window.addEventListener("click", closeHandler);
+        return () => window.removeEventListener("click", closeHandler);
+    }, []);
+    useEffect(() => {
+        if (isOpen) {
+            selectFirstMenuChild();
+        }
+    }, [isOpen]);
+    const selectFirstMenuChild = () => {
+        if (!bodyRef.current) {
+            return;
+        }
+        const children = selectAccessibleChildren(bodyRef.current);
+        const firstChild = children[0];
+        if (!firstChild) {
+            return;
+        }
+        firstChild.focus();
+    };
+    const handleKeyDown = (ev) => {
+        if (!accessHorizontalArrows) {
+            return null;
+        }
+        if (ev.key === "ArrowRight") {
+            if (accessHorizontalArrows === "ArrowRight") {
+                setOpen(true);
+                selectFirstMenuChild();
+            }
+            else {
+                setOpen(false);
+                toggleRef.current?.focus();
+            }
+        }
+        if (ev.key === "ArrowLeft") {
+            if (accessHorizontalArrows === "ArrowLeft") {
+                setOpen(true);
+                selectFirstMenuChild();
+            }
+            else {
+                setOpen(false);
+                toggleRef.current?.focus();
+            }
+        }
+    };
+    return (_jsx(PopoverContext, { value: { isOpen, setOpen, toggleRef, bodyRef, mode }, children: _jsx("div", { "data-state": isOpen ? "active" : "inactive", onKeyDown: ev => {
+                onKeyDown?.(ev);
+                handleKeyDown(ev);
+            }, onMouseEnter: ev => {
+                onMouseEnter?.(ev);
+                if (["hover", "both"].includes(mode)) {
+                    ev.stopPropagation();
+                    setOpen(true);
+                }
+            }, onMouseLeave: ev => {
+                onMouseLeave?.(ev);
+                if (["hover", "both"].includes(mode)) {
+                    ev.stopPropagation();
+                    setOpen(false);
+                }
+            }, ...p }) }));
+}

package/dist/components/Popover/PopoverToggle.d.ts

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

package/dist/components/Popover/PopoverToggle.d.ts.map

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

package/dist/components/Popover/PopoverToggle.js

@@ -0,0 +1,14 @@
+"use client";
+import { jsx as _jsx } from "react/jsx-runtime";
+import { use } from "react";
+import { PopoverContext } from "./PopoverContext";
+export function PopoverToggle({ onClick, ...props }) {
+    const { mode, toggleRef, isOpen, setOpen } = use(PopoverContext);
+    return (_jsx("button", { ref: toggleRef, "data-state": isOpen ? "active" : "inactive", onClick: ev => {
+            onClick?.(ev);
+            ev.stopPropagation();
+            if (["click", "both"].includes(mode)) {
+                setOpen(prev => !prev);
+            }
+        }, ...props }));
+}

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.js

@@ -0,0 +1,6 @@
+"use client";
+import { Fragment as _Fragment, jsx as _jsx } from "react/jsx-runtime";
+import { createPortal } from "react-dom";
+export function Portal({ children, container }) {
+    return createPortal(_jsx(_Fragment, { children: 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({ duration, children, ...p }: ProgressBarPropsT): import("react/jsx-runtime").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":"AAGA,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,QAAQ,EAAE,QAAQ,EAAE,GAAG,CAAC,EAAE,EAAE,iBAAiB,2CAe1E"}

package/dist/components/Progress/ProgressBar.js

@@ -0,0 +1,10 @@
+"use client";
+import { jsxs as _jsxs, jsx as _jsx } from "react/jsx-runtime";
+import { use } from "react";
+import { motion } from "framer-motion";
+import { ProgressContext } from "./ProgressContext";
+export function ProgressBar({ duration, children, ...p }) {
+    const { value, maxValue } = use(ProgressContext);
+    const percentage = Math.min(100, Math.max(0, (value / maxValue) * 100));
+    return (_jsx(motion.div, { initial: { width: 0 }, whileInView: { width: `${percentage}%` }, transition: { duration: duration || 3 }, ...p, children: children || _jsxs("span", { className: "text-xs", children: [percentage, "%"] }) }));
+}

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, ...p }: ProgressRootPropsT): import("react/jsx-runtime").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":"AAEA,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,GAAG,CAAC,EAAE,EAAE,kBAAkB,2CAM/E"}

package/dist/components/Progress/ProgressRoot.js

@@ -0,0 +1,6 @@
+"use client";
+import { jsx as _jsx } from "react/jsx-runtime";
+import { ProgressContext } from "./ProgressContext";
+export function ProgressRoot({ value, maxValue = 100, ...p }) {
+    return (_jsx(ProgressContext, { value: { value, maxValue }, children: _jsx("div", { ...p }) }));
+}

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

@@ -0,0 +1,8 @@
+import { QRCodeRenderersOptions } from "qrcode";
+import { HTMLAttributes } from "react";
+export type QrCodePropsT = HTMLAttributes<HTMLCanvasElement> & {
+    value: string;
+    options: QRCodeRenderersOptions;
+};
+export declare function QrCode({ value, options, ...props }: QrCodePropsT): import("react/jsx-runtime").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,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"}