@bouko/react 0.3.4 → 0.3.6

package/dist/components/badge.d.ts

@@ -0,0 +1,5 @@
+import type { ReactNode } from "react";
+export default function Badge({ style, children }: {
+    style?: string;
+    children: ReactNode;
+}): Promise<import("react/jsx-runtime").JSX.Element>;

package/dist/components/badge.js

@@ -0,0 +1,4 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+export default async function Badge({ style, children }) {
+    return (_jsx("span", { className: "w-min px-3 py-1 bg-accent/20 border border-accent-dark rounded-full text-xs text-accent-dark font-semibold", children: children }));
+}

package/dist/components/button.d.ts

@@ -1,6 +1,6 @@
 import type { ReactNode } from "react";
 type Props = {
-    variant?: "primary" | "ghost";
+    variant?: "primary" | "outline" | "ghost";
     style?: string;
     onClick?: () => void;
     children: ReactNode;

package/dist/components/button.js

@@ -8,6 +8,7 @@ const styles = tv({
     variants: {
         variant: {
             primary: "bg-primary hover:bg-primary-dark border-primary-dark text-background",
+            outline: "!bg-transparent border-2 border-accent hover:border-accent-dark",
             ghost: "bg-transparent border-transparent"
         }
     }

package/dist/index.d.ts

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

package/dist/index.js

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

package/package.json

@@ -1,31 +1,52 @@
 {
 
   "name": "@bouko/react",
-  "version": "0.3.4",
+
+  "version": "0.3.6",
+
   "main": "./dist/index.js",
+
   "types": "./dist/index.d.ts",
+
   "license": "MIT",
+
   "files": [
+
     "dist"
+
   ],
+
   "publishConfig": {
+
     "access": "public"
+
   },
+
   "author": "",
+
   "description": "",
 
   "scripts": {
+
     "build": "tsc"
+
   },
 
   "dependencies": {
+
+    "@bouko/form": "^0.2.1",
+
     "@bouko/style": "^0.1.1",
+
     "clsx": "^2.1.1",
+
     "framer-motion": "^12.16.0",
+
     "tailwind-merge": "^3.3.0",
+
     "tailwind-variants": "^1.0.0"
-  },
 
-  "devDependencies": {}
+  }
+
+}
 
-}

package/dist/assets/icons/check.svg

@@ -1,6 +0,0 @@
-<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512" width="1em" height="1em">
-    <path 
-        d="M438.6 105.4c12.5 12.5 12.5 32.8 0 45.3l-256 256c-12.5 12.5-32.8 12.5-45.3 0l-128-128c-12.5-12.5-12.5-32.8 0-45.3s32.8-12.5 45.3 0L160 338.7 393.4 105.4c12.5-12.5 32.8-12.5 45.3 0z" 
-        fill="currentColor" 
-    />
-</svg>