jett.admin.npmpackage 1.0.8 → 1.0.9

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 (4) hide show
  1. package/dist/index.css +21 -16
  2. package/dist/index.js +47 -9
  3. package/dist/index.mjs +47 -9
  4. package/package.json +1 -1
package/dist/index.css CHANGED
@@ -47,11 +47,8 @@
47
47
  --text-sm--line-height: calc(1.25 / 0.875);
48
48
  --text-lg: 1.125rem;
49
49
  --text-lg--line-height: calc(1.75 / 1.125);
50
- --text-2xl: 1.5rem;
51
- --text-2xl--line-height: calc(2 / 1.5);
52
50
  --font-weight-medium: 500;
53
51
  --font-weight-semibold: 600;
54
- --font-weight-bold: 700;
55
52
  --radius-sm: 0.25rem;
56
53
  --radius-md: 0.375rem;
57
54
  --radius-lg: 0.5rem;
@@ -305,6 +302,9 @@
305
302
  .mb-6 {
306
303
  margin-bottom: calc(var(--spacing) * 6);
307
304
  }
305
+ .ml-\[20px\] {
306
+ margin-left: 20px;
307
+ }
308
308
  .ml-\[40px\] {
309
309
  margin-left: 40px;
310
310
  }
@@ -338,6 +338,9 @@
338
338
  .h-10 {
339
339
  height: calc(var(--spacing) * 10);
340
340
  }
341
+ .h-\[40px\] {
342
+ height: 40px;
343
+ }
341
344
  .h-\[90px\] {
342
345
  height: 90px;
343
346
  }
@@ -374,12 +377,12 @@
374
377
  .w-11 {
375
378
  width: calc(var(--spacing) * 11);
376
379
  }
377
- .w-24 {
378
- width: calc(var(--spacing) * 24);
379
- }
380
380
  .w-72 {
381
381
  width: calc(var(--spacing) * 72);
382
382
  }
383
+ .w-\[108px\] {
384
+ width: 108px;
385
+ }
383
386
  .w-full {
384
387
  width: 100%;
385
388
  }
@@ -544,6 +547,9 @@
544
547
  .border-red-500 {
545
548
  border-color: var(--color-red-500);
546
549
  }
550
+ .bg-\[\#fafafa\] {
551
+ background-color: #fafafa;
552
+ }
547
553
  .bg-black {
548
554
  background-color: var(--color-black);
549
555
  }
@@ -628,10 +634,6 @@
628
634
  .text-right {
629
635
  text-align: right;
630
636
  }
631
- .text-2xl {
632
- font-size: var(--text-2xl);
633
- line-height: var(--tw-leading, var(--text-2xl--line-height));
634
- }
635
637
  .text-lg {
636
638
  font-size: var(--text-lg);
637
639
  line-height: var(--tw-leading, var(--text-lg--line-height));
@@ -666,10 +668,6 @@
666
668
  --tw-font-weight: 600;
667
669
  font-weight: 600;
668
670
  }
669
- .font-bold {
670
- --tw-font-weight: var(--font-weight-bold);
671
- font-weight: var(--font-weight-bold);
672
- }
673
671
  .font-medium {
674
672
  --tw-font-weight: var(--font-weight-medium);
675
673
  font-weight: var(--font-weight-medium);
@@ -678,8 +676,8 @@
678
676
  --tw-font-weight: var(--font-weight-semibold);
679
677
  font-weight: var(--font-weight-semibold);
680
678
  }
681
- .text-\[\#374151\] {
682
- color: #374151;
679
+ .text-\[\#3f3f46cc\] {
680
+ color: #3f3f46cc;
683
681
  }
684
682
  .text-\[\#737373\] {
685
683
  color: #737373;
@@ -850,6 +848,13 @@
850
848
  }
851
849
  }
852
850
  }
851
+ .hover\:bg-\[\#f4f4f5\] {
852
+ &:hover {
853
+ @media (hover: hover) {
854
+ background-color: #f4f4f5;
855
+ }
856
+ }
857
+ }
853
858
  .hover\:bg-gray-100 {
854
859
  &:hover {
855
860
  @media (hover: hover) {
package/dist/index.js CHANGED
@@ -435,9 +435,46 @@ var CustomUpload = ({
435
435
  };
436
436
 
437
437
  // src/sideBar/SideBar.jsx
438
- var import_lucide_react4 = require("lucide-react");
438
+ var import_lucide_react5 = require("lucide-react");
439
439
  var import_react11 = __toESM(require("react"));
440
- var AppSideBar = ({ sideBarHeading, username, role, navItems, additionalItems }) => {
440
+
441
+ // ConstantUI.js
442
+ var import_lucide_react4 = require("lucide-react");
443
+ var navItemsConstant = [
444
+ { Icon: import_lucide_react4.Home, label: "Home", onClick: () => {
445
+ }, isDropDown: false },
446
+ { Icon: import_lucide_react4.BaggageClaim, label: "Trips", onClick: () => {
447
+ }, isDropDown: false },
448
+ { Icon: import_lucide_react4.Users, label: "Admin Users", onClick: () => {
449
+ }, isDropDown: true, options: [{ label: "Users", onclick: () => {
450
+ } }, { label: "Role", onclick: () => {
451
+ } }] },
452
+ { Icon: import_lucide_react4.Banknote, label: "Corporate", onClick: () => {
453
+ }, isDropDown: false },
454
+ { Icon: import_lucide_react4.Globe, label: "TMC Entities", onClick: () => {
455
+ }, isDropDown: false },
456
+ { Icon: import_lucide_react4.Globe, label: "Reports", onClick: () => {
457
+ }, isDropDown: false },
458
+ { Icon: import_lucide_react4.TrendingUp, label: "Revenue Management", onClick: () => {
459
+ }, isDropDown: true, options: [{ label: "Users", onclick: () => {
460
+ } }, { label: "Role", onclick: () => {
461
+ } }] },
462
+ { Icon: import_lucide_react4.FileText, label: "Finance", onClick: () => {
463
+ }, isDropDown: true },
464
+ { Icon: import_lucide_react4.FileKey2, label: "Master Configuration", onClick: () => {
465
+ }, isDropDown: true, options: [{ label: "Users", onclick: () => {
466
+ } }, { label: "Role", onclick: () => {
467
+ } }] }
468
+ ];
469
+ var additionalItemsConstant = [
470
+ { Icon: import_lucide_react4.LifeBuoy, label: "Support", onclick: () => {
471
+ } },
472
+ { Icon: import_lucide_react4.Cog, label: "Settings", onclick: () => {
473
+ } }
474
+ ];
475
+
476
+ // src/sideBar/SideBar.jsx
477
+ var AppSideBar = ({ username, role, navItems, additionalItems, sideBarLogo }) => {
441
478
  const handleIconRotate = (e, index) => {
442
479
  let dropDownIcon = e.currentTarget.children[2];
443
480
  if (!dropDownIcon) return;
@@ -458,23 +495,25 @@ var AppSideBar = ({ sideBarHeading, username, role, navItems, additionalItems })
458
495
  optionsContainer.classList.add("max-h-0");
459
496
  }
460
497
  };
461
- return /* @__PURE__ */ import_react11.default.createElement("div", { className: "w-72 bg-gray-50 border-r border-gray-200 flex flex-col p-4 h-full" }, /* @__PURE__ */ import_react11.default.createElement("div", { className: "p-2 mb-4" }, /* @__PURE__ */ import_react11.default.createElement("div", { className: "w-24 h-10 bg-black text-white flex items-center \r\n justify-center font-bold text-2xl border-2border-black" }, sideBarHeading)), /* @__PURE__ */ import_react11.default.createElement("div", null, navItems.map((item, index) => {
498
+ const navItemsLocal = navItems ?? navItemsConstant;
499
+ const additionalItemsLocal = additionalItems ?? additionalItemsConstant;
500
+ return /* @__PURE__ */ import_react11.default.createElement("div", { className: "w-72 bg-[#fafafa] border-r border-gray-200 flex flex-col p-4 h-full" }, /* @__PURE__ */ import_react11.default.createElement("div", { className: "p-2 mb-4" }, /* @__PURE__ */ import_react11.default.createElement("div", { className: "w-[108px] h-[40px] flex items-center \r\n justify-center" }, /* @__PURE__ */ import_react11.default.createElement("img", { src: sideBarLogo, alt: "sidebarLogo", width: 108, height: 40 }))), /* @__PURE__ */ import_react11.default.createElement("div", { className: "mb-6" }, /* @__PURE__ */ import_react11.default.createElement("div", { className: "flex ml-[20px] items-center gap-2 mb-2" }, /* @__PURE__ */ import_react11.default.createElement(import_lucide_react5.Globe, { width: 20, height: 20, color: "#18181b" }), /* @__PURE__ */ import_react11.default.createElement("h3", { className: "text-[#3f3f46cc] font-medium" }, "Data Centers")), /* @__PURE__ */ import_react11.default.createElement("div", null, /* @__PURE__ */ import_react11.default.createElement(CustomAutocomplete, { options: [] }))), /* @__PURE__ */ import_react11.default.createElement("div", null, navItemsLocal == null ? void 0 : navItemsLocal.map((item, index) => {
462
501
  return /* @__PURE__ */ import_react11.default.createElement("div", { key: index, className: "" }, /* @__PURE__ */ import_react11.default.createElement("div", { className: "flex items-center gap-3 p-2 hover:bg-[#f3f4f6] cursor-pointer", onClick: (e) => {
463
502
  item.onClick && item.onClick(e);
464
503
  handleIconRotate(e, index);
465
- } }, /* @__PURE__ */ import_react11.default.createElement(item.Icon, { width: 20, height: 20, color: "rgb(75 85 99)" }), /* @__PURE__ */ import_react11.default.createElement("span", { className: "font-medium text-[#374151]" }, item.label), item.isDropDown && /* @__PURE__ */ import_react11.default.createElement("div", { className: `ml-auto transition-all delay-75` }, /* @__PURE__ */ import_react11.default.createElement(import_lucide_react4.ChevronDown, { width: 20, height: 20 }))), item.options && item.options.length > 0 && /* @__PURE__ */ import_react11.default.createElement("div", { className: "ml-[40px] max-h-0 overflow-hidden flex flex-col", id: `dropDownOptions-${index}` }, item.options.map((options) => {
504
+ } }, /* @__PURE__ */ import_react11.default.createElement(item.Icon, { width: 20, height: 20, color: "#18181b" }), /* @__PURE__ */ import_react11.default.createElement("span", { className: "font-medium text-[#3f3f46cc]" }, item.label), item.isDropDown && /* @__PURE__ */ import_react11.default.createElement("div", { className: `ml-auto transition-all delay-75` }, /* @__PURE__ */ import_react11.default.createElement(import_lucide_react5.ChevronDown, { width: 20, height: 20 }))), item.options && item.options.length > 0 && /* @__PURE__ */ import_react11.default.createElement("div", { className: "ml-[40px] max-h-0 overflow-hidden flex flex-col", id: `dropDownOptions-${index}` }, item.options.map((options) => {
466
505
  return /* @__PURE__ */ import_react11.default.createElement(
467
506
  "div",
468
507
  {
469
- className: "p-2 rounded-lg hover:bg-gray-100 text-gray-600 font-medium text-sm",
508
+ className: "p-2 rounded-lg hover:bg-gray-100 text-[#3f3f46cc] font-medium text-sm",
470
509
  onClick: () => options.onclick && options.onclick()
471
510
  },
472
511
  options.label
473
512
  );
474
513
  })));
475
- })), /* @__PURE__ */ import_react11.default.createElement("div", { className: "border-t border-[#e5e5e5] mt-4" }, (additionalItems == null ? void 0 : additionalItems.length) > 0 && additionalItems.map((item, index) => {
476
- return /* @__PURE__ */ import_react11.default.createElement("div", { key: index, className: "flex items-center gap-3 p-2 hover:bg-[#f3f4f6] cursor-pointer", onClick: () => item.onClick && item.onClick() }, /* @__PURE__ */ import_react11.default.createElement(item.Icon, { width: 20, height: 20, color: "rgb(75 85 99)" }), /* @__PURE__ */ import_react11.default.createElement("span", { className: "font-medium text-[#374151]" }, item.label));
477
- })), /* @__PURE__ */ import_react11.default.createElement("div", { className: "mt-auto bg-gray-50 border-t border-[#e5e5e5] sticky bottom-0 pt-2" }, /* @__PURE__ */ import_react11.default.createElement("div", { className: "flex items-center justify-between p-2 rounded-lg hover:bg-gray-100 cursor-pointer" }, /* @__PURE__ */ import_react11.default.createElement("div", { className: "flex items-center gap-3" }, /* @__PURE__ */ import_react11.default.createElement("span", { className: "relative flex shrink-0 overflow-hidden rounded-full h-10 w-10" }, /* @__PURE__ */ import_react11.default.createElement("span", { className: "flex h-full w-full items-center justify-center rounded-full bg-muted" }, username && username.split("")[0])), /* @__PURE__ */ import_react11.default.createElement("div", null, /* @__PURE__ */ import_react11.default.createElement("p", { className: "font-semibold" }, username), /* @__PURE__ */ import_react11.default.createElement("p", { className: "text-sm text-gray-500" }, role))), /* @__PURE__ */ import_react11.default.createElement(import_lucide_react4.LogOut, null))));
514
+ })), /* @__PURE__ */ import_react11.default.createElement("div", { className: "border-t border-[#e5e5e5] mt-4" }, (additionalItemsLocal == null ? void 0 : additionalItemsLocal.length) > 0 && additionalItemsLocal.map((item, index) => {
515
+ return /* @__PURE__ */ import_react11.default.createElement("div", { key: index, className: "flex items-center gap-3 p-2 hover:bg-[#f3f4f6] cursor-pointer", onClick: () => item.onClick && item.onClick() }, /* @__PURE__ */ import_react11.default.createElement(item.Icon, { width: 20, height: 20, color: "#18181b" }), /* @__PURE__ */ import_react11.default.createElement("span", { className: "font-medium text-[#3f3f46cc]" }, item.label));
516
+ })), /* @__PURE__ */ import_react11.default.createElement("div", { className: "mt-auto bg-[#fafafa] border-t border-[#e5e5e5] sticky bottom-0 pt-2" }, /* @__PURE__ */ import_react11.default.createElement("div", { className: "flex items-center justify-between p-2 rounded-lg hover:bg-[#f4f4f5] cursor-pointer" }, /* @__PURE__ */ import_react11.default.createElement("div", { className: "flex items-center gap-3" }, /* @__PURE__ */ import_react11.default.createElement("span", { className: "relative flex shrink-0 overflow-hidden rounded-full h-10 w-10" }, /* @__PURE__ */ import_react11.default.createElement("span", { className: "flex h-full w-full items-center justify-center rounded-full bg-muted" }, username && username.split("")[0])), /* @__PURE__ */ import_react11.default.createElement("div", null, /* @__PURE__ */ import_react11.default.createElement("p", { className: "font-semibold" }, username), /* @__PURE__ */ import_react11.default.createElement("p", { className: "text-sm text-[#3f3f46cc]" }, role))), /* @__PURE__ */ import_react11.default.createElement(import_lucide_react5.LogOut, { color: "#18181b" }))));
478
517
  };
479
518
 
480
519
  // src/RightSheet/RightSheet.jsx
@@ -519,7 +558,6 @@ var RightSheet = ({ open, setOpen, children, callBack }) => {
519
558
 
520
559
  // src/Table/CustomTable.jsx
521
560
  var import_react13 = __toESM(require("react"));
522
- var import_clsx2 = __toESM(require("clsx"));
523
561
  var CustomTable = ({ tableHeader, setIsAllChecked, isAllChecked, children }) => {
524
562
  return /* @__PURE__ */ import_react13.default.createElement("div", { className: "border border-[#e5e5e5] rounded-lg overflow-x-auto" }, /* @__PURE__ */ import_react13.default.createElement("div", { className: "w-full relative overflow-x-auto" }, /* @__PURE__ */ import_react13.default.createElement("table", { className: "w-full caption-bottom text-sm overflow-x-auto bg-white table-fixed border-collapse" }, /* @__PURE__ */ import_react13.default.createElement("thead", { className: "border-b border-[#e5e5e5]" }, /* @__PURE__ */ import_react13.default.createElement("tr", { className: "transition-colors text-[#737373] hover:bg-muted/50 \r\n data-[state=selected]:bg-muted" }, /* @__PURE__ */ import_react13.default.createElement("th", { className: "px-4 py-3 text-left" }, /* @__PURE__ */ import_react13.default.createElement(CustomCheckbox, { checked: isAllChecked, onChange: () => {
525
563
  setIsAllChecked(!isAllChecked);
package/dist/index.mjs CHANGED
@@ -388,9 +388,46 @@ var CustomUpload = ({
388
388
  };
389
389
 
390
390
  // src/sideBar/SideBar.jsx
391
- import { ChevronDown as ChevronDown2, LogOut } from "lucide-react";
391
+ import { ChevronDown as ChevronDown2, Globe as Globe2, LogOut } from "lucide-react";
392
392
  import React11 from "react";
393
- var AppSideBar = ({ sideBarHeading, username, role, navItems, additionalItems }) => {
393
+
394
+ // ConstantUI.js
395
+ import { Home, BaggageClaim, Users, Banknote, Globe, TrendingUp, FileText, FileKey2, LifeBuoy, Cog } from "lucide-react";
396
+ var navItemsConstant = [
397
+ { Icon: Home, label: "Home", onClick: () => {
398
+ }, isDropDown: false },
399
+ { Icon: BaggageClaim, label: "Trips", onClick: () => {
400
+ }, isDropDown: false },
401
+ { Icon: Users, label: "Admin Users", onClick: () => {
402
+ }, isDropDown: true, options: [{ label: "Users", onclick: () => {
403
+ } }, { label: "Role", onclick: () => {
404
+ } }] },
405
+ { Icon: Banknote, label: "Corporate", onClick: () => {
406
+ }, isDropDown: false },
407
+ { Icon: Globe, label: "TMC Entities", onClick: () => {
408
+ }, isDropDown: false },
409
+ { Icon: Globe, label: "Reports", onClick: () => {
410
+ }, isDropDown: false },
411
+ { Icon: TrendingUp, label: "Revenue Management", onClick: () => {
412
+ }, isDropDown: true, options: [{ label: "Users", onclick: () => {
413
+ } }, { label: "Role", onclick: () => {
414
+ } }] },
415
+ { Icon: FileText, label: "Finance", onClick: () => {
416
+ }, isDropDown: true },
417
+ { Icon: FileKey2, label: "Master Configuration", onClick: () => {
418
+ }, isDropDown: true, options: [{ label: "Users", onclick: () => {
419
+ } }, { label: "Role", onclick: () => {
420
+ } }] }
421
+ ];
422
+ var additionalItemsConstant = [
423
+ { Icon: LifeBuoy, label: "Support", onclick: () => {
424
+ } },
425
+ { Icon: Cog, label: "Settings", onclick: () => {
426
+ } }
427
+ ];
428
+
429
+ // src/sideBar/SideBar.jsx
430
+ var AppSideBar = ({ username, role, navItems, additionalItems, sideBarLogo }) => {
394
431
  const handleIconRotate = (e, index) => {
395
432
  let dropDownIcon = e.currentTarget.children[2];
396
433
  if (!dropDownIcon) return;
@@ -411,23 +448,25 @@ var AppSideBar = ({ sideBarHeading, username, role, navItems, additionalItems })
411
448
  optionsContainer.classList.add("max-h-0");
412
449
  }
413
450
  };
414
- return /* @__PURE__ */ React11.createElement("div", { className: "w-72 bg-gray-50 border-r border-gray-200 flex flex-col p-4 h-full" }, /* @__PURE__ */ React11.createElement("div", { className: "p-2 mb-4" }, /* @__PURE__ */ React11.createElement("div", { className: "w-24 h-10 bg-black text-white flex items-center \r\n justify-center font-bold text-2xl border-2border-black" }, sideBarHeading)), /* @__PURE__ */ React11.createElement("div", null, navItems.map((item, index) => {
451
+ const navItemsLocal = navItems ?? navItemsConstant;
452
+ const additionalItemsLocal = additionalItems ?? additionalItemsConstant;
453
+ return /* @__PURE__ */ React11.createElement("div", { className: "w-72 bg-[#fafafa] border-r border-gray-200 flex flex-col p-4 h-full" }, /* @__PURE__ */ React11.createElement("div", { className: "p-2 mb-4" }, /* @__PURE__ */ React11.createElement("div", { className: "w-[108px] h-[40px] flex items-center \r\n justify-center" }, /* @__PURE__ */ React11.createElement("img", { src: sideBarLogo, alt: "sidebarLogo", width: 108, height: 40 }))), /* @__PURE__ */ React11.createElement("div", { className: "mb-6" }, /* @__PURE__ */ React11.createElement("div", { className: "flex ml-[20px] items-center gap-2 mb-2" }, /* @__PURE__ */ React11.createElement(Globe2, { width: 20, height: 20, color: "#18181b" }), /* @__PURE__ */ React11.createElement("h3", { className: "text-[#3f3f46cc] font-medium" }, "Data Centers")), /* @__PURE__ */ React11.createElement("div", null, /* @__PURE__ */ React11.createElement(CustomAutocomplete, { options: [] }))), /* @__PURE__ */ React11.createElement("div", null, navItemsLocal == null ? void 0 : navItemsLocal.map((item, index) => {
415
454
  return /* @__PURE__ */ React11.createElement("div", { key: index, className: "" }, /* @__PURE__ */ React11.createElement("div", { className: "flex items-center gap-3 p-2 hover:bg-[#f3f4f6] cursor-pointer", onClick: (e) => {
416
455
  item.onClick && item.onClick(e);
417
456
  handleIconRotate(e, index);
418
- } }, /* @__PURE__ */ React11.createElement(item.Icon, { width: 20, height: 20, color: "rgb(75 85 99)" }), /* @__PURE__ */ React11.createElement("span", { className: "font-medium text-[#374151]" }, item.label), item.isDropDown && /* @__PURE__ */ React11.createElement("div", { className: `ml-auto transition-all delay-75` }, /* @__PURE__ */ React11.createElement(ChevronDown2, { width: 20, height: 20 }))), item.options && item.options.length > 0 && /* @__PURE__ */ React11.createElement("div", { className: "ml-[40px] max-h-0 overflow-hidden flex flex-col", id: `dropDownOptions-${index}` }, item.options.map((options) => {
457
+ } }, /* @__PURE__ */ React11.createElement(item.Icon, { width: 20, height: 20, color: "#18181b" }), /* @__PURE__ */ React11.createElement("span", { className: "font-medium text-[#3f3f46cc]" }, item.label), item.isDropDown && /* @__PURE__ */ React11.createElement("div", { className: `ml-auto transition-all delay-75` }, /* @__PURE__ */ React11.createElement(ChevronDown2, { width: 20, height: 20 }))), item.options && item.options.length > 0 && /* @__PURE__ */ React11.createElement("div", { className: "ml-[40px] max-h-0 overflow-hidden flex flex-col", id: `dropDownOptions-${index}` }, item.options.map((options) => {
419
458
  return /* @__PURE__ */ React11.createElement(
420
459
  "div",
421
460
  {
422
- className: "p-2 rounded-lg hover:bg-gray-100 text-gray-600 font-medium text-sm",
461
+ className: "p-2 rounded-lg hover:bg-gray-100 text-[#3f3f46cc] font-medium text-sm",
423
462
  onClick: () => options.onclick && options.onclick()
424
463
  },
425
464
  options.label
426
465
  );
427
466
  })));
428
- })), /* @__PURE__ */ React11.createElement("div", { className: "border-t border-[#e5e5e5] mt-4" }, (additionalItems == null ? void 0 : additionalItems.length) > 0 && additionalItems.map((item, index) => {
429
- return /* @__PURE__ */ React11.createElement("div", { key: index, className: "flex items-center gap-3 p-2 hover:bg-[#f3f4f6] cursor-pointer", onClick: () => item.onClick && item.onClick() }, /* @__PURE__ */ React11.createElement(item.Icon, { width: 20, height: 20, color: "rgb(75 85 99)" }), /* @__PURE__ */ React11.createElement("span", { className: "font-medium text-[#374151]" }, item.label));
430
- })), /* @__PURE__ */ React11.createElement("div", { className: "mt-auto bg-gray-50 border-t border-[#e5e5e5] sticky bottom-0 pt-2" }, /* @__PURE__ */ React11.createElement("div", { className: "flex items-center justify-between p-2 rounded-lg hover:bg-gray-100 cursor-pointer" }, /* @__PURE__ */ React11.createElement("div", { className: "flex items-center gap-3" }, /* @__PURE__ */ React11.createElement("span", { className: "relative flex shrink-0 overflow-hidden rounded-full h-10 w-10" }, /* @__PURE__ */ React11.createElement("span", { className: "flex h-full w-full items-center justify-center rounded-full bg-muted" }, username && username.split("")[0])), /* @__PURE__ */ React11.createElement("div", null, /* @__PURE__ */ React11.createElement("p", { className: "font-semibold" }, username), /* @__PURE__ */ React11.createElement("p", { className: "text-sm text-gray-500" }, role))), /* @__PURE__ */ React11.createElement(LogOut, null))));
467
+ })), /* @__PURE__ */ React11.createElement("div", { className: "border-t border-[#e5e5e5] mt-4" }, (additionalItemsLocal == null ? void 0 : additionalItemsLocal.length) > 0 && additionalItemsLocal.map((item, index) => {
468
+ return /* @__PURE__ */ React11.createElement("div", { key: index, className: "flex items-center gap-3 p-2 hover:bg-[#f3f4f6] cursor-pointer", onClick: () => item.onClick && item.onClick() }, /* @__PURE__ */ React11.createElement(item.Icon, { width: 20, height: 20, color: "#18181b" }), /* @__PURE__ */ React11.createElement("span", { className: "font-medium text-[#3f3f46cc]" }, item.label));
469
+ })), /* @__PURE__ */ React11.createElement("div", { className: "mt-auto bg-[#fafafa] border-t border-[#e5e5e5] sticky bottom-0 pt-2" }, /* @__PURE__ */ React11.createElement("div", { className: "flex items-center justify-between p-2 rounded-lg hover:bg-[#f4f4f5] cursor-pointer" }, /* @__PURE__ */ React11.createElement("div", { className: "flex items-center gap-3" }, /* @__PURE__ */ React11.createElement("span", { className: "relative flex shrink-0 overflow-hidden rounded-full h-10 w-10" }, /* @__PURE__ */ React11.createElement("span", { className: "flex h-full w-full items-center justify-center rounded-full bg-muted" }, username && username.split("")[0])), /* @__PURE__ */ React11.createElement("div", null, /* @__PURE__ */ React11.createElement("p", { className: "font-semibold" }, username), /* @__PURE__ */ React11.createElement("p", { className: "text-sm text-[#3f3f46cc]" }, role))), /* @__PURE__ */ React11.createElement(LogOut, { color: "#18181b" }))));
431
470
  };
432
471
 
433
472
  // src/RightSheet/RightSheet.jsx
@@ -472,7 +511,6 @@ var RightSheet = ({ open, setOpen, children, callBack }) => {
472
511
 
473
512
  // src/Table/CustomTable.jsx
474
513
  import React13 from "react";
475
- import clsx2 from "clsx";
476
514
  var CustomTable = ({ tableHeader, setIsAllChecked, isAllChecked, children }) => {
477
515
  return /* @__PURE__ */ React13.createElement("div", { className: "border border-[#e5e5e5] rounded-lg overflow-x-auto" }, /* @__PURE__ */ React13.createElement("div", { className: "w-full relative overflow-x-auto" }, /* @__PURE__ */ React13.createElement("table", { className: "w-full caption-bottom text-sm overflow-x-auto bg-white table-fixed border-collapse" }, /* @__PURE__ */ React13.createElement("thead", { className: "border-b border-[#e5e5e5]" }, /* @__PURE__ */ React13.createElement("tr", { className: "transition-colors text-[#737373] hover:bg-muted/50 \r\n data-[state=selected]:bg-muted" }, /* @__PURE__ */ React13.createElement("th", { className: "px-4 py-3 text-left" }, /* @__PURE__ */ React13.createElement(CustomCheckbox, { checked: isAllChecked, onChange: () => {
478
516
  setIsAllChecked(!isAllChecked);
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "jett.admin.npmpackage",
3
- "version": "1.0.8",
3
+ "version": "1.0.9",
4
4
  "main": "dist/index.js",
5
5
  "module": "dist/index.mjs",
6
6
  "exports": {