@sarunyu/system-one 4.8.1 → 4.8.2

package/dist/index.cjs

@@ -3898,12 +3898,6 @@ function ModalActions({
     )
   ] });
 }
-function NotificationDivider({ label }) {
-  return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center gap-3 px-4 py-2", children: [
-    /* @__PURE__ */ jsxRuntime.jsx("p", { className: "shrink-0 text-sm leading-5 text-subtle-text", children: label }),
-    /* @__PURE__ */ jsxRuntime.jsx("div", { "aria-hidden": "true", className: "h-px min-w-0 flex-1 bg-divider" })
-  ] });
-}
 function NotificationRow({
   item,
   onItemClick,
@@ -3973,7 +3967,6 @@ const Notification = React.forwardRef(
     badgeCount,
     panelWidth = 375,
     emptyText = "No notifications",
-    showGroupLabels = true,
     clearBadgeOnOpen = true,
     open,
     defaultOpen,
@@ -4074,19 +4067,16 @@ const Notification = React.forwardRef(
           style: { width: (mobileAlign == null ? void 0 : mobileAlign.width) ?? panelWidth },
           children: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "max-h-[480px] overflow-y-auto", children: [
             !hasItems && /* @__PURE__ */ jsxRuntime.jsx("div", { className: "px-4 py-8 text-center text-sm text-muted-foreground", children: emptyText }),
-            groups.map((group) => /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "w-full", children: [
-              showGroupLabels && group.label ? /* @__PURE__ */ jsxRuntime.jsx(NotificationDivider, { label: group.label }) : null,
-              /* @__PURE__ */ jsxRuntime.jsx("div", { className: "divide-y divide-divider", children: group.items.map((item) => /* @__PURE__ */ jsxRuntime.jsx(
-                NotificationRow,
-                {
-                  item,
-                  onItemClick: handleItemClick,
-                  hideIndicator: clickedItemIds.has(item.id),
-                  demoteNewBackground: wasDismissed
-                },
-                item.id
-              )) })
-            ] }, group.label))
+            groups.map((group) => /* @__PURE__ */ jsxRuntime.jsx("div", { className: "w-full", children: /* @__PURE__ */ jsxRuntime.jsx("div", { className: "divide-y divide-divider", children: group.items.map((item) => /* @__PURE__ */ jsxRuntime.jsx(
+              NotificationRow,
+              {
+                item,
+                onItemClick: handleItemClick,
+                hideIndicator: clickedItemIds.has(item.id),
+                demoteNewBackground: wasDismissed
+              },
+              item.id
+            )) }) }, group.label))
           ] })
         }
       ) })