next-recomponents 2.0.51 → 2.0.53

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.js +5 -5
  2. package/dist/index.mjs +5 -5
  3. package/package.json +1 -1
  4. package/src/container/index.tsx +6 -5
package/dist/index.js CHANGED
@@ -3700,7 +3700,7 @@ function Container({
3700
3700
  href: li.location,
3701
3701
  className: "flex gap-1 p-1 items-center",
3702
3702
  children: [
3703
- li.icon,
3703
+ li == null ? void 0 : li.icon,
3704
3704
  li.name
3705
3705
  ]
3706
3706
  },
@@ -3721,11 +3721,11 @@ function Container({
3721
3721
  setIsSidebarOpen(true);
3722
3722
  },
3723
3723
  onMouseLeave: (e) => setIsSidebarOpen(false),
3724
- children: /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("div", { className: "p-4 ", children: /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)("ul", { className: "space-y-3", children: [
3724
+ children: /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("div", { className: "p-4 ", children: /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)("ul", { className: "space-y-2", children: [
3725
3725
  /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)(
3726
3726
  "li",
3727
3727
  {
3728
- className: "p-2 md:hidden flex items-center justify-between font-bold",
3728
+ className: "p-1 md:hidden flex items-center justify-between font-bold h-[30px]",
3729
3729
  onClick: (e) => {
3730
3730
  setIsSidebarOpen(false);
3731
3731
  },
@@ -3745,11 +3745,11 @@ function Container({
3745
3745
  {
3746
3746
  href: (itemMenu == null ? void 0 : itemMenu.location) || "#",
3747
3747
  children: [
3748
- isSidebarOpen && /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)("div", { className: "text-sm flex p-1 gap-1 items-center hover:bg-gray-200 hover:text-black rounded", children: [
3748
+ isSidebarOpen && /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)("div", { className: "text-sm flex items-center hover:bg-gray-200 hover:text-black rounded p-1 h-[30px]", children: [
3749
3749
  icon,
3750
3750
  /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("div", { className: " truncate", children: itemMenu == null ? void 0 : itemMenu.name })
3751
3751
  ] }),
3752
- !isSidebarOpen && /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("div", { className: "text-sm hover:bg-gray-200 hover:text-black rounded p-1", children: icon })
3752
+ !isSidebarOpen && /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("div", { className: "text-sm flex hover:bg-gray-200 hover:text-black rounded p-1 h-[30px]", children: icon })
3753
3753
  ]
3754
3754
  }
3755
3755
  ) }, k);
package/dist/index.mjs CHANGED
@@ -3674,7 +3674,7 @@ function Container({
3674
3674
  href: li.location,
3675
3675
  className: "flex gap-1 p-1 items-center",
3676
3676
  children: [
3677
- li.icon,
3677
+ li == null ? void 0 : li.icon,
3678
3678
  li.name
3679
3679
  ]
3680
3680
  },
@@ -3695,11 +3695,11 @@ function Container({
3695
3695
  setIsSidebarOpen(true);
3696
3696
  },
3697
3697
  onMouseLeave: (e) => setIsSidebarOpen(false),
3698
- children: /* @__PURE__ */ jsx3("div", { className: "p-4 ", children: /* @__PURE__ */ jsxs2("ul", { className: "space-y-3", children: [
3698
+ children: /* @__PURE__ */ jsx3("div", { className: "p-4 ", children: /* @__PURE__ */ jsxs2("ul", { className: "space-y-2", children: [
3699
3699
  /* @__PURE__ */ jsxs2(
3700
3700
  "li",
3701
3701
  {
3702
- className: "p-2 md:hidden flex items-center justify-between font-bold",
3702
+ className: "p-1 md:hidden flex items-center justify-between font-bold h-[30px]",
3703
3703
  onClick: (e) => {
3704
3704
  setIsSidebarOpen(false);
3705
3705
  },
@@ -3719,11 +3719,11 @@ function Container({
3719
3719
  {
3720
3720
  href: (itemMenu == null ? void 0 : itemMenu.location) || "#",
3721
3721
  children: [
3722
- isSidebarOpen && /* @__PURE__ */ jsxs2("div", { className: "text-sm flex p-1 gap-1 items-center hover:bg-gray-200 hover:text-black rounded", children: [
3722
+ isSidebarOpen && /* @__PURE__ */ jsxs2("div", { className: "text-sm flex items-center hover:bg-gray-200 hover:text-black rounded p-1 h-[30px]", children: [
3723
3723
  icon,
3724
3724
  /* @__PURE__ */ jsx3("div", { className: " truncate", children: itemMenu == null ? void 0 : itemMenu.name })
3725
3725
  ] }),
3726
- !isSidebarOpen && /* @__PURE__ */ jsx3("div", { className: "text-sm hover:bg-gray-200 hover:text-black rounded p-1", children: icon })
3726
+ !isSidebarOpen && /* @__PURE__ */ jsx3("div", { className: "text-sm flex hover:bg-gray-200 hover:text-black rounded p-1 h-[30px]", children: icon })
3727
3727
  ]
3728
3728
  }
3729
3729
  ) }, k);
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "next-recomponents",
3
- "version": "2.0.51",
3
+ "version": "2.0.53",
4
4
  "description": "description nueva",
5
5
  "main": "dist/index.js",
6
6
  "types": "dist/index.d.ts",
package/src/container/index.tsx CHANGED
@@ -66,6 +66,7 @@ export default function Container({
66
66
  { location: "/", name: "Home", icon: <HomeIcon /> },
67
67
  ...navItems,
68
68
  ].map((li, k) => {
69
+ // const icono = menuList?.find((m) => m.location == li.location);
69
70
  return (
70
71
  li && (
71
72
  <Link
@@ -73,7 +74,7 @@ export default function Container({
73
74
  key={k}
74
75
  className="flex gap-1 p-1 items-center"
75
76
  >
76
- {li.icon as any}
77
+ {li?.icon as any}
77
78
  {li.name as any}
78
79
  </Link>
79
80
  )
@@ -97,11 +98,11 @@ export default function Container({
97
98
  >
98
99
  <div className="p-4 ">
99
100
  {
100
- <ul className="space-y-3">
101
+ <ul className="space-y-2">
101
102
  <li
102
103
  key={"menu"}
103
104
  className={
104
- "p-2 md:hidden flex items-center justify-between font-bold"
105
+ "p-1 md:hidden flex items-center justify-between font-bold h-[30px]"
105
106
  }
106
107
  onClick={(e) => {
107
108
  setIsSidebarOpen(false);
@@ -129,13 +130,13 @@ export default function Container({
129
130
  // onClick={() => setIsSidebarOpen(false)}
130
131
  >
131
132
  {isSidebarOpen && (
132
- <div className="text-sm flex p-1 gap-1 items-center hover:bg-gray-200 hover:text-black rounded">
133
+ <div className="text-sm flex items-center hover:bg-gray-200 hover:text-black rounded p-1 h-[30px]">
133
134
  {icon}
134
135
  <div className=" truncate">{itemMenu?.name}</div>
135
136
  </div>
136
137
  )}
137
138
  {!isSidebarOpen && (
138
- <div className="text-sm hover:bg-gray-200 hover:text-black rounded p-1">
139
+ <div className="text-sm flex hover:bg-gray-200 hover:text-black rounded p-1 h-[30px]">
139
140
  {icon}
140
141
  </div>
141
142
  )}