@bouko/react 2.7.8 → 2.8.0

package/dist/components/progress.d.ts

@@ -0,0 +1,6 @@
+type Props = {
+    style?: string;
+    progress: number;
+};
+declare const ProgressBar: ({ style, progress }: Props) => import("react/jsx-runtime").JSX.Element;
+export default ProgressBar;

package/dist/components/progress.js

@@ -0,0 +1,8 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { cn } from "@bouko/style";
+const ProgressBar = ({ style, progress }) => (_jsx("div", { className: cn(styles.container, style), children: _jsx("div", { className: styles.filled, style: { width: (progress * 100) + "%" } }) }));
+const styles = {
+    container: "flex grow h-1 rounded-full bg-gray-800/70 overflow-hidden",
+    filled: "h-full bg-accent"
+};
+export default ProgressBar;

package/dist/hooks/element/with-audio.d.ts

@@ -0,0 +1,4 @@
+import type { RefObject } from "react";
+export type DivRef = RefObject<HTMLDivElement | null>;
+export type AudioRef = RefObject<HTMLAudioElement | null>;
+export declare function withAudio(ref: AudioRef, fn: (el: HTMLAudioElement) => void): void;

package/dist/hooks/element/with-audio.js

@@ -0,0 +1,6 @@
+export function withAudio(ref, fn) {
+    const el = ref.current;
+    if (!el)
+        return;
+    return fn(el);
+}

package/dist/hooks/index.d.ts

@@ -3,3 +3,4 @@ export { default as useContainer } from "./element/container";
 export { default as useResize } from "./element/resize";
 export { default as useInterval } from "./clock/interval";
 export { default as useSound } from "./audio/sound";
+export { withAudio } from "./element/with-audio";

package/dist/hooks/index.js

@@ -3,3 +3,4 @@ export { default as useContainer } from "./element/container";
 export { default as useResize } from "./element/resize";
 export { default as useInterval } from "./clock/interval";
 export { default as useSound } from "./audio/sound";
+export { withAudio } from "./element/with-audio";

package/dist/index.d.ts

@@ -5,6 +5,7 @@ export { default as MultipleChoice } from "./components/multiple-choice";
 export { default as Attachment } from "./components/attachment";
 export { default as CheckBox } from "./components/checkbox";
 export { default as FadeCarousel } from "./components/fade-carousel";
+export { default as ProgressBar } from "./components/progress";
 export * from "./components";
 export * from "./components/search-bar";
 export * from "./core/types";

package/dist/index.js

@@ -5,6 +5,7 @@ export { default as MultipleChoice } from "./components/multiple-choice";
 export { default as Attachment } from "./components/attachment";
 export { default as CheckBox } from "./components/checkbox";
 export { default as FadeCarousel } from "./components/fade-carousel";
+export { default as ProgressBar } from "./components/progress";
 export * from "./components";
 export * from "./components/search-bar";
 export * from "./core/types";

package/package.json

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