@cashdoc/cashdoc-cms-design-system 2.3.2 → 2.4.0

package/dist/index.es.js

@@ -14219,8 +14219,8 @@ const $I = ({
         },
         className: P(
           "group flex items-center border-0 bg-transparent px-5",
-          "text-[14px] font-medium text-white/72",
-          "h-11 w-full",
+          "text-[16px] font-medium text-white/72",
+          "h-12 w-full",
           "border-l-[3px] border-l-transparent",
           "transition-colors duration-150",
           "cursor-pointer",
@@ -14247,7 +14247,7 @@ const $I = ({
             {
               className: P(
                 i ? "text-cms-primary-200" : "text-white/72",
-                "text-[14px]"
+                "text-[16px]"
               ),
               children: e.title
             }
@@ -14286,7 +14286,7 @@ const $I = ({
               onClick: () => o(c.url),
               className: P(
                 "flex items-center border-0 bg-transparent",
-                "h-9 w-full pr-5 pl-[48px]",
+                "h-10 w-full pr-5 pl-[48px]",
                 "cursor-pointer",
                 "transition-colors duration-150",
                 "hover:text-white",
@@ -14296,7 +14296,7 @@ const $I = ({
                 "span",
                 {
                   className: P(
-                    "text-[14px]",
+                    "text-[16px]",
                     "transition-colors",
                     l ? "font-bold text-cms-primary-200" : "text-white/62"
                   ),
@@ -14311,23 +14311,32 @@ const $I = ({
     )
   ] });
 }, jI = E.forwardRef(
-  ({ title: e, menus: t, selectedUrl: r, onMenuClick: n, headerSlot: o, className: a, ...i }, s) => {
-    const [c, l] = ue([]);
+  ({
+    title: e,
+    menus: t,
+    selectedUrl: r,
+    onMenuClick: n,
+    headerSlot: o,
+    footerSlot: a,
+    className: i,
+    ...s
+  }, c) => {
+    const [l, d] = ue([]);
     return /* @__PURE__ */ A(
       "div",
       {
-        ref: s,
+        ref: c,
         className: P(
           "flex flex-col",
-          "h-full w-[248px] max-w-[248px] min-w-[248px]",
+          "h-full w-[272px] max-w-[272px] min-w-[272px]",
           "bg-cms-surface-coal text-cms-gray-200",
           "border-r border-white/6",
-          a
+          i
         ),
-        ...i,
+        ...s,
         children: [
           o,
-          e && !o && /* @__PURE__ */ g("div", { className: "border-b border-white/6 px-[18px] py-5", children: /* @__PURE__ */ g("h2", { className: "text-[16px] font-bold tracking-tight text-white", children: e }) }),
+          e && !o && /* @__PURE__ */ g("div", { className: "border-b border-white/6 px-[18px] py-5", children: /* @__PURE__ */ g("h2", { className: "text-[18px] font-bold tracking-tight text-white", children: e }) }),
           /* @__PURE__ */ g(
             "div",
             {
@@ -14341,23 +14350,24 @@ const $I = ({
                 mx,
                 {
                   type: "multiple",
-                  value: c,
-                  onValueChange: l,
-                  children: t.map((d) => /* @__PURE__ */ g(
+                  value: l,
+                  onValueChange: d,
+                  children: t.map((u) => /* @__PURE__ */ g(
                     $I,
                     {
-                      menu: d,
-                      isOpen: c.includes(d.url),
-                      isSelected: r === d.url,
+                      menu: u,
+                      isOpen: l.includes(u.url),
+                      isSelected: r === u.url,
                       selectedUrl: r,
                       onMenuClick: n
                     },
-                    d.url
+                    u.url
                   ))
                 }
               )
             }
-          )
+          ),
+          a
         ]
       }
     );