@dilipod/ui 0.4.32 → 0.4.34

package/dist/index.mjs

@@ -652,7 +652,7 @@ var sheetVariants = cva(
     }
   }
 );
-var SheetContent = React51.forwardRef(({ side = "right", className, children, ...props }, ref) => /* @__PURE__ */ jsxs(SheetPortal, { children: [
+var SheetContent = React51.forwardRef(({ side = "right", className, children, hideClose, ...props }, ref) => /* @__PURE__ */ jsxs(SheetPortal, { children: [
   /* @__PURE__ */ jsx(SheetOverlay, {}),
   /* @__PURE__ */ jsxs(
     SheetPrimitive.Content,
@@ -662,6 +662,7 @@ var SheetContent = React51.forwardRef(({ side = "right", className, children, ..
       ...props,
       children: [
         children,
+        !hideClose && // @ts-expect-error - Radix Dialog Close accepts className and children at runtime
         /* @__PURE__ */ jsxs(SheetPrimitive.Close, { className: "absolute right-4 top-4 rounded-sm opacity-70 transition-opacity hover:opacity-100 focus:outline-none disabled:pointer-events-none data-[state=open]:bg-gray-100", children: [
           /* @__PURE__ */ jsx(X, { className: "h-4 w-4" }),
           /* @__PURE__ */ jsx("span", { className: "sr-only", children: "Close" })
@@ -4152,24 +4153,17 @@ var SettingsNav = React51.forwardRef(
     const Link2 = LinkComponent || "a";
     return /* @__PURE__ */ jsx("div", { ref, className: cn("space-y-8", className), ...props, children: groups.map((group) => /* @__PURE__ */ jsxs("div", { children: [
       /* @__PURE__ */ jsx("h2", { className: "text-sm font-medium text-muted-foreground uppercase tracking-wide mb-3 px-1", children: group.title }),
-      /* @__PURE__ */ jsx("div", { className: "space-y-1", children: group.items.map((item) => /* @__PURE__ */ jsxs(
+      /* @__PURE__ */ jsx("div", { className: "grid grid-cols-1 sm:grid-cols-2 lg:grid-cols-3 gap-3", children: group.items.map((item) => /* @__PURE__ */ jsxs(
         Link2,
         {
           href: item.href,
-          className: "group flex items-center gap-4 p-4 rounded-sm transition-all hover:bg-gray-50 border border-transparent hover:border-gray-200",
+          className: "group flex items-start gap-4 p-5 rounded-lg transition-all bg-white border border-gray-200 hover:border-[var(--cyan)]/40 hover:shadow-sm",
           children: [
-            /* @__PURE__ */ jsx("div", { className: "flex items-center justify-center w-10 h-10 rounded-sm bg-gray-100 group-hover:bg-[var(--cyan)]/10 transition-colors", children: /* @__PURE__ */ jsx("span", { className: "text-gray-600 group-hover:text-[var(--cyan)] transition-colors [&>svg]:w-5 [&>svg]:h-5", children: item.icon }) }),
+            /* @__PURE__ */ jsx("div", { className: "flex items-center justify-center w-10 h-10 rounded-lg bg-gray-100 group-hover:bg-[var(--cyan)]/10 transition-colors shrink-0", children: /* @__PURE__ */ jsx("span", { className: "text-gray-600 group-hover:text-[var(--cyan)] transition-colors [&>svg]:w-5 [&>svg]:h-5", children: item.icon }) }),
             /* @__PURE__ */ jsxs("div", { className: "flex-1 min-w-0", children: [
               /* @__PURE__ */ jsx("h3", { className: "font-medium text-[var(--black)] group-hover:text-[var(--cyan)] transition-colors", children: item.title }),
-              /* @__PURE__ */ jsx("p", { className: "text-sm text-muted-foreground", children: item.description })
-            ] }),
-            /* @__PURE__ */ jsx(
-              CaretRight,
-              {
-                size: 18,
-                className: "text-gray-300 group-hover:text-[var(--cyan)] group-hover:translate-x-0.5 transition-all shrink-0"
-              }
-            )
+              /* @__PURE__ */ jsx("p", { className: "text-sm text-muted-foreground mt-0.5 leading-snug", children: item.description })
+            ] })
           ]
         },
         item.href