@kadoui/react 1.11.16 → 2.0.1

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

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"OtpRoot.d.ts","sourceRoot":"","sources":["../../../src/react-components/Otp/OtpRoot.tsx"],"names":[],"mappings":"AAKA,OAAO,EAEL,sBAAsB,EACvB,MAAM,sCAAsC,CAAC;AAE9C,MAAM,MAAM,aAAa,GAAG,IAAI,CAAC,sBAAsB,EAAE,WAAW,CAAC,GAAG;IACtE,SAAS,CAAC,EAAE,OAAO,CAAC;CACrB,CAAC;AAEF,wBAAgB,OAAO,CAAC,EAAE,SAAS,EAAE,GAAG,CAAC,EAAE,EAAE,aAAa,2CAqBzD"}

package/dist/react-components/Otp/OtpRoot.js

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

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

@@ -0,0 +1,19 @@
+import { PaginationPages } from "./PaginationPages";
+import { PaginationCounts } from "./PaginationCounts";
+import { PaginationNextBtn } from "./PaginationNextBtn";
+import { PaginationPrevBtn } from "./PaginationPrevBtn";
+import { PaginationStateRoot } from "./PaginationStateRoot";
+import { PaginationSearchParamsRoot } from "./PaginationSearchParamsRoot";
+export declare const PaginationWithState: typeof PaginationStateRoot & {
+    Pages: typeof PaginationPages;
+    Counts: typeof PaginationCounts;
+    NextBtn: typeof PaginationNextBtn;
+    PrevBtn: typeof PaginationPrevBtn;
+};
+export declare const PaginationWithSearchParams: typeof PaginationSearchParamsRoot & {
+    Pages: typeof PaginationPages;
+    Counts: typeof PaginationCounts;
+    NextBtn: typeof PaginationNextBtn;
+    PrevBtn: typeof PaginationPrevBtn;
+};
+//# sourceMappingURL=Pagination.d.ts.map

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

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

package/dist/react-components/Pagination/Pagination.js

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

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

@@ -0,0 +1,12 @@
+import { Dispatch, SetStateAction } from "react";
+import { PaginationPagesT } from "./PaginationTypes";
+export type PaginationContextT = {
+    pages?: PaginationPagesT[];
+    pagesLength: number;
+    page: number;
+    setPage: Dispatch<SetStateAction<number>>;
+    nextPage: () => void;
+    prevPage: () => void;
+};
+export declare const PaginationContext: import("react").Context<PaginationContextT>;
+//# sourceMappingURL=PaginationContext.d.ts.map

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

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

package/dist/react-components/Pagination/PaginationContext.js

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

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

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"PaginationCounts.d.ts","sourceRoot":"","sources":["../../../src/react-components/Pagination/PaginationCounts.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,KAAK,cAAc,EAAO,MAAM,OAAO,CAAC;AAIjD,MAAM,MAAM,sBAAsB,GAAG,IAAI,CAAC,cAAc,CAAC,QAAQ,CAAC,EAAE,UAAU,CAAC,CAAC;AAEhF,wBAAgB,gBAAgB,CAAC,EAAE,OAAO,EAAE,GAAG,CAAC,EAAE,EAAE,sBAAsB,6CAezE"}

package/dist/react-components/Pagination/PaginationCounts.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 PaginationCounts({ onClick, ...p }) {
+    const { pagesLength, page, setPage } = use(PaginationContext);
+    return Array.from({ length: pagesLength }).map((_, index) => (_jsx("button", { "data-state": index + 1 === page, onClick: (ev) => {
+            onClick?.(ev);
+            setPage(index + 1);
+        }, ...p, children: index + 1 }, index)));
+}

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

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

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

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

package/dist/react-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, pagesLength, nextPage } = use(PaginationContext);
+    return (_jsx("button", { disabled: disabled || page === pagesLength, onClick: ev => {
+            onClick?.(ev);
+            nextPage();
+        }, ...p }));
+}

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

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

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

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

package/dist/react-components/Pagination/PaginationPages.js

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

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

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

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

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

package/dist/react-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/react-components/Pagination/PaginationSearchParamsRoot.d.ts

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"PaginationSearchParamsRoot.d.ts","sourceRoot":"","sources":["../../../src/react-components/Pagination/PaginationSearchParamsRoot.tsx"],"names":[],"mappings":"AAKA,OAAO,EAAE,gBAAgB,EAAE,MAAM,mBAAmB,CAAC;AAGrD,MAAM,MAAM,gCAAgC,GAAG,gBAAgB,GAAG;IAChE,OAAO,CAAC,EAAE,MAAM,CAAC;CAClB,CAAC;AAEF,wBAAgB,0BAA0B,CAAC,EACzC,KAAK,EACL,WAAW,EACX,OAAO,EACP,GAAG,CAAC,EACL,EAAE,gCAAgC,2CAgDlC"}

package/dist/react-components/Pagination/PaginationSearchParamsRoot.js

@@ -0,0 +1,42 @@
+"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({ pages, pagesLength, pageKey, ...p }) {
+    const router = useRouter();
+    const searchParams = useSearchParams();
+    const [currentPage, setCurrentPage] = useState(1);
+    const correctPagesLength = (pages?.length || pagesLength);
+    useEffect(() => {
+        setCurrentPage(+(searchParams.get(pageKey || "page") || "1"));
+    }, [pageKey, searchParams]);
+    const pushRouter = (page) => {
+        const params = new URLSearchParams(searchParams.toString());
+        params.set(pageKey || "page", page.toString());
+        router.push("?" + params.toString());
+    };
+    const setPage = (page) => {
+        if (page !== currentPage) {
+            pushRouter(page);
+        }
+    };
+    const nextPage = () => {
+        if (currentPage < correctPagesLength) {
+            pushRouter(currentPage + 1);
+        }
+    };
+    const prevPage = () => {
+        if (currentPage > 1) {
+            pushRouter(currentPage - 1);
+        }
+    };
+    return (_jsx(PaginationContext.Provider, { value: {
+            pages,
+            page: currentPage,
+            setPage,
+            pagesLength: correctPagesLength,
+            nextPage,
+            prevPage,
+        }, children: _jsx("div", { ...p }) }));
+}

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

@@ -0,0 +1,9 @@
+import { SetStateAction, Dispatch } from "react";
+import { PaginationPropsT } from "./PaginationTypes";
+type PaginationStateRootPropsT = PaginationPropsT & {
+    page: number;
+    setPage: Dispatch<SetStateAction<number>>;
+};
+export declare function PaginationStateRoot({ page, setPage, pages, pagesLength, ...p }: PaginationStateRootPropsT): import("react/jsx-runtime").JSX.Element;
+export {};
+//# sourceMappingURL=PaginationStateRoot.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"PaginationStateRoot.d.ts","sourceRoot":"","sources":["../../../src/react-components/Pagination/PaginationStateRoot.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,cAAc,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AAEjD,OAAO,EAAE,gBAAgB,EAAE,MAAM,mBAAmB,CAAC;AAGrD,KAAK,yBAAyB,GAAG,gBAAgB,GAAG;IAClD,IAAI,EAAE,MAAM,CAAC;IACb,OAAO,EAAE,QAAQ,CAAC,cAAc,CAAC,MAAM,CAAC,CAAC,CAAC;CAC3C,CAAA;AAED,wBAAgB,mBAAmB,CAAC,EAAE,IAAI,EAAE,OAAO,EAAE,KAAK,EAAE,WAAW,EAAE,GAAG,CAAC,EAAE,EAAE,yBAAyB,2CAoBzG"}

package/dist/react-components/Pagination/PaginationStateRoot.js

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

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

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

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

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

package/dist/react-components/Pagination/PaginationTypes.js

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

package/dist/react-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/react-components/PasswordInput/PasswordInput.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"PasswordInput.d.ts","sourceRoot":"","sources":["../../../src/react-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/react-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/react-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/react-components/PasswordInput/PasswordInputContext.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"PasswordInputContext.d.ts","sourceRoot":"","sources":["../../../src/react-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/react-components/PasswordInput/PasswordInputContext.js

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

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

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

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

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

package/dist/react-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/react-components/PasswordInput/PasswordInputRoot.d.ts

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

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

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

package/dist/react-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/react-components/PasswordInput/PasswordInputToggle.d.ts

@@ -0,0 +1,6 @@
+import { type ComponentProps, ReactNode } from "react";
+export type PasswordInputTogglePropsT = ComponentProps<"button"> & {
+    visibleChildren: ReactNode;
+};
+export declare function PasswordInputToggle({ visibleChildren, onClick, children, ...props }: PasswordInputTogglePropsT): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=PasswordInputToggle.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"PasswordInputToggle.d.ts","sourceRoot":"","sources":["../../../src/react-components/PasswordInput/PasswordInputToggle.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,KAAK,cAAc,EAAE,SAAS,EAAO,MAAM,OAAO,CAAC;AAI5D,MAAM,MAAM,yBAAyB,GAAG,cAAc,CAAC,QAAQ,CAAC,GAAG;IACjE,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/react-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/react-components/Popover/Popover.d.ts

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"Popover.d.ts","sourceRoot":"","sources":["../../../src/react-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;AAChD,OAAO,EAAE,iBAAiB,EAAE,MAAM,qBAAqB,CAAC;AAExD,eAAO,MAAM,OAAO;;;;CAIlB,CAAC"}

package/dist/react-components/Popover/Popover.js

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

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

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"PopoverBody.d.ts","sourceRoot":"","sources":["../../../src/react-components/Popover/PopoverBody.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,KAAK,cAAc,EAAO,MAAM,OAAO,CAAC;AAIjD,MAAM,MAAM,iBAAiB,GAAG,cAAc,CAAC,KAAK,CAAC,GAAG;IACtD,YAAY,CAAC,EAAE,OAAO,CAAC;CACxB,CAAC;AAEF,wBAAgB,WAAW,CAAC,EAAE,YAAY,EAAE,OAAO,EAAE,GAAG,CAAC,EAAE,EAAE,iBAAiB,kDAiB7E"}

package/dist/react-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, onClick: (ev) => {
+            if (preventClose) {
+                ev.stopPropagation();
+            }
+            onClick?.(ev);
+        }, ...p })) : null;
+}

package/dist/react-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/react-components/Popover/PopoverContext.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"PopoverContext.d.ts","sourceRoot":"","sources":["../../../src/react-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,CAAC;AAEF,eAAO,MAAM,cAAc,0CAAwD,CAAC"}

package/dist/react-components/Popover/PopoverContext.js

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

package/dist/react-components/Popover/PopoverNavigation.d.ts

@@ -0,0 +1,3 @@
+import { AccessNavigationPropsT } from "../AccessNavigation/AccessNavigation";
+export declare function PopoverNavigation(p: AccessNavigationPropsT): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=PopoverNavigation.d.ts.map

package/dist/react-components/Popover/PopoverNavigation.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"PopoverNavigation.d.ts","sourceRoot":"","sources":["../../../src/react-components/Popover/PopoverNavigation.tsx"],"names":[],"mappings":"AAAA,OAAO,EAEL,sBAAsB,EACvB,MAAM,sCAAsC,CAAC;AAE9C,wBAAgB,iBAAiB,CAAC,CAAC,EAAE,sBAAsB,2CAE1D"}

package/dist/react-components/Popover/PopoverNavigation.js

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

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

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"PopoverRoot.d.ts","sourceRoot":"","sources":["../../../src/react-components/Popover/PopoverRoot.tsx"],"names":[],"mappings":"AAGA,OAAO,EAAE,KAAK,cAAc,EAA+B,MAAM,OAAO,CAAC;AAGzE,OAAO,EAAkB,eAAe,EAAE,MAAM,kBAAkB,CAAC;AAEnE,MAAM,MAAM,iBAAiB,GAAG,cAAc,CAAC,KAAK,CAAC,GAAG;IACtD,IAAI,CAAC,EAAE,eAAe,CAAC,MAAM,CAAC,CAAC;CAChC,CAAC;AAEF,wBAAgB,WAAW,CAAC,EAC1B,IAAc,EACd,YAAY,EACZ,YAAY,EACZ,GAAG,CAAC,EACL,EAAE,iBAAiB,2CAiEnB"}

package/dist/react-components/Popover/PopoverRoot.js

@@ -0,0 +1,51 @@
+"use client";
+import { jsx as _jsx } from "react/jsx-runtime";
+import { usePathname } from "next/navigation";
+import { useEffect, useRef, useState } from "react";
+import { selectAccessibleChildren } from "../../utils-exports";
+import { PopoverContext } from "./PopoverContext";
+export function PopoverRoot({ mode = "click", onMouseEnter, onMouseLeave, ...p }) {
+    const pathname = usePathname();
+    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(() => {
+        setOpen(false);
+    }, [pathname]);
+    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();
+    };
+    return (_jsx(PopoverContext, { value: { isOpen, setOpen, toggleRef, bodyRef, mode }, children: _jsx("div", { "data-state": isOpen, 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/react-components/Popover/PopoverToggle.d.ts

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

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

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

package/dist/react-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, onClick: (ev) => {
+            onClick?.(ev);
+            ev.stopPropagation();
+            if (["click", "both"].includes(mode)) {
+                setOpen((prev) => !prev);
+            }
+        }, ...props }));
+}

package/dist/react-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 | undefined;
+//# sourceMappingURL=Portal.d.ts.map

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

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

package/dist/react-components/Portal/Portal.js

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