qt-ui-kit 1.0.30 → 1.0.32

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (7) hide show
  1. package/dist/index.d.mts +9 -2
  2. package/dist/index.d.ts +9 -2
  3. package/dist/index.js +88 -21
  4. package/dist/index.js.map +1 -1
  5. package/dist/index.mjs +88 -21
  6. package/dist/index.mjs.map +1 -1
  7. package/package.json +1 -1
package/dist/index.mjs CHANGED
@@ -13111,22 +13111,58 @@ function ExternalLink({
13111
13111
  case 16:
13112
13112
  return {
13113
13113
  viewBox: "0 0 16 16",
13114
- path: /* @__PURE__ */ jsx8("path", { d: "M6.66699 3.99996H4.00033C3.26395 3.99996 2.66699 4.59691 2.66699 5.33329V12C2.66699 12.7363 3.26395 13.3333 4.00033 13.3333H10.667C11.4034 13.3333 12.0003 12.7363 12.0003 12V9.33329M9.33366 2.66663H13.3337M13.3337 2.66663V6.66663M13.3337 2.66663L6.66699 9.33329", stroke: color, "stroke-width": "1.25", "stroke-linecap": "round", "stroke-linejoin": "round" })
13114
+ path: /* @__PURE__ */ jsx8(
13115
+ "path",
13116
+ {
13117
+ d: "M6.66699 3.99996H4.00033C3.26395 3.99996 2.66699 4.59691 2.66699 5.33329V12C2.66699 12.7363 3.26395 13.3333 4.00033 13.3333H10.667C11.4034 13.3333 12.0003 12.7363 12.0003 12V9.33329M9.33366 2.66663H13.3337M13.3337 2.66663V6.66663M13.3337 2.66663L6.66699 9.33329",
13118
+ stroke: color,
13119
+ strokeWidth: "1.25",
13120
+ strokeLinecap: "round",
13121
+ strokeLinejoin: "round"
13122
+ }
13123
+ )
13115
13124
  };
13116
13125
  case 20:
13117
13126
  return {
13118
13127
  viewBox: "0 0 20 20",
13119
- path: /* @__PURE__ */ jsx8("path", { d: "M8.33301 5.00004H4.99967C4.0792 5.00004 3.33301 5.74623 3.33301 6.66671V15C3.33301 15.9205 4.0792 16.6667 4.99967 16.6667H13.333C14.2535 16.6667 14.9997 15.9205 14.9997 15V11.6667M11.6663 3.33337H16.6663M16.6663 3.33337V8.33337M16.6663 3.33337L8.33301 11.6667", stroke: color, "stroke-width": "1.5", "stroke-linecap": "round", "stroke-linejoin": "round" })
13128
+ path: /* @__PURE__ */ jsx8(
13129
+ "path",
13130
+ {
13131
+ d: "M8.33301 5.00004H4.99967C4.0792 5.00004 3.33301 5.74623 3.33301 6.66671V15C3.33301 15.9205 4.0792 16.6667 4.99967 16.6667H13.333C14.2535 16.6667 14.9997 15.9205 14.9997 15V11.6667M11.6663 3.33337H16.6663M16.6663 3.33337V8.33337M16.6663 3.33337L8.33301 11.6667",
13132
+ stroke: color,
13133
+ strokeWidth: "1.5",
13134
+ strokeLinecap: "round",
13135
+ strokeLinejoin: "round"
13136
+ }
13137
+ )
13120
13138
  };
13121
13139
  case 24:
13122
13140
  return {
13123
13141
  viewBox: "0 0 24 24",
13124
- path: /* @__PURE__ */ jsx8("path", { d: "M10 6H6C4.89543 6 4 6.89543 4 8V18C4 19.1046 4.89543 20 6 20H16C17.1046 20 18 19.1046 18 18V14M14 4H20M20 4V10M20 4L10 14", stroke: color, "stroke-width": "2", "stroke-linecap": "round", "stroke-linejoin": "round" })
13142
+ path: /* @__PURE__ */ jsx8(
13143
+ "path",
13144
+ {
13145
+ d: "M10 6H6C4.89543 6 4 6.89543 4 8V18C4 19.1046 4.89543 20 6 20H16C17.1046 20 18 19.1046 18 18V14M14 4H20M20 4V10M20 4L10 14",
13146
+ stroke: color,
13147
+ strokeWidth: "2",
13148
+ strokeLinecap: "round",
13149
+ strokeLinejoin: "round"
13150
+ }
13151
+ )
13125
13152
  };
13126
13153
  case 36:
13127
13154
  return {
13128
13155
  viewBox: "0 0 36 36",
13129
- path: /* @__PURE__ */ jsx8("path", { d: "M15 9H9C7.34315 9 6 10.3431 6 12V27C6 28.6569 7.34315 30 9 30H24C25.6569 30 27 28.6569 27 27V21M21 6H30M30 6V15M30 6L15 21", stroke: color, "stroke-width": "2.25", "stroke-linecap": "round", "stroke-linejoin": "round" })
13156
+ path: /* @__PURE__ */ jsx8(
13157
+ "path",
13158
+ {
13159
+ d: "M15 9H9C7.34315 9 6 10.3431 6 12V27C6 28.6569 7.34315 30 9 30H24C25.6569 30 27 28.6569 27 27V21M21 6H30M30 6V15M30 6L15 21",
13160
+ stroke: color,
13161
+ strokeWidth: "2.25",
13162
+ strokeLinecap: "round",
13163
+ strokeLinejoin: "round"
13164
+ }
13165
+ )
13130
13166
  };
13131
13167
  }
13132
13168
  };
@@ -15635,33 +15671,64 @@ function QTLogo({ variant }) {
15635
15671
  // src/components/molecules/buttons/nav_button/main_nav_button/main_nav_button.tsx
15636
15672
  import clsx5 from "clsx";
15637
15673
  import { jsx as jsx22, jsxs as jsxs15 } from "react/jsx-runtime";
15638
- function MainNavButton({ icon, label, active }) {
15639
- return /* @__PURE__ */ jsxs15("div", { className: "w-min h-min flex flex-none flex-col place-items-center gap-2", children: [
15640
- /* @__PURE__ */ jsx22(
15641
- "div",
15642
- {
15643
- className: clsx5(
15644
- "w-[44px] h-[44px] flex flex-none flex-col place-items-center place-content-center rounded-xl border-2 hover:border-qtpurple-500",
15645
- active ? "border-qtpurple-500 qt-drop-shadow-100 bg-qtpurple-200" : "border-qtpurple-300 bg-white"
15674
+ function MainNavButton({ icon, label, active, onClick }) {
15675
+ return /* @__PURE__ */ jsxs15(
15676
+ "div",
15677
+ {
15678
+ className: "w-min h-min flex flex-none flex-col place-items-center gap-2",
15679
+ onClick,
15680
+ children: [
15681
+ /* @__PURE__ */ jsx22(
15682
+ "div",
15683
+ {
15684
+ className: clsx5(
15685
+ "w-[44px] h-[44px] flex flex-none flex-col place-items-center place-content-center rounded-xl border-2 hover:border-qtpurple-500",
15686
+ active ? "border-qtpurple-500 qt-drop-shadow-100 bg-qtpurple-200" : "border-qtpurple-300 bg-white"
15687
+ ),
15688
+ children: icon
15689
+ }
15646
15690
  ),
15647
- children: icon
15648
- }
15649
- ),
15650
- /* @__PURE__ */ jsx22("div", { className: "label-3-bold text-qtpurple-500", children: label })
15651
- ] });
15691
+ /* @__PURE__ */ jsx22("div", { className: "label-3-bold text-qtpurple-500 select-none", children: label })
15692
+ ]
15693
+ }
15694
+ );
15652
15695
  }
15653
15696
 
15654
15697
  // src/components/organisms/nav_bar/nav_bar.tsx
15655
15698
  import { jsx as jsx23, jsxs as jsxs16 } from "react/jsx-runtime";
15656
- function NavBar({}) {
15699
+ function NavBar({ buttons = {} }) {
15657
15700
  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: [
15658
15701
  /* @__PURE__ */ jsxs16("div", { className: "flex flex-col gap-8", children: [
15659
15702
  /* @__PURE__ */ jsx23(QTLogo, { variant: "monogram" }),
15660
- /* @__PURE__ */ jsx23(MainNavButton, { active: true, label: "Queue", icon: /* @__PURE__ */ jsx23(Queue, { color: "#6558FD" }) })
15703
+ /* @__PURE__ */ jsx23(
15704
+ MainNavButton,
15705
+ {
15706
+ active: buttons.queue?.active,
15707
+ label: "Queue",
15708
+ icon: /* @__PURE__ */ jsx23(Queue, { color: "#6558FD" }),
15709
+ onClick: buttons.queue?.onClick
15710
+ }
15711
+ )
15661
15712
  ] }),
15662
15713
  /* @__PURE__ */ jsxs16("div", { className: "flex flex-col gap-8", children: [
15663
- /* @__PURE__ */ jsx23(MainNavButton, { label: "Account", icon: /* @__PURE__ */ jsx23(Gear, { color: "#6558FD" }) }),
15664
- /* @__PURE__ */ jsx23(MainNavButton, { label: "Logout", icon: /* @__PURE__ */ jsx23(Logout, { color: "#6558FD" }) })
15714
+ /* @__PURE__ */ jsx23(
15715
+ MainNavButton,
15716
+ {
15717
+ active: buttons.account?.active,
15718
+ label: "Account",
15719
+ icon: /* @__PURE__ */ jsx23(Gear, { color: "#6558FD" }),
15720
+ onClick: buttons.account?.onClick
15721
+ }
15722
+ ),
15723
+ /* @__PURE__ */ jsx23(
15724
+ MainNavButton,
15725
+ {
15726
+ active: buttons.logout?.active,
15727
+ label: "Logout",
15728
+ icon: /* @__PURE__ */ jsx23(Logout, { color: "#6558FD" }),
15729
+ onClick: buttons.logout?.onClick
15730
+ }
15731
+ )
15665
15732
  ] })
15666
15733
  ] });
15667
15734
  }