reykit 1.0.28 → 1.0.29

package/dist/component/{CycleButton.d.ts → Button.d.ts}

@@ -4,13 +4,16 @@ import { ReactNode, ComponentProps, MouseEvent } from 'react';
  *
  * Parameters
  * ----------
- * @param data Children dictionary.
+ * @param childrens Children array.
+ * @param handleCycle Handle cycle.
  *
  * Returns
  * -------
  * @returns React element.
  */
-export default function CycleButton({ data, onClick, ...props }: {
+export declare function CycleButton({ childrens, handleCycle, onClick, ...props }: {
+    childrens: ReactNode[];
+    handleCycle: (index: number) => void;
     data: {
         children: ReactNode;
         handleClick: (event: MouseEvent<HTMLButtonElement>) => void;

package/dist/component/Toggle.d.ts

@@ -0,0 +1,19 @@
+import { ReactNode, ComponentProps } from 'react';
+/**
+ * Toggle component of with icon.
+ *
+ * Parameters
+ * ----------
+ * @param childrens Children array.
+ * @param handleCycle Handle cycle.
+ *
+ * Returns
+ * -------
+ * @returns React element.
+ */
+export declare function IconToggle({ openIcon, closeIcon, handleOpen, defaultOpen, onClick, ...props }: {
+    openIcon: ReactNode;
+    closeIcon: ReactNode;
+    handleOpen: (open: boolean) => void;
+    defaultOpen?: boolean;
+} & ComponentProps<'button'>): import("react/jsx-runtime").JSX.Element;

package/dist/hook.d.ts

@@ -1,3 +1,16 @@
+/**
+ * Hook of toggle.
+ *
+ * Parameters
+ * ----------
+ * @param array Array.
+ * @param loop Whether to loop count.
+ *
+ * Returns
+ * -------
+ * @returns Returns a stateful open value, and a function to automatic count it.
+ */
+export declare function useOpen(defaultOpen?: boolean): [boolean, () => void];
 /**
  * Hook of count number.
  *

package/dist/index.d.ts

@@ -1,13 +1,17 @@
+import { CycleButton } from './component/Button';
 import { default as Form } from './component/Form';
-import { default as CycleButton } from './component/CycleButton';
-import { useCount } from './hook';
+import { IconToggle } from './component/Toggle';
+import { useOpen, useCount, useIndex } from './hook';
 import { renderReact } from './react';
 import { default as Storager } from './storage';
 import { cn } from './tailwindcss';
 declare const _default: {
-    Form: typeof Form;
     CycleButton: typeof CycleButton;
+    Form: typeof Form;
+    IconToggle: typeof IconToggle;
+    useOpen: typeof useOpen;
     useCount: typeof useCount;
+    useIndex: typeof useIndex;
     renderReact: typeof renderReact;
     Storager: typeof Storager;
     cn: typeof cn;