@bouko/react 0.5.7 → 1.5.6

package/dist/components/button.d.ts

@@ -4,7 +4,6 @@ export type ButtonProps = {
     size?: "sm" | "md" | "lg";
     style?: string;
     onClick?: () => void;
-    disabled?: boolean;
     children: ReactNode;
 };
 export declare function Button({ variant, style, ...props }: ButtonProps): import("react/jsx-runtime").JSX.Element;

package/dist/components/button.js

@@ -4,18 +4,16 @@ export function Button({ variant, style, ...props }) {
     return (_jsx("button", { className: cn(styles({ variant }), style), ...props }));
 }
 const styles = tv({
-    base: "flex items-center gap-2 bg-accent hover:bg-accent-dark border border-accent-dark rounded font-semibold text-background-light duration-200 cursor-pointer disabled:cursor-not-allowed",
-    defaultVariants: { size: "md" },
+    base: "flex items-center gap-2 px-4 py-2 bg-accent hover:bg-accent-dark border border-accent-dark rounded font-semibold text-background-light duration-200 cursor-pointer",
     variants: {
         variant: {
             primary: "bg-primary hover:bg-primary-dark border-primary-dark",
-            outline: "!bg-transparent border-accent hover:border-accent-dark text-primary",
+            outline: "!bg-transparent border-2 border-accent hover:border-accent-dark text-primary",
             ghost: "!bg-transparent border-transparent text-accent hover:text-accent-dark"
         },
         size: {
             sm: "px-3 py-1 text-sm",
-            md: "px-4 py-2",
-            lg: "px-5 py-3 text-lg"
+            lg: "text-lg"
         }
     }
 });

package/dist/components/fade-carousel.d.ts

@@ -0,0 +1,4 @@
+import { type ReactNode } from "react";
+export default function FadeCarousel({ items }: {
+    items: ReactNode[];
+}): import("react/jsx-runtime").JSX.Element;

package/dist/components/fade-carousel.js

@@ -0,0 +1,14 @@
+"use client";
+import { jsx as _jsx } from "react/jsx-runtime";
+import { useState, useEffect } from "react";
+import { AnimatePresence, motion } from "framer-motion";
+export default function FadeCarousel({ items }) {
+    const [index, setIndex] = useState(0);
+    useEffect(() => {
+        const interval = setInterval(() => {
+            setIndex((prev) => (prev + 1) % items.length);
+        }, 2000);
+        return () => clearInterval(interval);
+    }, []);
+    return (_jsx(AnimatePresence, { mode: "wait", children: _jsx(motion.div, { className: "absolute", transition: { duration: 0.5 }, initial: { opacity: 0, y: 5 }, animate: { opacity: 1, y: 0 }, exit: { opacity: 0, y: -5 }, children: items[index] }, index) }));
+}

package/dist/components/input.d.ts

@@ -1,10 +1,6 @@
 import { type Field as FieldProps } from "@bouko/form";
 type Props<T> = FieldProps<T> & {
     placeholder?: string;
-    styles?: {
-        container?: string;
-        input?: string;
-    };
 };
-export default function Input<T>({ id, styles, style, label, required, note, update, ...props }: Props<T>): import("react/jsx-runtime").JSX.Element;
+export default function Input<T>({ id, style, label, required, note, update, ...props }: Props<T>): import("react/jsx-runtime").JSX.Element;
 export {};

package/dist/components/input.js

@@ -1,7 +1,6 @@
 import { jsx as _jsx } from "react/jsx-runtime";
 import Field from "./field";
-import { cn } from "@bouko/style";
 import { setField } from "@bouko/form";
-export default function Input({ id, styles, style, label, required = true, note, update, ...props }) {
-    return (_jsx(Field, { style: styles?.container, label: label, required: required, note: note, children: _jsx("input", { className: cn("px-3 py-2 bg-input border border-outline duration-200 focus:border-outline-light outline-none rounded text-sm", styles?.input), onChange: ({ target: { value } }) => setField(update, id, value), ...props }) }));
+export default function Input({ id, style, label, required = true, note, update, ...props }) {
+    return (_jsx(Field, { style: style, label: label, required: required, note: note, children: _jsx("input", { className: "px-3 py-2 bg-slate-200/50 border border-slate-300 outline-blue-500 rounded text-sm", onChange: ({ target: { value } }) => setField(update, id, value), ...props }) }));
 }

package/dist/core/functions.d.ts

@@ -1,2 +1 @@
 export declare const getFileData: (files: File[]) => Promise<unknown[]>;
-export declare const getEnv: (key: string) => string;

package/dist/core/functions.js

@@ -13,9 +13,3 @@ export const getFileData = (files) => Promise.all(files.map((file) => {
         reader.readAsDataURL(file);
     });
 }));
-export const getEnv = (key) => {
-    const value = process.env[key];
-    if (!value)
-        throw new Error(`Missing required env: ${key}`);
-    return value;
-};

package/dist/index.d.ts

@@ -6,6 +6,7 @@ export { default as Attachment } from "./components/attachment";
 export { default as CheckBox } from "./components/checkbox";
 export { default as Heading } from "./components/heading";
 export { default as Badge } from "./components/badge";
+export { default as FadeCarousel } from "./components/fade-carousel";
 export * from "./components/flex";
 export * from "./components/button";
 export * from "./core/types";

package/dist/index.js

@@ -6,6 +6,7 @@ export { default as Attachment } from "./components/attachment";
 export { default as CheckBox } from "./components/checkbox";
 export { default as Heading } from "./components/heading";
 export { default as Badge } from "./components/badge";
+export { default as FadeCarousel } from "./components/fade-carousel";
 export * from "./components/flex";
 export * from "./components/button";
 export * from "./core/types";

package/package.json

@@ -1,7 +1,7 @@
 {
 
   "name": "@bouko/react",
-  "version": "0.5.7",
+  "version": "1.5.6",
   "main": "./dist/index.js",
   "types": "./dist/index.d.ts",
   "license": "MIT",
@@ -22,7 +22,7 @@
     "@bouko/form": "^0.2.1",
     "@bouko/style": "^0.1.1",
     "clsx": "^2.1.1",
-    "framer-motion": "^12.16.0",
+    "framer-motion": "^12.23.6",
     "tailwind-merge": "^3.3.0",
     "tailwind-variants": "^1.0.0"
   },