reykit 1.0.172 → 1.0.174

package/dist/index.js

@@ -1,6 +1,6 @@
 import { Link as W5, useLocation as ej, useNavigate as tj } from "react-router-dom";
 import * as S from "react";
-import lm, { useState as Yl, useEffect as nj, createElement as mM, useLayoutEffect as aj, useMemo as oj, Fragment as lj, createContext as ij, useContext as rj, isValidElement as sj } from "react";
+import lm, { useState as Yl, useEffect as nj, createElement as mM, useLayoutEffect as aj, useMemo as oj, createContext as lj, useContext as ij, Fragment as rj, isValidElement as sj } from "react";
 import * as Zo from "react-dom";
 import YA from "react-dom";
 import { cva as Pl } from "class-variance-authority";
@@ -49026,10 +49026,40 @@ const C4 = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   usePopupBox: T4,
   useSidebar: ax
 }, Symbol.toStringTag, { value: "Module" }));
+function O4(a) {
+  const i = lj(null);
+  return [({ children: m }) => {
+    const [g, y] = Yl(!1), b = {
+      isCovering: g,
+      setIsCovering: y
+    };
+    return /* @__PURE__ */ E.jsxs(i, { value: b, children: [
+      m,
+      /* @__PURE__ */ E.jsx("div", { className: oe(
+        "fixed inset-0 z-50 flex justify-center items-center transition bg-black/5",
+        g ? "opacity-100" : "opacity-0 pointer-events-none"
+      ), children: g && a })
+    ] });
+  }, () => {
+    const m = ij(i);
+    if (!m) throw new Error("must be used within cover component");
+    return {
+      ...m,
+      withCover: async (g, ...y) => {
+        m.setIsCovering(!0);
+        try {
+          return await g(...y);
+        } finally {
+          m.setIsCovering(!1);
+        }
+      }
+    };
+  }];
+}
 function JI({ dict: a }) {
   const { pathname: i } = ej(), u = a[i] || [];
   return /* @__PURE__ */ E.jsx(o4, { children: /* @__PURE__ */ E.jsx(l4, { children: u.map(
-    (d, m) => /* @__PURE__ */ E.jsxs(lj, { children: [
+    (d, m) => /* @__PURE__ */ E.jsxs(rj, { children: [
       /* @__PURE__ */ E.jsx(i4, { children: d.href ? /* @__PURE__ */ E.jsx(r4, { href: d.href, children: d.label }) : /* @__PURE__ */ E.jsx(s4, { children: d.label }) }),
       m < u.length - 1 && /* @__PURE__ */ E.jsx(u4, { className: "-mx-1 md:mx-0" })
     ] }, m)
@@ -49062,32 +49092,9 @@ function ek({
   };
   return /* @__PURE__ */ E.jsx("form", { onSubmit: g, ...d });
 }
-const O4 = ij(null);
-function tk({ children: a }) {
-  const [i, u] = Yl(!1), d = {
-    isLoading: i,
-    setIsLoading: u
-  };
-  return /* @__PURE__ */ E.jsxs(O4, { value: d, children: [
-    a,
-    i && /* @__PURE__ */ E.jsx("div", { className: "fixed inset-0 z-50 flex justify-center items-center bg-black/5", children: /* @__PURE__ */ E.jsx("div", { className: "flex justify-center items-center size-10 rounded-full bg-white shadow-md", children: /* @__PURE__ */ E.jsx(UC, { role: "status", "aria-label": "Loading", className: "size-full animate-spin" }) }) })
-  ] });
-}
-function nk() {
-  const a = rj(O4);
-  if (!a) throw new Error("must be used within Loading component");
-  return {
-    ...a,
-    withLoading: async (i, ...u) => {
-      a.setIsLoading(!0);
-      try {
-        return await i(...u);
-      } finally {
-        a.setIsLoading(!1);
-      }
-    }
-  };
-}
+const [tk, nk] = O4(
+  /* @__PURE__ */ E.jsx("div", { className: "flex justify-center items-center size-10 rounded-full bg-white shadow-md", children: /* @__PURE__ */ E.jsx(UC, { role: "status", "aria-label": "Loading", className: "size-full animate-spin" }) })
+);
 function ak({
   children: a,
   position: i = "top-center",
@@ -49925,6 +49932,7 @@ const fk = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   Loading: tk,
   Notice: ak,
   Table: ik,
+  createCover: O4,
   notice: jj,
   ui: C4,
   useLoading: nk

package/dist/src/component/Base.d.ts

@@ -0,0 +1,24 @@
+import { ReactNode } from 'react';
+export type CoverContextParams = {
+    isCovering: boolean;
+    setIsCovering: (value: boolean) => void;
+};
+/**
+ * Create cover component and hook.
+ *
+ * @param display - Cover display content.
+ * @returns Cover component and hook.
+ * @example
+ * const [Cover, useCover] = createCover('content')
+ * const { withCover } = useCover()
+ * <Cover>
+ *     <button onClick={() => withCover(console, 'test')}>Button</button>
+ * </Cover>
+ */
+export declare function createCover(display: ReactNode): [({ children }: {
+    children: ReactNode;
+}) => import("react/jsx-runtime").JSX.Element, () => {
+    withCover: <T, Args extends any[]>(fn: (...args: Args) => T | Promise<T>, ...args: Args) => Promise<T>;
+    isCovering: boolean;
+    setIsCovering: (value: boolean) => void;
+}];

package/dist/src/component/Loading.d.ts

@@ -0,0 +1,13 @@
+/**
+ * @Time    : 2026-06-11
+ * @Author  : Rey
+ * @Contact : reyxbo@163.com
+ * @Explain : Loading components.
+ */
+export declare const Loading: ({ children }: {
+    children: import('react').ReactNode;
+}) => import("react/jsx-runtime").JSX.Element, useLoading: () => {
+    withCover: <T, Args extends any[]>(fn: (...args: Args) => T | Promise<T>, ...args: Args) => Promise<T>;
+    isCovering: boolean;
+    setIsCovering: (value: boolean) => void;
+};

package/dist/src/component/index.d.ts

@@ -6,11 +6,11 @@
  */
 import * as ui from './ui';
 export { ui };
+export { type CoverContextParams, createCover } from './Base';
 export { type BreadcrumbDict, Breadcrumb } from './Breadcrumb';
 export { CycleButton } from './Button';
 export { Form } from './Form';
-export { Loading } from './Loading/Loading';
-export { useLoading } from './Loading/uesLoading';
+export { Loading, useLoading } from './Loading';
 export { Notice, notice } from './Notice';
 export { type HeaderOption, type SearchOption, type ButtonOption, type OptionName, type RowOption, type SelectRowsOption, Table } from './Table';
 export { IconToggle } from './Toggle';

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "reykit",
-    "version": "1.0.172",
+    "version": "1.0.174",
     "description": "Kit method set.",
     "author": "reyxbo",
     "keywords": [

package/dist/src/component/Loading/Loading.d.ts

@@ -1,15 +0,0 @@
-import { ReactNode } from 'react';
-type LoadingContextParams = {
-    isLoading: boolean;
-    setIsLoading: (value: boolean) => void;
-};
-export declare const LoadingContext: import('react').Context<LoadingContextParams | null>;
-/**
- * Loading component of display rotate icon.
- *
- * @param props.children - The node tree of the mounting context.
- */
-export declare function Loading({ children }: {
-    children: ReactNode;
-}): import("react/jsx-runtime").JSX.Element;
-export {};

package/dist/src/component/Loading/uesLoading.d.ts

@@ -1,19 +0,0 @@
-/**
- * @Time    : 2026-03-25
- * @Author  : Rey
- * @Contact : reyxbo@163.com
- * @Explain : Hook of loading components.
- */
-/**
- * Hook of get loading component status parameters.
- *
- * @returns Status parameters.
- *     - `isLoading` : Loading status.
- *     - `setIsLoading` : Set loading status.
- *     - `withLoading` : Execute a function in the context.
- */
-export declare function useLoading(): {
-    withLoading: <T, Args extends any[]>(fn: (...args: Args) => T | Promise<T>, ...args: Args) => Promise<T>;
-    isLoading: boolean;
-    setIsLoading: (value: boolean) => void;
-};