qt-ui-kit 1.0.29 → 1.0.31

package/dist/index.mjs

@@ -15635,33 +15635,64 @@ function QTLogo({ variant }) {
 // src/components/molecules/buttons/nav_button/main_nav_button/main_nav_button.tsx
 import clsx5 from "clsx";
 import { jsx as jsx22, jsxs as jsxs15 } from "react/jsx-runtime";
-function MainNavButton({ icon, label, active }) {
-  return /* @__PURE__ */ jsxs15("div", { className: "w-min h-min flex flex-none flex-col place-items-center gap-2", children: [
-    /* @__PURE__ */ jsx22(
-      "div",
-      {
-        className: clsx5(
-          "w-[44px] h-[44px] flex flex-none flex-col place-items-center place-content-center rounded-xl border-2 hover:border-qtpurple-500",
-          active ? "border-qtpurple-500 qt-drop-shadow-100 bg-qtpurple-200" : "border-qtpurple-300 bg-white"
+function MainNavButton({ icon, label, active, onClick }) {
+  return /* @__PURE__ */ jsxs15(
+    "div",
+    {
+      className: "w-min h-min flex flex-none flex-col place-items-center gap-2",
+      onClick,
+      children: [
+        /* @__PURE__ */ jsx22(
+          "div",
+          {
+            className: clsx5(
+              "w-[44px] h-[44px] flex flex-none flex-col place-items-center place-content-center rounded-xl border-2 hover:border-qtpurple-500",
+              active ? "border-qtpurple-500 qt-drop-shadow-100 bg-qtpurple-200" : "border-qtpurple-300 bg-white"
+            ),
+            children: icon
+          }
         ),
-        children: icon
-      }
-    ),
-    /* @__PURE__ */ jsx22("div", { className: "label-3-bold text-qtpurple-500", children: label })
-  ] });
+        /* @__PURE__ */ jsx22("div", { className: "label-3-bold text-qtpurple-500", children: label })
+      ]
+    }
+  );
 }
 
 // src/components/organisms/nav_bar/nav_bar.tsx
 import { jsx as jsx23, jsxs as jsxs16 } from "react/jsx-runtime";
-function NavBar({}) {
+function NavBar({ buttons = {} }) {
   return /* @__PURE__ */ jsxs16("div", { className: "flex flex-col w-[66px] bg-qtneutral-100 navbar-shadow h-full py-12 place-items-center place-content-between gap-8", children: [
     /* @__PURE__ */ jsxs16("div", { className: "flex flex-col gap-8", children: [
       /* @__PURE__ */ jsx23(QTLogo, { variant: "monogram" }),
-      /* @__PURE__ */ jsx23(MainNavButton, { active: true, label: "Queue", icon: /* @__PURE__ */ jsx23(Queue, { color: "#6558FD" }) })
+      /* @__PURE__ */ jsx23(
+        MainNavButton,
+        {
+          active: buttons.queue?.active,
+          label: "Queue",
+          icon: /* @__PURE__ */ jsx23(Queue, { color: "#6558FD" }),
+          onClick: buttons.queue?.onClick
+        }
+      )
     ] }),
     /* @__PURE__ */ jsxs16("div", { className: "flex flex-col gap-8", children: [
-      /* @__PURE__ */ jsx23(MainNavButton, { label: "Account", icon: /* @__PURE__ */ jsx23(Gear, { color: "#6558FD" }) }),
-      /* @__PURE__ */ jsx23(MainNavButton, { label: "Logout", icon: /* @__PURE__ */ jsx23(Logout, { color: "#6558FD" }) })
+      /* @__PURE__ */ jsx23(
+        MainNavButton,
+        {
+          active: buttons.account?.active,
+          label: "Account",
+          icon: /* @__PURE__ */ jsx23(Gear, { color: "#6558FD" }),
+          onClick: buttons.account?.onClick
+        }
+      ),
+      /* @__PURE__ */ jsx23(
+        MainNavButton,
+        {
+          active: buttons.logout?.active,
+          label: "Logout",
+          icon: /* @__PURE__ */ jsx23(Logout, { color: "#6558FD" }),
+          onClick: buttons.logout?.onClick
+        }
+      )
     ] })
   ] });
 }
@@ -16306,22 +16337,58 @@ function Search({
       case 16:
         return {
           viewBox: "0 0 16 16",
-          path: /* @__PURE__ */ jsx37("path", { d: "M14 14L10 10M11.3333 6.66667C11.3333 9.244 9.244 11.3333 6.66667 11.3333C4.08934 11.3333 2 9.244 2 6.66667C2 4.08934 4.08934 2 6.66667 2C9.244 2 11.3333 4.08934 11.3333 6.66667Z", stroke: color, "stroke-width": "1.25", "stroke-linecap": "round", "stroke-linejoin": "round" })
+          path: /* @__PURE__ */ jsx37(
+            "path",
+            {
+              d: "M14 14L10 10M11.3333 6.66667C11.3333 9.244 9.244 11.3333 6.66667 11.3333C4.08934 11.3333 2 9.244 2 6.66667C2 4.08934 4.08934 2 6.66667 2C9.244 2 11.3333 4.08934 11.3333 6.66667Z",
+              stroke: color,
+              strokeWidth: "1.25",
+              strokeLinecap: "round",
+              strokeLinejoin: "round"
+            }
+          )
         };
       case 20:
         return {
           viewBox: "0 0 20 20",
-          path: /* @__PURE__ */ jsx37("path", { d: "M17.5 17.5L12.5 12.5M14.1667 8.33333C14.1667 11.555 11.555 14.1667 8.33333 14.1667C5.11167 14.1667 2.5 11.555 2.5 8.33333C2.5 5.11167 5.11167 2.5 8.33333 2.5C11.555 2.5 14.1667 5.11167 14.1667 8.33333Z", stroke: color, "stroke-width": "1.5", "stroke-linecap": "round", "stroke-linejoin": "round" })
+          path: /* @__PURE__ */ jsx37(
+            "path",
+            {
+              d: "M17.5 17.5L12.5 12.5M14.1667 8.33333C14.1667 11.555 11.555 14.1667 8.33333 14.1667C5.11167 14.1667 2.5 11.555 2.5 8.33333C2.5 5.11167 5.11167 2.5 8.33333 2.5C11.555 2.5 14.1667 5.11167 14.1667 8.33333Z",
+              stroke: color,
+              strokeWidth: "1.5",
+              strokeLinecap: "round",
+              strokeLinejoin: "round"
+            }
+          )
         };
       case 24:
         return {
           viewBox: "0 0 24 24",
-          path: /* @__PURE__ */ jsx37("path", { d: "M21 21L15 15M17 10C17 13.866 13.866 17 10 17C6.13401 17 3 13.866 3 10C3 6.13401 6.13401 3 10 3C13.866 3 17 6.13401 17 10Z", stroke: color, "stroke-width": "2", "stroke-linecap": "round", "stroke-linejoin": "round" })
+          path: /* @__PURE__ */ jsx37(
+            "path",
+            {
+              d: "M21 21L15 15M17 10C17 13.866 13.866 17 10 17C6.13401 17 3 13.866 3 10C3 6.13401 6.13401 3 10 3C13.866 3 17 6.13401 17 10Z",
+              stroke: color,
+              strokeWidth: "2",
+              strokeLinecap: "round",
+              strokeLinejoin: "round"
+            }
+          )
         };
       case 36:
         return {
           viewBox: "0 0 36 36",
-          path: /* @__PURE__ */ jsx37("path", { d: "M31.5 31.5L22.5 22.5M25.5 15C25.5 20.799 20.799 25.5 15 25.5C9.20101 25.5 4.5 20.799 4.5 15C4.5 9.20101 9.20101 4.5 15 4.5C20.799 4.5 25.5 9.20101 25.5 15Z", stroke: color, "stroke-width": "2.25", "stroke-linecap": "round", "stroke-linejoin": "round" })
+          path: /* @__PURE__ */ jsx37(
+            "path",
+            {
+              d: "M31.5 31.5L22.5 22.5M25.5 15C25.5 20.799 20.799 25.5 15 25.5C9.20101 25.5 4.5 20.799 4.5 15C4.5 9.20101 9.20101 4.5 15 4.5C20.799 4.5 25.5 9.20101 25.5 15Z",
+              stroke: color,
+              strokeWidth: "2.25",
+              strokeLinecap: "round",
+              strokeLinejoin: "round"
+            }
+          )
         };
     }
   };