@bouko/react 2.7.8 → 2.7.9

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/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.7.9",
   "main": "./dist/index.js",
   "types": "./dist/index.d.ts",
   "license": "MIT",