@bouko/react 2.0.0 → 2.0.2

package/dist/components/carousel/index.d.ts

@@ -0,0 +1,7 @@
+import { ReactNode } from "react";
+export type CarouselProps<T = ReactNode> = {
+    container?: string;
+    items: T[];
+    style?: string;
+};
+export declare function Carousel({ container, items, style }: CarouselProps): import("react/jsx-runtime").JSX.Element;

package/dist/components/carousel/index.js

@@ -0,0 +1,15 @@
+"use client";
+import { jsx as _jsx } from "react/jsx-runtime";
+import { useState, useEffect } from "react";
+import { AnimatePresence, motion } from "framer-motion";
+import { cn } from "@bouko/style";
+export function Carousel({ container, items, style }) {
+    const [index, setIndex] = useState(0);
+    useEffect(() => {
+        const interval = setInterval(() => {
+            setIndex((prev) => (prev + 1) % items.length);
+        }, 3000);
+        return () => clearInterval(interval);
+    }, []);
+    return (_jsx("div", { className: cn("flex items-center", container), children: _jsx(AnimatePresence, { mode: "wait", children: _jsx(motion.div, { transition: { duration: 0.5 }, initial: { opacity: 0, y: 5 }, animate: { opacity: 1, y: 0 }, exit: { opacity: 0, y: -5 }, layout: true, children: _jsx("div", { className: cn("w-full h-full", style), children: items[index] }) }, index) }) }));
+}

package/dist/components/index.d.ts

@@ -6,3 +6,4 @@ export { default as Dropdown } from "./dropdown/normal";
 export { default as FileUploader } from "./upload/file";
 export * from "./list";
 export * from "./form";
+export * from "./carousel";

package/dist/components/index.js

@@ -6,3 +6,4 @@ export { default as Dropdown } from "./dropdown/normal";
 export { default as FileUploader } from "./upload/file";
 export * from "./list";
 export * from "./form";
+export * from "./carousel";

package/dist/core/functions.d.ts

@@ -1,3 +1,4 @@
 export declare const getFileData: (files: File[]) => Promise<unknown[]>;
+export declare const getAudioDuration: (file: File) => Promise<number>;
 export declare const getEnv: (key: string) => string;
 export declare function getBase64(image: string): Promise<string>;

package/dist/core/functions.js

@@ -13,6 +13,21 @@ export const getFileData = (files) => Promise.all(files.map((file) => {
         reader.readAsDataURL(file);
     });
 }));
+export const getAudioDuration = (file) => {
+    return new Promise((resolve, reject) => {
+        const url = URL.createObjectURL(file);
+        const audio = new Audio(url);
+        audio.addEventListener("loadedmetadata", () => {
+            const durationMs = audio.duration * 1000;
+            URL.revokeObjectURL(url);
+            resolve(durationMs);
+        });
+        audio.addEventListener("error", (e) => {
+            URL.revokeObjectURL(url);
+            reject(new Error("Failed to load audio metadata"));
+        });
+    });
+};
 export const getEnv = (key) => {
     const value = process.env[key];
     if (!value)

package/package.json

@@ -1,7 +1,7 @@
 {
 
   "name": "@bouko/react",
-  "version": "2.0.0",
+  "version": "2.0.2",
   "main": "./dist/index.js",
   "types": "./dist/index.d.ts",
   "license": "MIT",