@bbki.ng/components 5.1.2 → 5.2.0

package/dist/button/Button.d.ts

@@ -3,7 +3,8 @@ export declare enum ButtonType {
     DANGER = "danger",
     PRIMARY = "primary",
     NORMAL = "normal",
-    DISABLED = "disabled"
+    DISABLED = "disabled",
+    GHOST = "ghost"
 }
 export interface ButtonProps {
     className?: string;

package/dist/button/Button.mjs

@@ -1,19 +1,20 @@
 import m from "react";
 import u from "../node_modules/.pnpm/classnames@2.3.1/node_modules/classnames/index.mjs";
-import { jsx as p } from "../_virtual/jsx-runtime.mjs";
-var b = /* @__PURE__ */ ((t) => (t.DANGER = "danger", t.PRIMARY = "primary", t.NORMAL = "normal", t.DISABLED = "disabled", t))(b || {});
-function h(t) {
-  const o = {
+import { jsx as h } from "../_virtual/jsx-runtime.mjs";
+var b = /* @__PURE__ */ ((t) => (t.DANGER = "danger", t.PRIMARY = "primary", t.NORMAL = "normal", t.DISABLED = "disabled", t.GHOST = "ghost", t))(b || {});
+function p(t) {
+  const s = {
     danger: "text-red-500",
     primary: "text-blue-600",
     disabled: "text-gray-400 cursor-not-allowed",
-    normal: "text-black"
+    normal: "text-black",
+    ghost: "text-black bg-transparent"
   }, [a, r] = m.useState(!1), {
     type: e = "normal",
-    className: s = "",
+    className: o = "",
     onClick: n,
     btnType: l
-  } = t, i = e === "disabled" ? "" : u("transition-all duration-200 ease-in-out shadow-button active:shadow-empty", {
+  } = t, i = e === "disabled" || e === "ghost" ? "" : u("transition-all duration-200 ease-in-out shadow-button active:shadow-empty", {
     "shadow-empty": a,
     "hover:shadow-button-hover": !a
   }), d = (c) => {
@@ -21,15 +22,15 @@ function h(t) {
       r(!1), n(c);
     }, 280));
   };
-  return /* @__PURE__ */ p("button", {
-    className: `${o[e]} ${s} ${i} py-8 px-16 transition-all duration-200 ease-in-out`,
+  return /* @__PURE__ */ h("button", {
+    className: `${s[e]} ${o} ${i} py-8 px-16 transition-all duration-200 ease-in-out`,
     onClick: d,
     type: l,
     children: t.children
   });
 }
-h.displayName = "Button";
+p.displayName = "Button";
 export {
-  h as Button,
+  p as Button,
   b as ButtonType
 };

package/dist/layout/layout.mjs

@@ -2,15 +2,15 @@ import e from "../node_modules/.pnpm/classnames@2.3.1/node_modules/classnames/in
 import { jsxs as c, jsx as d } from "../_virtual/jsx-runtime.mjs";
 const t = (s) => {
   const {
-    leftRenderer: o,
+    leftRenderer: i,
     middleRenderer: l,
-    rightRenderer: i
-  } = s, r = e("max-h-full overflow-auto xl:block! py-128 mx-auto max-w-[680px]");
+    rightRenderer: o
+  } = s, r = e("max-h-full overflow-auto xl:block! py-128 max-w-[580px]");
   return /* @__PURE__ */ c("div", {
     className: "grid grid-cols-1 xl:grid-cols-3 gap-4 h-full w-full",
     children: [/* @__PURE__ */ d("div", {
       className: e("hidden", r),
-      children: o && o()
+      children: i && i()
     }), /* @__PURE__ */ d("div", {
       className: e(r, "no-scrollbar p-16", "relative", {
         hidden: !l
@@ -18,7 +18,7 @@ const t = (s) => {
       children: l && l()
     }), /* @__PURE__ */ d("div", {
       className: e("hidden", r),
-      children: i && i()
+      children: o && o()
     })]
   });
 };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@bbki.ng/components",
-  "version": "5.1.2",
+  "version": "5.2.0",
   "type": "module",
   "files": [
     "dist"
@@ -35,7 +35,7 @@
     "classnames": "2.3.1",
     "phenomenon": "^1.6.0",
     "react-hook-form": "7.54.2",
-    "@bbki.ng/stylebase": "3.0.1"
+    "@bbki.ng/stylebase": "3.1.0"
   },
   "devDependencies": {
     "@babel/core": "^7.18.9",