@d4gger/design-system 3.0.0 → 4.0.0

package/dist/components/menu/Menu.js

@@ -2,6 +2,7 @@ import * as React from "react";
 import classNames from "classnames";
 import * as DropdownMenuPrimitive from "@radix-ui/react-dropdown-menu";
 import { PortalThemeBoundary, PortalThemeWrapper } from "../../_internal/BaseDialog.js";
+import { useFloatingLayerHost } from "../../_internal/floatingLayer.js";
 import { usePrefersReducedMotion } from "../../_internal/index.js";
 import { MOTION_TRANSITIONS } from "../../_internal/motion.js";
 import { AnimatePresence, motion } from "../../motion/index.js";
@@ -45,12 +46,13 @@ const MenuContent = React.forwardRef(
     ...props
   }, forwardedRef) => {
     const prefersReducedMotion = usePrefersReducedMotion();
+    const nestedInModalHost = useFloatingLayerHost();
     const isPresent = open || forceMount;
     const contentSideOffset = sideOffset === void 0 ? null : { sideOffset };
     return /* @__PURE__ */ jsx(MenuPortal, { portal, children: /* @__PURE__ */ jsx(AnimatePresence, { children: isPresent ? /* @__PURE__ */ jsx(PortalThemeWrapper, { children: /* @__PURE__ */ jsx(Content, { ...props, ...contentSideOffset, ref: forwardedRef, forceMount: true, asChild: true, children: /* @__PURE__ */ jsx(
       motion.div,
       {
-        className: classNames("dsx-menu", "dsx-menu__content", contentClassName, className),
+        className: classNames("dsx-menu", "dsx-menu__content", contentClassName, nestedInModalHost && "dsx-menu__nested", className),
         "data-size": size,
         initial: prefersReducedMotion ? { opacity: 0 } : { opacity: 0, y: 4 },
         animate: prefersReducedMotion ? { opacity: open ? 1 : 0 } : { opacity: open ? 1 : 0, y: open ? 0 : 2 },

package/dist/components/menu/Menu.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../src/components/menu/Menu.tsx"],
-  "sourcesContent": ["import * as React from 'react'\nimport classNames from 'classnames'\nimport * as DropdownMenuPrimitive from '@radix-ui/react-dropdown-menu'\n\nimport { PortalThemeBoundary, PortalThemeWrapper } from '../../_internal/BaseDialog'\nimport { usePrefersReducedMotion } from '../../_internal'\nimport { MOTION_TRANSITIONS } from '../../_internal/motion'\nimport { AnimatePresence, motion } from '../../motion'\n\ntype MenuPrimitiveComponent = React.ElementType\ntype MenuPortalComponent = React.ElementType | null\n\ninterface MenuRootProps extends React.ComponentPropsWithoutRef<typeof DropdownMenuPrimitive.Root> {\n  root?: MenuPrimitiveComponent\n}\n\nfunction MenuRoot({ children, root: Root = DropdownMenuPrimitive.Root, ...props }: MenuRootProps) {\n  return (\n    <PortalThemeBoundary>\n      <Root {...props}>{children}</Root>\n    </PortalThemeBoundary>\n  )\n}\nMenuRoot.displayName = 'MenuRoot'\n\ninterface MenuTriggerProps extends React.ComponentPropsWithoutRef<typeof DropdownMenuPrimitive.Trigger> {\n  trigger?: MenuPrimitiveComponent\n  triggerClassName?: string\n}\n\nconst MenuTrigger = React.forwardRef<React.ComponentRef<typeof DropdownMenuPrimitive.Trigger>, MenuTriggerProps>(\n  ({ className, trigger: Trigger = DropdownMenuPrimitive.Trigger, triggerClassName, ...props }, forwardedRef) => {\n    return (\n      <Trigger\n        {...props}\n        ref={forwardedRef}\n        className={classNames('dsx-menu__trigger', triggerClassName, className)}\n      />\n    )\n  },\n)\nMenuTrigger.displayName = 'MenuTrigger'\n\ninterface MenuPortalProps extends React.ComponentPropsWithoutRef<typeof DropdownMenuPrimitive.Portal> {\n  portal?: MenuPortalComponent\n  wrapWithTheme?: boolean\n}\n\nfunction MenuPortal({ children, portal: Portal = DropdownMenuPrimitive.Portal, wrapWithTheme = false, ...props }: MenuPortalProps) {\n  const content = wrapWithTheme && React.isValidElement(children)\n    ? <PortalThemeWrapper>{children as React.ReactElement}</PortalThemeWrapper>\n    : children\n\n  if (Portal === null) {\n    return <>{content}</>\n  }\n\n  return <Portal {...props}>{content}</Portal>\n}\nMenuPortal.displayName = 'MenuPortal'\n\ninterface MenuContentProps extends Omit<React.ComponentPropsWithoutRef<typeof DropdownMenuPrimitive.Content>, 'content' | 'forceMount'> {\n  content?: MenuPrimitiveComponent\n  contentClassName?: string\n  forceMount?: boolean\n  open?: boolean\n  portal?: MenuPortalComponent\n  size?: 'sm' | 'md' | 'lg'\n}\n\nconst MenuContent = React.forwardRef<React.ComponentRef<typeof DropdownMenuPrimitive.Content>, MenuContentProps>(\n  (\n    {\n      children,\n      className,\n      content: Content = DropdownMenuPrimitive.Content,\n      contentClassName,\n      forceMount = false,\n      open = true,\n      portal = DropdownMenuPrimitive.Portal,\n      sideOffset,\n      size = 'md',\n      ...props\n    },\n    forwardedRef,\n  ) => {\n    const prefersReducedMotion = usePrefersReducedMotion()\n    const isPresent = open || forceMount\n    const contentSideOffset = sideOffset === undefined ? null : { sideOffset }\n\n    return (\n      <MenuPortal portal={portal}>\n        <AnimatePresence>\n          {isPresent ? (\n            <PortalThemeWrapper>\n              <Content {...props} {...contentSideOffset} ref={forwardedRef} forceMount asChild>\n                <motion.div\n                  className={classNames('dsx-menu', 'dsx-menu__content', contentClassName, className)}\n                  data-size={size}\n                  initial={prefersReducedMotion ? { opacity: 0 } : { opacity: 0, y: 4 }}\n                  animate={prefersReducedMotion ? { opacity: open ? 1 : 0 } : { opacity: open ? 1 : 0, y: open ? 0 : 2 }}\n                  exit={prefersReducedMotion ? { opacity: 0 } : { opacity: 0, y: 2 }}\n                  transition={prefersReducedMotion ? MOTION_TRANSITIONS.reduced : MOTION_TRANSITIONS.menu}\n                >\n                  {children}\n                </motion.div>\n              </Content>\n            </PortalThemeWrapper>\n          ) : null}\n        </AnimatePresence>\n      </MenuPortal>\n    )\n  },\n)\nMenuContent.displayName = 'MenuContent'\n\ninterface MenuItemProps extends React.ComponentPropsWithoutRef<typeof DropdownMenuPrimitive.Item> {\n  destructive?: boolean\n  inset?: boolean\n  item?: MenuPrimitiveComponent\n  itemClassName?: string\n}\n\nconst MenuItem = React.forwardRef<React.ComponentRef<typeof DropdownMenuPrimitive.Item>, MenuItemProps>(\n  (\n    {\n      className,\n      destructive = false,\n      inset = false,\n      item: Item = DropdownMenuPrimitive.Item,\n      itemClassName,\n      ...props\n    },\n    forwardedRef,\n  ) => {\n    return (\n      <Item\n        {...props}\n        ref={forwardedRef}\n        className={classNames('dsx-menu__item', itemClassName, className)}\n        data-destructive={destructive ? 'true' : undefined}\n        data-inset={inset ? 'true' : undefined}\n      />\n    )\n  },\n)\nMenuItem.displayName = 'MenuItem'\n\ninterface MenuSeparatorProps extends React.ComponentPropsWithoutRef<typeof DropdownMenuPrimitive.Separator> {\n  separator?: MenuPrimitiveComponent\n  separatorClassName?: string\n}\n\nconst MenuSeparator = React.forwardRef<React.ComponentRef<typeof DropdownMenuPrimitive.Separator>, MenuSeparatorProps>(\n  ({ className, separator: Separator = DropdownMenuPrimitive.Separator, separatorClassName, ...props }, forwardedRef) => {\n    return (\n      <Separator\n        {...props}\n        ref={forwardedRef}\n        className={classNames('dsx-menu__separator', separatorClassName, className)}\n      />\n    )\n  },\n)\nMenuSeparator.displayName = 'MenuSeparator'\n\ninterface MenuOverlayProps extends React.ComponentPropsWithoutRef<'div'> {\n  overlay?: MenuPrimitiveComponent\n  overlayClassName?: string\n}\n\nconst MenuOverlay = React.forwardRef<HTMLDivElement, MenuOverlayProps>(\n  ({ className, overlay: Overlay = 'div', overlayClassName, ...props }, forwardedRef) => {\n    return <Overlay {...props} ref={forwardedRef} className={classNames('dsx-menu__overlay', overlayClassName, className)} />\n  },\n)\nMenuOverlay.displayName = 'MenuOverlay'\n\nexport { MenuContent, MenuItem, MenuOverlay, MenuPortal, MenuRoot, MenuSeparator, MenuTrigger }\nexport type { MenuContentProps, MenuItemProps, MenuOverlayProps, MenuPortalProps, MenuRootProps, MenuSeparatorProps, MenuTriggerProps }\n"],
-  "mappings": "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",
+  "sourcesContent": ["import * as React from 'react'\nimport classNames from 'classnames'\nimport * as DropdownMenuPrimitive from '@radix-ui/react-dropdown-menu'\n\nimport { PortalThemeBoundary, PortalThemeWrapper } from '../../_internal/BaseDialog'\nimport { useFloatingLayerHost } from '../../_internal/floatingLayer'\nimport { usePrefersReducedMotion } from '../../_internal'\nimport { MOTION_TRANSITIONS } from '../../_internal/motion'\nimport { AnimatePresence, motion } from '../../motion'\n\ntype MenuPrimitiveComponent = React.ElementType\ntype MenuPortalComponent = React.ElementType | null\n\ninterface MenuRootProps extends React.ComponentPropsWithoutRef<typeof DropdownMenuPrimitive.Root> {\n  root?: MenuPrimitiveComponent\n}\n\nfunction MenuRoot({ children, root: Root = DropdownMenuPrimitive.Root, ...props }: MenuRootProps) {\n  return (\n    <PortalThemeBoundary>\n      <Root {...props}>{children}</Root>\n    </PortalThemeBoundary>\n  )\n}\nMenuRoot.displayName = 'MenuRoot'\n\ninterface MenuTriggerProps extends React.ComponentPropsWithoutRef<typeof DropdownMenuPrimitive.Trigger> {\n  trigger?: MenuPrimitiveComponent\n  triggerClassName?: string\n}\n\nconst MenuTrigger = React.forwardRef<React.ComponentRef<typeof DropdownMenuPrimitive.Trigger>, MenuTriggerProps>(\n  ({ className, trigger: Trigger = DropdownMenuPrimitive.Trigger, triggerClassName, ...props }, forwardedRef) => {\n    return (\n      <Trigger\n        {...props}\n        ref={forwardedRef}\n        className={classNames('dsx-menu__trigger', triggerClassName, className)}\n      />\n    )\n  },\n)\nMenuTrigger.displayName = 'MenuTrigger'\n\ninterface MenuPortalProps extends React.ComponentPropsWithoutRef<typeof DropdownMenuPrimitive.Portal> {\n  portal?: MenuPortalComponent\n  wrapWithTheme?: boolean\n}\n\nfunction MenuPortal({ children, portal: Portal = DropdownMenuPrimitive.Portal, wrapWithTheme = false, ...props }: MenuPortalProps) {\n  const content = wrapWithTheme && React.isValidElement(children)\n    ? <PortalThemeWrapper>{children as React.ReactElement}</PortalThemeWrapper>\n    : children\n\n  if (Portal === null) {\n    return <>{content}</>\n  }\n\n  return <Portal {...props}>{content}</Portal>\n}\nMenuPortal.displayName = 'MenuPortal'\n\ninterface MenuContentProps extends Omit<React.ComponentPropsWithoutRef<typeof DropdownMenuPrimitive.Content>, 'content' | 'forceMount'> {\n  content?: MenuPrimitiveComponent\n  contentClassName?: string\n  forceMount?: boolean\n  open?: boolean\n  portal?: MenuPortalComponent\n  size?: 'sm' | 'md' | 'lg'\n}\n\nconst MenuContent = React.forwardRef<React.ComponentRef<typeof DropdownMenuPrimitive.Content>, MenuContentProps>(\n  (\n    {\n      children,\n      className,\n      content: Content = DropdownMenuPrimitive.Content,\n      contentClassName,\n      forceMount = false,\n      open = true,\n      portal = DropdownMenuPrimitive.Portal,\n      sideOffset,\n      size = 'md',\n      ...props\n    },\n    forwardedRef,\n  ) => {\n    const prefersReducedMotion = usePrefersReducedMotion()\n    const nestedInModalHost = useFloatingLayerHost()\n    const isPresent = open || forceMount\n    const contentSideOffset = sideOffset === undefined ? null : { sideOffset }\n\n    return (\n      <MenuPortal portal={portal}>\n        <AnimatePresence>\n          {isPresent ? (\n            <PortalThemeWrapper>\n              <Content {...props} {...contentSideOffset} ref={forwardedRef} forceMount asChild>\n                <motion.div\n                  className={classNames('dsx-menu', 'dsx-menu__content', contentClassName, nestedInModalHost && 'dsx-menu__nested', className)}\n                  data-size={size}\n                  initial={prefersReducedMotion ? { opacity: 0 } : { opacity: 0, y: 4 }}\n                  animate={prefersReducedMotion ? { opacity: open ? 1 : 0 } : { opacity: open ? 1 : 0, y: open ? 0 : 2 }}\n                  exit={prefersReducedMotion ? { opacity: 0 } : { opacity: 0, y: 2 }}\n                  transition={prefersReducedMotion ? MOTION_TRANSITIONS.reduced : MOTION_TRANSITIONS.menu}\n                >\n                  {children}\n                </motion.div>\n              </Content>\n            </PortalThemeWrapper>\n          ) : null}\n        </AnimatePresence>\n      </MenuPortal>\n    )\n  },\n)\nMenuContent.displayName = 'MenuContent'\n\ninterface MenuItemProps extends React.ComponentPropsWithoutRef<typeof DropdownMenuPrimitive.Item> {\n  destructive?: boolean\n  inset?: boolean\n  item?: MenuPrimitiveComponent\n  itemClassName?: string\n}\n\nconst MenuItem = React.forwardRef<React.ComponentRef<typeof DropdownMenuPrimitive.Item>, MenuItemProps>(\n  (\n    {\n      className,\n      destructive = false,\n      inset = false,\n      item: Item = DropdownMenuPrimitive.Item,\n      itemClassName,\n      ...props\n    },\n    forwardedRef,\n  ) => {\n    return (\n      <Item\n        {...props}\n        ref={forwardedRef}\n        className={classNames('dsx-menu__item', itemClassName, className)}\n        data-destructive={destructive ? 'true' : undefined}\n        data-inset={inset ? 'true' : undefined}\n      />\n    )\n  },\n)\nMenuItem.displayName = 'MenuItem'\n\ninterface MenuSeparatorProps extends React.ComponentPropsWithoutRef<typeof DropdownMenuPrimitive.Separator> {\n  separator?: MenuPrimitiveComponent\n  separatorClassName?: string\n}\n\nconst MenuSeparator = React.forwardRef<React.ComponentRef<typeof DropdownMenuPrimitive.Separator>, MenuSeparatorProps>(\n  ({ className, separator: Separator = DropdownMenuPrimitive.Separator, separatorClassName, ...props }, forwardedRef) => {\n    return (\n      <Separator\n        {...props}\n        ref={forwardedRef}\n        className={classNames('dsx-menu__separator', separatorClassName, className)}\n      />\n    )\n  },\n)\nMenuSeparator.displayName = 'MenuSeparator'\n\ninterface MenuOverlayProps extends React.ComponentPropsWithoutRef<'div'> {\n  overlay?: MenuPrimitiveComponent\n  overlayClassName?: string\n}\n\nconst MenuOverlay = React.forwardRef<HTMLDivElement, MenuOverlayProps>(\n  ({ className, overlay: Overlay = 'div', overlayClassName, ...props }, forwardedRef) => {\n    return <Overlay {...props} ref={forwardedRef} className={classNames('dsx-menu__overlay', overlayClassName, className)} />\n  },\n)\nMenuOverlay.displayName = 'MenuOverlay'\n\nexport { MenuContent, MenuItem, MenuOverlay, MenuPortal, MenuRoot, MenuSeparator, MenuTrigger }\nexport type { MenuContentProps, MenuItemProps, MenuOverlayProps, MenuPortalProps, MenuRootProps, MenuSeparatorProps, MenuTriggerProps }\n"],
+  "mappings": "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",
   "names": []
 }

package/dist/components/menubar.css

@@ -51,7 +51,7 @@
   gap: var(--dsx-space-sm);
   padding: var(--dsx-space-sm) var(--dsx-space-sm) var(--dsx-space-sm) calc(var(--dsx-space-lg) + var(--dsx-space-sm));
   border: 0;
-  border-radius: var(--dsx-rounded-md);
+  border-radius: 0;
   background: transparent;
   color: var(--dsx-color-on-surface);
   text-align: left;

package/dist/components/metric.css

@@ -1,5 +1,8 @@
 .dsx-metric {
   display: flex;
+  min-width: 0;
+  max-width: 100%;
+  overflow-wrap: anywhere;
   flex-direction: column;
   gap: var(--dsx-space-xs);
   color: var(--dsx-color-on-surface);
@@ -24,6 +27,8 @@
 
 .dsx-metric__delta {
   display: inline-flex;
+  flex-wrap: wrap;
+  min-width: 0;
   align-items: center;
   gap: var(--dsx-space-xs);
   color: var(--dsx-color-on-surface-variant);

package/dist/components/notification-center.css

@@ -2,10 +2,14 @@
 
 .dsx-notification-center {
   box-sizing: border-box;
+  display: flex;
+  flex-direction: column;
+  min-width: 0;
+  max-width: 100%;
 }
 
 .dsx-notification-center--popover {
-  width: 320px;
+  width: var(--dsx-sheet-width-sm);
   border-radius: var(--dsx-rounded-lg);
   border: var(--dsx-border-width-sm) solid var(--dsx-panel-border-color);
   background: var(--dsx-color-panel-translucent);
@@ -23,6 +27,9 @@
   display: flex;
   align-items: center;
   justify-content: space-between;
+  flex-wrap: wrap;
+  flex-shrink: 0;
+  gap: var(--dsx-space-sm);
   padding: var(--dsx-space-md);
   border-bottom: var(--dsx-border-width-sm) solid var(--dsx-color-outline-variant);
 }
@@ -35,6 +42,8 @@
 }
 
 .dsx-notification-center__list {
+  flex: 1 1 auto;
+  min-height: 0;
   overflow-y: auto;
   max-height: 400px;
 }
@@ -46,16 +55,36 @@
   padding: var(--dsx-space-md);
   border-bottom: var(--dsx-border-width-sm) solid var(--dsx-color-outline-variant);
   cursor: pointer;
+  width: 100%;
+  box-sizing: border-box;
+  text-align: start;
+  font: inherit;
+  color: inherit;
+  background: transparent;
+  border-top: 0;
+  border-right: 0;
+  border-left: var(--dsx-border-width-sm) solid transparent;
+  overflow-wrap: anywhere;
 }
 
 .dsx-notification-center__item:last-child {
   border-bottom: none;
 }
 
-.dsx-notification-center__item:hover {
+.dsx-notification-center__item:hover,
+.dsx-notification-center__item:focus-visible {
   background: var(--dsx-effect-hover-ghost);
 }
 
+.dsx-notification-center__item:focus-visible {
+  outline: var(--dsx-border-width-md) solid var(--dsx-color-primary);
+  outline-offset: calc(-1 * var(--dsx-border-width-md));
+}
+
+.dsx-notification-center__item:active {
+  background: var(--dsx-effect-pressed-layer);
+}
+
 .dsx-notification-center__item--unread {
   background: var(--dsx-color-surface-raised);
   border-left: var(--dsx-border-width-sm) solid var(--dsx-color-primary);
@@ -84,25 +113,36 @@
   display: flex;
   align-items: center;
   justify-content: center;
+  flex-shrink: 0;
   padding: var(--dsx-space-sm);
   border-top: var(--dsx-border-width-sm) solid var(--dsx-color-outline-variant);
 }
 
-.dsx-notification-center__trigger {
+.dsx-notification-center__trigger.dsx-icon-button {
   position: relative;
   display: inline-flex;
   align-items: center;
+  gap: 0;
+  width: auto;
+  min-width: calc(var(--dsx-size-xl) + var(--dsx-space-xs));
+  height: calc(var(--dsx-size-xl) + var(--dsx-space-xs));
+  padding-inline: var(--dsx-space-sm);
+}
+
+.dsx-notification-center__trigger .dsx-icon-button__content {
+  gap: 0;
 }
 
 .dsx-notification-center__badge {
-  position: absolute;
-  top: calc(-1 * var(--dsx-space-xs));
-  right: calc(-1 * var(--dsx-space-xs));
-  min-width: var(--dsx-size-xs);
-  height: var(--dsx-size-xs);
+  position: relative;
+  top: calc(-1 * var(--dsx-space-sm));
+  margin-inline-start: calc(-1 * var(--dsx-space-xs));
+  flex-shrink: 0;
+  min-width: var(--dsx-size-sm);
+  height: var(--dsx-size-sm);
   padding: 0 var(--dsx-space-xs);
   border-radius: var(--dsx-rounded-full);
   font-size: var(--dsx-typography-label-small-font-size);
-  line-height: var(--dsx-size-xs);
+  line-height: var(--dsx-size-sm);
   text-align: center;
 }

package/dist/components/notificationCenter/NotificationCenter.cjs

@@ -42,6 +42,7 @@ var import_react_slot = require("@radix-ui/react-slot");
 var import_extractProps = require("../../_internal/helpers/extractProps");
 var import_Badge = require("../badge/Badge");
 var import_IconButton = require("../iconButton/IconButton");
+var import_Icon = require("../icon/Icon");
 var import_notificationCenter = require("./notificationCenter.props");
 var import_jsx_runtime = require("react/jsx-runtime");
 const NotificationCenter = React.forwardRef(
@@ -116,22 +117,26 @@ NotificationCenterItem.displayName = "NotificationCenterItem";
 const NotificationCenterTrigger = React.forwardRef(
   ({ children, unreadCount, className, ...props }, forwardedRef) => {
     const { asChild, ...triggerProps } = (0, import_extractProps.extractProps)(props, import_notificationCenter.notificationCenterTriggerPropDefs);
-    return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_jsx_runtime.Fragment, { children: [
-      /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
-        import_IconButton.IconButton,
-        {
-          ...triggerProps,
-          ref: forwardedRef,
-          asChild,
-          variant: "ghost",
-          size: "sm",
-          className: (0, import_classnames.default)("dsx-notification-center__trigger", className),
-          "aria-label": props["aria-label"] ?? "Notifications",
-          children
-        }
-      ),
-      unreadCount && unreadCount > 0 ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_Badge.Badge, { variant: "error", size: "sm", className: "dsx-notification-center__badge", children: unreadCount > 99 ? "99+" : unreadCount }) : null
-    ] });
+    const badge = unreadCount && unreadCount > 0 ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_Badge.Badge, { variant: "primary", size: "sm", className: "dsx-notification-center__badge", "aria-hidden": "true", children: unreadCount > 99 ? "99+" : unreadCount }) : null;
+    return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+      import_IconButton.IconButton,
+      {
+        ...triggerProps,
+        ref: forwardedRef,
+        asChild,
+        variant: "ghost",
+        size: "sm",
+        className: (0, import_classnames.default)("dsx-notification-center__trigger", className),
+        "aria-label": props["aria-label"] ?? (unreadCount && unreadCount > 0 ? `Notifications, ${unreadCount} unread` : "Notifications"),
+        children: asChild ? /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_react_slot.Slot, { children: [
+          /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_react_slot.Slottable, { children }),
+          badge
+        ] }) : /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_jsx_runtime.Fragment, { children: [
+          children ?? /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_Icon.Icon, { name: "bell", size: "sm" }),
+          badge
+        ] })
+      }
+    );
   }
 );
 NotificationCenterTrigger.displayName = "NotificationCenterTrigger";

package/dist/components/notificationCenter/NotificationCenter.cjs.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../src/components/notificationCenter/NotificationCenter.tsx"],
-  "sourcesContent": ["import * as React from 'react'\nimport classNames from 'classnames'\nimport { Slot } from '@radix-ui/react-slot'\n\nimport { extractProps } from '../../_internal/helpers/extractProps'\nimport { Badge } from '../badge/Badge'\nimport { IconButton } from '../iconButton/IconButton'\nimport {\n  notificationCenterPropDefs,\n  notificationCenterHeaderPropDefs,\n  notificationCenterListPropDefs,\n  notificationCenterFooterPropDefs,\n  notificationCenterItemPropDefs,\n  notificationCenterTriggerPropDefs,\n} from './notificationCenter.props'\n\nimport type { GetPropDefTypes } from '../../_internal/props/propDef'\n\ntype NotificationCenterOwnProps = GetPropDefTypes<typeof notificationCenterPropDefs>\ntype NotificationCenterHeaderOwnProps = GetPropDefTypes<typeof notificationCenterHeaderPropDefs>\ntype NotificationCenterListOwnProps = GetPropDefTypes<typeof notificationCenterListPropDefs>\ntype NotificationCenterFooterOwnProps = GetPropDefTypes<typeof notificationCenterFooterPropDefs>\ntype NotificationCenterItemOwnProps = GetPropDefTypes<typeof notificationCenterItemPropDefs>\ntype NotificationCenterTriggerOwnProps = GetPropDefTypes<typeof notificationCenterTriggerPropDefs>\n\ninterface NotificationCenterProps extends React.HTMLAttributes<HTMLDivElement>, NotificationCenterOwnProps {\n  unreadCount?: number\n}\ninterface NotificationCenterHeaderProps extends React.HTMLAttributes<HTMLDivElement>, NotificationCenterHeaderOwnProps {}\ninterface NotificationCenterListProps extends React.HTMLAttributes<HTMLDivElement>, NotificationCenterListOwnProps {}\ninterface NotificationCenterFooterProps extends React.HTMLAttributes<HTMLDivElement>, NotificationCenterFooterOwnProps {}\ninterface NotificationCenterItemProps extends React.HTMLAttributes<HTMLDivElement>, NotificationCenterItemOwnProps {}\ninterface NotificationCenterTriggerProps extends React.ButtonHTMLAttributes<HTMLButtonElement>, NotificationCenterTriggerOwnProps {\n  unreadCount?: number\n}\n\nconst NotificationCenter = React.forwardRef<HTMLDivElement, NotificationCenterProps>(\n  ({ children, unreadCount, ...props }, forwardedRef) => {\n    const { asChild, className, variant = 'popover', ...notificationCenterProps } = extractProps(\n      props,\n      notificationCenterPropDefs,\n    )\n    const Comp = asChild ? Slot : 'div'\n\n    return (\n      <Comp\n        {...notificationCenterProps}\n        ref={forwardedRef}\n        className={classNames(\n          'dsx-notification-center',\n          variant === 'popover' && 'dsx-notification-center--popover',\n          variant === 'sidebar' && 'dsx-notification-center--sidebar',\n          className,\n        )}\n        data-unread={unreadCount && unreadCount > 0 ? String(unreadCount) : undefined}\n      >\n        {children}\n      </Comp>\n    )\n  },\n)\nNotificationCenter.displayName = 'NotificationCenter'\n\nconst NotificationCenterHeader = React.forwardRef<HTMLDivElement, NotificationCenterHeaderProps>(\n  ({ children, ...props }, forwardedRef) => {\n    const { asChild, className, ...headerProps } = extractProps(props, notificationCenterHeaderPropDefs)\n    const Comp = asChild ? Slot : 'div'\n\n    return (\n      <Comp {...headerProps} ref={forwardedRef} className={classNames('dsx-notification-center__header', className)}>\n        {children}\n      </Comp>\n    )\n  },\n)\nNotificationCenterHeader.displayName = 'NotificationCenterHeader'\n\nconst NotificationCenterList = React.forwardRef<HTMLDivElement, NotificationCenterListProps>(\n  ({ children, ...props }, forwardedRef) => {\n    const { asChild, className, ...listProps } = extractProps(props, notificationCenterListPropDefs)\n    const Comp = asChild ? Slot : 'div'\n\n    return (\n      <Comp {...listProps} ref={forwardedRef} className={classNames('dsx-notification-center__list', className)}>\n        {children}\n      </Comp>\n    )\n  },\n)\nNotificationCenterList.displayName = 'NotificationCenterList'\n\nconst NotificationCenterFooter = React.forwardRef<HTMLDivElement, NotificationCenterFooterProps>(\n  ({ children, ...props }, forwardedRef) => {\n    const { asChild, className, ...footerProps } = extractProps(props, notificationCenterFooterPropDefs)\n    const Comp = asChild ? Slot : 'div'\n\n    return (\n      <Comp {...footerProps} ref={forwardedRef} className={classNames('dsx-notification-center__footer', className)}>\n        {children}\n      </Comp>\n    )\n  },\n)\nNotificationCenterFooter.displayName = 'NotificationCenterFooter'\n\nconst NotificationCenterItem = React.forwardRef<HTMLDivElement, NotificationCenterItemProps>(\n  ({ children, ...props }, forwardedRef) => {\n    const { asChild, className, unread = false, ...itemProps } = extractProps(\n      props,\n      notificationCenterItemPropDefs,\n    )\n    const Comp = asChild ? Slot : 'div'\n\n    return (\n      <Comp\n        {...itemProps}\n        ref={forwardedRef}\n        data-unread={unread ? 'true' : undefined}\n        className={classNames('dsx-notification-center__item', unread && 'dsx-notification-center__item--unread', className)}\n      >\n        {children}\n      </Comp>\n    )\n  },\n)\nNotificationCenterItem.displayName = 'NotificationCenterItem'\n\nconst NotificationCenterTrigger = React.forwardRef<HTMLButtonElement, NotificationCenterTriggerProps>(\n  ({ children, unreadCount, className, ...props }, forwardedRef) => {\n    const { asChild, ...triggerProps } = extractProps(props, notificationCenterTriggerPropDefs)\n\n    return (\n      <>\n        <IconButton\n          {...triggerProps}\n          ref={forwardedRef}\n          asChild={asChild}\n          variant=\"ghost\"\n          size=\"sm\"\n          className={classNames('dsx-notification-center__trigger', className)}\n          aria-label={props['aria-label'] ?? 'Notifications'}\n        >\n          {children}\n        </IconButton>\n        {unreadCount && unreadCount > 0 ? (\n          <Badge variant=\"error\" size=\"sm\" className=\"dsx-notification-center__badge\">\n            {unreadCount > 99 ? '99+' : unreadCount}\n          </Badge>\n        ) : null}\n      </>\n    )\n  },\n)\nNotificationCenterTrigger.displayName = 'NotificationCenterTrigger'\n\nconst NotificationCenterRoot: typeof NotificationCenter & {\n  Header: typeof NotificationCenterHeader\n  List: typeof NotificationCenterList\n  Footer: typeof NotificationCenterFooter\n  Item: typeof NotificationCenterItem\n  Trigger: typeof NotificationCenterTrigger\n} = Object.assign(NotificationCenter, {\n  Header: NotificationCenterHeader,\n  List: NotificationCenterList,\n  Footer: NotificationCenterFooter,\n  Item: NotificationCenterItem,\n  Trigger: NotificationCenterTrigger,\n})\n\nexport {\n  NotificationCenterRoot as NotificationCenter,\n  NotificationCenterHeader,\n  NotificationCenterList,\n  NotificationCenterFooter,\n  NotificationCenterItem,\n  NotificationCenterTrigger,\n}\nexport type {\n  NotificationCenterProps,\n  NotificationCenterHeaderProps,\n  NotificationCenterListProps,\n  NotificationCenterFooterProps,\n  NotificationCenterItemProps,\n  NotificationCenterTriggerProps,\n}\n"],
-  "mappings": "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",
+  "sourcesContent": ["import * as React from 'react'\nimport classNames from 'classnames'\nimport { Slot, Slottable } from '@radix-ui/react-slot'\n\nimport { extractProps } from '../../_internal/helpers/extractProps'\nimport { Badge } from '../badge/Badge'\nimport { IconButton } from '../iconButton/IconButton'\nimport { Icon } from '../icon/Icon'\nimport {\n  notificationCenterPropDefs,\n  notificationCenterHeaderPropDefs,\n  notificationCenterListPropDefs,\n  notificationCenterFooterPropDefs,\n  notificationCenterItemPropDefs,\n  notificationCenterTriggerPropDefs,\n} from './notificationCenter.props'\n\nimport type { GetPropDefTypes } from '../../_internal/props/propDef'\n\ntype NotificationCenterOwnProps = GetPropDefTypes<typeof notificationCenterPropDefs>\ntype NotificationCenterHeaderOwnProps = GetPropDefTypes<typeof notificationCenterHeaderPropDefs>\ntype NotificationCenterListOwnProps = GetPropDefTypes<typeof notificationCenterListPropDefs>\ntype NotificationCenterFooterOwnProps = GetPropDefTypes<typeof notificationCenterFooterPropDefs>\ntype NotificationCenterItemOwnProps = GetPropDefTypes<typeof notificationCenterItemPropDefs>\ntype NotificationCenterTriggerOwnProps = GetPropDefTypes<typeof notificationCenterTriggerPropDefs>\n\ninterface NotificationCenterProps extends React.HTMLAttributes<HTMLDivElement>, NotificationCenterOwnProps {\n  unreadCount?: number\n}\ninterface NotificationCenterHeaderProps extends React.HTMLAttributes<HTMLDivElement>, NotificationCenterHeaderOwnProps {}\ninterface NotificationCenterListProps extends React.HTMLAttributes<HTMLDivElement>, NotificationCenterListOwnProps {}\ninterface NotificationCenterFooterProps extends React.HTMLAttributes<HTMLDivElement>, NotificationCenterFooterOwnProps {}\ninterface NotificationCenterItemProps extends React.HTMLAttributes<HTMLDivElement>, NotificationCenterItemOwnProps {}\ninterface NotificationCenterTriggerProps extends React.ButtonHTMLAttributes<HTMLButtonElement>, NotificationCenterTriggerOwnProps {\n  unreadCount?: number\n}\n\nconst NotificationCenter = React.forwardRef<HTMLDivElement, NotificationCenterProps>(\n  ({ children, unreadCount, ...props }, forwardedRef) => {\n    const { asChild, className, variant = 'popover', ...notificationCenterProps } = extractProps(\n      props,\n      notificationCenterPropDefs,\n    )\n    const Comp = asChild ? Slot : 'div'\n\n    return (\n      <Comp\n        {...notificationCenterProps}\n        ref={forwardedRef}\n        className={classNames(\n          'dsx-notification-center',\n          variant === 'popover' && 'dsx-notification-center--popover',\n          variant === 'sidebar' && 'dsx-notification-center--sidebar',\n          className,\n        )}\n        data-unread={unreadCount && unreadCount > 0 ? String(unreadCount) : undefined}\n      >\n        {children}\n      </Comp>\n    )\n  },\n)\nNotificationCenter.displayName = 'NotificationCenter'\n\nconst NotificationCenterHeader = React.forwardRef<HTMLDivElement, NotificationCenterHeaderProps>(\n  ({ children, ...props }, forwardedRef) => {\n    const { asChild, className, ...headerProps } = extractProps(props, notificationCenterHeaderPropDefs)\n    const Comp = asChild ? Slot : 'div'\n\n    return (\n      <Comp {...headerProps} ref={forwardedRef} className={classNames('dsx-notification-center__header', className)}>\n        {children}\n      </Comp>\n    )\n  },\n)\nNotificationCenterHeader.displayName = 'NotificationCenterHeader'\n\nconst NotificationCenterList = React.forwardRef<HTMLDivElement, NotificationCenterListProps>(\n  ({ children, ...props }, forwardedRef) => {\n    const { asChild, className, ...listProps } = extractProps(props, notificationCenterListPropDefs)\n    const Comp = asChild ? Slot : 'div'\n\n    return (\n      <Comp {...listProps} ref={forwardedRef} className={classNames('dsx-notification-center__list', className)}>\n        {children}\n      </Comp>\n    )\n  },\n)\nNotificationCenterList.displayName = 'NotificationCenterList'\n\nconst NotificationCenterFooter = React.forwardRef<HTMLDivElement, NotificationCenterFooterProps>(\n  ({ children, ...props }, forwardedRef) => {\n    const { asChild, className, ...footerProps } = extractProps(props, notificationCenterFooterPropDefs)\n    const Comp = asChild ? Slot : 'div'\n\n    return (\n      <Comp {...footerProps} ref={forwardedRef} className={classNames('dsx-notification-center__footer', className)}>\n        {children}\n      </Comp>\n    )\n  },\n)\nNotificationCenterFooter.displayName = 'NotificationCenterFooter'\n\nconst NotificationCenterItem = React.forwardRef<HTMLDivElement, NotificationCenterItemProps>(\n  ({ children, ...props }, forwardedRef) => {\n    const { asChild, className, unread = false, ...itemProps } = extractProps(\n      props,\n      notificationCenterItemPropDefs,\n    )\n    const Comp = asChild ? Slot : 'div'\n\n    return (\n      <Comp\n        {...itemProps}\n        ref={forwardedRef}\n        data-unread={unread ? 'true' : undefined}\n        className={classNames('dsx-notification-center__item', unread && 'dsx-notification-center__item--unread', className)}\n      >\n        {children}\n      </Comp>\n    )\n  },\n)\nNotificationCenterItem.displayName = 'NotificationCenterItem'\n\nconst NotificationCenterTrigger = React.forwardRef<HTMLButtonElement, NotificationCenterTriggerProps>(\n  ({ children, unreadCount, className, ...props }, forwardedRef) => {\n    const { asChild, ...triggerProps } = extractProps(props, notificationCenterTriggerPropDefs)\n    const badge = unreadCount && unreadCount > 0 ? (\n      <Badge variant=\"primary\" size=\"sm\" className=\"dsx-notification-center__badge\" aria-hidden=\"true\">\n        {unreadCount > 99 ? '99+' : unreadCount}\n      </Badge>\n    ) : null\n\n    return (\n        <IconButton\n          {...triggerProps}\n          ref={forwardedRef}\n          asChild={asChild}\n          variant=\"ghost\"\n          size=\"sm\"\n          className={classNames('dsx-notification-center__trigger', className)}\n          aria-label={props['aria-label'] ?? (unreadCount && unreadCount > 0 ? `Notifications, ${unreadCount} unread` : 'Notifications')}\n        >\n          {asChild ? (\n            <Slot><Slottable>{children}</Slottable>{badge}</Slot>\n          ) : (\n            <>{children ?? <Icon name=\"bell\" size=\"sm\" />}{badge}</>\n          )}\n        </IconButton>\n    )\n  },\n)\nNotificationCenterTrigger.displayName = 'NotificationCenterTrigger'\n\nconst NotificationCenterRoot: typeof NotificationCenter & {\n  Header: typeof NotificationCenterHeader\n  List: typeof NotificationCenterList\n  Footer: typeof NotificationCenterFooter\n  Item: typeof NotificationCenterItem\n  Trigger: typeof NotificationCenterTrigger\n} = Object.assign(NotificationCenter, {\n  Header: NotificationCenterHeader,\n  List: NotificationCenterList,\n  Footer: NotificationCenterFooter,\n  Item: NotificationCenterItem,\n  Trigger: NotificationCenterTrigger,\n})\n\nexport {\n  NotificationCenterRoot as NotificationCenter,\n  NotificationCenterHeader,\n  NotificationCenterList,\n  NotificationCenterFooter,\n  NotificationCenterItem,\n  NotificationCenterTrigger,\n}\nexport type {\n  NotificationCenterProps,\n  NotificationCenterHeaderProps,\n  NotificationCenterListProps,\n  NotificationCenterFooterProps,\n  NotificationCenterItemProps,\n  NotificationCenterTriggerProps,\n}\n"],
+  "mappings": "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",
   "names": ["classNames"]
 }

package/dist/components/notificationCenter/NotificationCenter.d.cts.map

@@ -1 +1 @@
-{"version":3,"file":"NotificationCenter.d.cts","sourceRoot":"","sources":["../../../src/components/notificationCenter/NotificationCenter.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAO9B,OAAO,EACL,0BAA0B,EAC1B,gCAAgC,EAChC,8BAA8B,EAC9B,gCAAgC,EAChC,8BAA8B,EAC9B,iCAAiC,EAClC,MAAM,4BAA4B,CAAA;AAEnC,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,+BAA+B,CAAA;AAEpE,KAAK,0BAA0B,GAAG,eAAe,CAAC,OAAO,0BAA0B,CAAC,CAAA;AACpF,KAAK,gCAAgC,GAAG,eAAe,CAAC,OAAO,gCAAgC,CAAC,CAAA;AAChG,KAAK,8BAA8B,GAAG,eAAe,CAAC,OAAO,8BAA8B,CAAC,CAAA;AAC5F,KAAK,gCAAgC,GAAG,eAAe,CAAC,OAAO,gCAAgC,CAAC,CAAA;AAChG,KAAK,8BAA8B,GAAG,eAAe,CAAC,OAAO,8BAA8B,CAAC,CAAA;AAC5F,KAAK,iCAAiC,GAAG,eAAe,CAAC,OAAO,iCAAiC,CAAC,CAAA;AAElG,UAAU,uBAAwB,SAAQ,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC,EAAE,0BAA0B;IACxG,WAAW,CAAC,EAAE,MAAM,CAAA;CACrB;AACD,UAAU,6BAA8B,SAAQ,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC,EAAE,gCAAgC;CAAG;AACzH,UAAU,2BAA4B,SAAQ,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC,EAAE,8BAA8B;CAAG;AACrH,UAAU,6BAA8B,SAAQ,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC,EAAE,gCAAgC;CAAG;AACzH,UAAU,2BAA4B,SAAQ,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC,EAAE,8BAA8B;CAAG;AACrH,UAAU,8BAA+B,SAAQ,KAAK,CAAC,oBAAoB,CAAC,iBAAiB,CAAC,EAAE,iCAAiC;IAC/H,WAAW,CAAC,EAAE,MAAM,CAAA;CACrB;AAED,QAAA,MAAM,kBAAkB,gGAwBvB,CAAA;AAGD,QAAA,MAAM,wBAAwB,sGAW7B,CAAA;AAGD,QAAA,MAAM,sBAAsB,oGAW3B,CAAA;AAGD,QAAA,MAAM,wBAAwB,sGAW7B,CAAA;AAGD,QAAA,MAAM,sBAAsB,oGAmB3B,CAAA;AAGD,QAAA,MAAM,yBAAyB,0GAyB9B,CAAA;AAGD,QAAA,MAAM,sBAAsB,EAAE,OAAO,kBAAkB,GAAG;IACxD,MAAM,EAAE,OAAO,wBAAwB,CAAA;IACvC,IAAI,EAAE,OAAO,sBAAsB,CAAA;IACnC,MAAM,EAAE,OAAO,wBAAwB,CAAA;IACvC,IAAI,EAAE,OAAO,sBAAsB,CAAA;IACnC,OAAO,EAAE,OAAO,yBAAyB,CAAA;CAOzC,CAAA;AAEF,OAAO,EACL,sBAAsB,IAAI,kBAAkB,EAC5C,wBAAwB,EACxB,sBAAsB,EACtB,wBAAwB,EACxB,sBAAsB,EACtB,yBAAyB,GAC1B,CAAA;AACD,YAAY,EACV,uBAAuB,EACvB,6BAA6B,EAC7B,2BAA2B,EAC3B,6BAA6B,EAC7B,2BAA2B,EAC3B,8BAA8B,GAC/B,CAAA"}
+{"version":3,"file":"NotificationCenter.d.cts","sourceRoot":"","sources":["../../../src/components/notificationCenter/NotificationCenter.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAQ9B,OAAO,EACL,0BAA0B,EAC1B,gCAAgC,EAChC,8BAA8B,EAC9B,gCAAgC,EAChC,8BAA8B,EAC9B,iCAAiC,EAClC,MAAM,4BAA4B,CAAA;AAEnC,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,+BAA+B,CAAA;AAEpE,KAAK,0BAA0B,GAAG,eAAe,CAAC,OAAO,0BAA0B,CAAC,CAAA;AACpF,KAAK,gCAAgC,GAAG,eAAe,CAAC,OAAO,gCAAgC,CAAC,CAAA;AAChG,KAAK,8BAA8B,GAAG,eAAe,CAAC,OAAO,8BAA8B,CAAC,CAAA;AAC5F,KAAK,gCAAgC,GAAG,eAAe,CAAC,OAAO,gCAAgC,CAAC,CAAA;AAChG,KAAK,8BAA8B,GAAG,eAAe,CAAC,OAAO,8BAA8B,CAAC,CAAA;AAC5F,KAAK,iCAAiC,GAAG,eAAe,CAAC,OAAO,iCAAiC,CAAC,CAAA;AAElG,UAAU,uBAAwB,SAAQ,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC,EAAE,0BAA0B;IACxG,WAAW,CAAC,EAAE,MAAM,CAAA;CACrB;AACD,UAAU,6BAA8B,SAAQ,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC,EAAE,gCAAgC;CAAG;AACzH,UAAU,2BAA4B,SAAQ,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC,EAAE,8BAA8B;CAAG;AACrH,UAAU,6BAA8B,SAAQ,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC,EAAE,gCAAgC;CAAG;AACzH,UAAU,2BAA4B,SAAQ,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC,EAAE,8BAA8B;CAAG;AACrH,UAAU,8BAA+B,SAAQ,KAAK,CAAC,oBAAoB,CAAC,iBAAiB,CAAC,EAAE,iCAAiC;IAC/H,WAAW,CAAC,EAAE,MAAM,CAAA;CACrB;AAED,QAAA,MAAM,kBAAkB,gGAwBvB,CAAA;AAGD,QAAA,MAAM,wBAAwB,sGAW7B,CAAA;AAGD,QAAA,MAAM,sBAAsB,oGAW3B,CAAA;AAGD,QAAA,MAAM,wBAAwB,sGAW7B,CAAA;AAGD,QAAA,MAAM,sBAAsB,oGAmB3B,CAAA;AAGD,QAAA,MAAM,yBAAyB,0GA2B9B,CAAA;AAGD,QAAA,MAAM,sBAAsB,EAAE,OAAO,kBAAkB,GAAG;IACxD,MAAM,EAAE,OAAO,wBAAwB,CAAA;IACvC,IAAI,EAAE,OAAO,sBAAsB,CAAA;IACnC,MAAM,EAAE,OAAO,wBAAwB,CAAA;IACvC,IAAI,EAAE,OAAO,sBAAsB,CAAA;IACnC,OAAO,EAAE,OAAO,yBAAyB,CAAA;CAOzC,CAAA;AAEF,OAAO,EACL,sBAAsB,IAAI,kBAAkB,EAC5C,wBAAwB,EACxB,sBAAsB,EACtB,wBAAwB,EACxB,sBAAsB,EACtB,yBAAyB,GAC1B,CAAA;AACD,YAAY,EACV,uBAAuB,EACvB,6BAA6B,EAC7B,2BAA2B,EAC3B,6BAA6B,EAC7B,2BAA2B,EAC3B,8BAA8B,GAC/B,CAAA"}

package/dist/components/notificationCenter/NotificationCenter.d.mts.map

@@ -1 +1 @@
-{"version":3,"file":"NotificationCenter.d.mts","sourceRoot":"","sources":["../../../src/components/notificationCenter/NotificationCenter.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAO9B,OAAO,EACL,0BAA0B,EAC1B,gCAAgC,EAChC,8BAA8B,EAC9B,gCAAgC,EAChC,8BAA8B,EAC9B,iCAAiC,EAClC,MAAM,4BAA4B,CAAA;AAEnC,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,+BAA+B,CAAA;AAEpE,KAAK,0BAA0B,GAAG,eAAe,CAAC,OAAO,0BAA0B,CAAC,CAAA;AACpF,KAAK,gCAAgC,GAAG,eAAe,CAAC,OAAO,gCAAgC,CAAC,CAAA;AAChG,KAAK,8BAA8B,GAAG,eAAe,CAAC,OAAO,8BAA8B,CAAC,CAAA;AAC5F,KAAK,gCAAgC,GAAG,eAAe,CAAC,OAAO,gCAAgC,CAAC,CAAA;AAChG,KAAK,8BAA8B,GAAG,eAAe,CAAC,OAAO,8BAA8B,CAAC,CAAA;AAC5F,KAAK,iCAAiC,GAAG,eAAe,CAAC,OAAO,iCAAiC,CAAC,CAAA;AAElG,UAAU,uBAAwB,SAAQ,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC,EAAE,0BAA0B;IACxG,WAAW,CAAC,EAAE,MAAM,CAAA;CACrB;AACD,UAAU,6BAA8B,SAAQ,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC,EAAE,gCAAgC;CAAG;AACzH,UAAU,2BAA4B,SAAQ,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC,EAAE,8BAA8B;CAAG;AACrH,UAAU,6BAA8B,SAAQ,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC,EAAE,gCAAgC;CAAG;AACzH,UAAU,2BAA4B,SAAQ,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC,EAAE,8BAA8B;CAAG;AACrH,UAAU,8BAA+B,SAAQ,KAAK,CAAC,oBAAoB,CAAC,iBAAiB,CAAC,EAAE,iCAAiC;IAC/H,WAAW,CAAC,EAAE,MAAM,CAAA;CACrB;AAED,QAAA,MAAM,kBAAkB,gGAwBvB,CAAA;AAGD,QAAA,MAAM,wBAAwB,sGAW7B,CAAA;AAGD,QAAA,MAAM,sBAAsB,oGAW3B,CAAA;AAGD,QAAA,MAAM,wBAAwB,sGAW7B,CAAA;AAGD,QAAA,MAAM,sBAAsB,oGAmB3B,CAAA;AAGD,QAAA,MAAM,yBAAyB,0GAyB9B,CAAA;AAGD,QAAA,MAAM,sBAAsB,EAAE,OAAO,kBAAkB,GAAG;IACxD,MAAM,EAAE,OAAO,wBAAwB,CAAA;IACvC,IAAI,EAAE,OAAO,sBAAsB,CAAA;IACnC,MAAM,EAAE,OAAO,wBAAwB,CAAA;IACvC,IAAI,EAAE,OAAO,sBAAsB,CAAA;IACnC,OAAO,EAAE,OAAO,yBAAyB,CAAA;CAOzC,CAAA;AAEF,OAAO,EACL,sBAAsB,IAAI,kBAAkB,EAC5C,wBAAwB,EACxB,sBAAsB,EACtB,wBAAwB,EACxB,sBAAsB,EACtB,yBAAyB,GAC1B,CAAA;AACD,YAAY,EACV,uBAAuB,EACvB,6BAA6B,EAC7B,2BAA2B,EAC3B,6BAA6B,EAC7B,2BAA2B,EAC3B,8BAA8B,GAC/B,CAAA"}
+{"version":3,"file":"NotificationCenter.d.mts","sourceRoot":"","sources":["../../../src/components/notificationCenter/NotificationCenter.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAQ9B,OAAO,EACL,0BAA0B,EAC1B,gCAAgC,EAChC,8BAA8B,EAC9B,gCAAgC,EAChC,8BAA8B,EAC9B,iCAAiC,EAClC,MAAM,4BAA4B,CAAA;AAEnC,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,+BAA+B,CAAA;AAEpE,KAAK,0BAA0B,GAAG,eAAe,CAAC,OAAO,0BAA0B,CAAC,CAAA;AACpF,KAAK,gCAAgC,GAAG,eAAe,CAAC,OAAO,gCAAgC,CAAC,CAAA;AAChG,KAAK,8BAA8B,GAAG,eAAe,CAAC,OAAO,8BAA8B,CAAC,CAAA;AAC5F,KAAK,gCAAgC,GAAG,eAAe,CAAC,OAAO,gCAAgC,CAAC,CAAA;AAChG,KAAK,8BAA8B,GAAG,eAAe,CAAC,OAAO,8BAA8B,CAAC,CAAA;AAC5F,KAAK,iCAAiC,GAAG,eAAe,CAAC,OAAO,iCAAiC,CAAC,CAAA;AAElG,UAAU,uBAAwB,SAAQ,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC,EAAE,0BAA0B;IACxG,WAAW,CAAC,EAAE,MAAM,CAAA;CACrB;AACD,UAAU,6BAA8B,SAAQ,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC,EAAE,gCAAgC;CAAG;AACzH,UAAU,2BAA4B,SAAQ,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC,EAAE,8BAA8B;CAAG;AACrH,UAAU,6BAA8B,SAAQ,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC,EAAE,gCAAgC;CAAG;AACzH,UAAU,2BAA4B,SAAQ,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC,EAAE,8BAA8B;CAAG;AACrH,UAAU,8BAA+B,SAAQ,KAAK,CAAC,oBAAoB,CAAC,iBAAiB,CAAC,EAAE,iCAAiC;IAC/H,WAAW,CAAC,EAAE,MAAM,CAAA;CACrB;AAED,QAAA,MAAM,kBAAkB,gGAwBvB,CAAA;AAGD,QAAA,MAAM,wBAAwB,sGAW7B,CAAA;AAGD,QAAA,MAAM,sBAAsB,oGAW3B,CAAA;AAGD,QAAA,MAAM,wBAAwB,sGAW7B,CAAA;AAGD,QAAA,MAAM,sBAAsB,oGAmB3B,CAAA;AAGD,QAAA,MAAM,yBAAyB,0GA2B9B,CAAA;AAGD,QAAA,MAAM,sBAAsB,EAAE,OAAO,kBAAkB,GAAG;IACxD,MAAM,EAAE,OAAO,wBAAwB,CAAA;IACvC,IAAI,EAAE,OAAO,sBAAsB,CAAA;IACnC,MAAM,EAAE,OAAO,wBAAwB,CAAA;IACvC,IAAI,EAAE,OAAO,sBAAsB,CAAA;IACnC,OAAO,EAAE,OAAO,yBAAyB,CAAA;CAOzC,CAAA;AAEF,OAAO,EACL,sBAAsB,IAAI,kBAAkB,EAC5C,wBAAwB,EACxB,sBAAsB,EACtB,wBAAwB,EACxB,sBAAsB,EACtB,yBAAyB,GAC1B,CAAA;AACD,YAAY,EACV,uBAAuB,EACvB,6BAA6B,EAC7B,2BAA2B,EAC3B,6BAA6B,EAC7B,2BAA2B,EAC3B,8BAA8B,GAC/B,CAAA"}

package/dist/components/notificationCenter/NotificationCenter.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"NotificationCenter.d.ts","sourceRoot":"","sources":["../../../src/components/notificationCenter/NotificationCenter.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAO9B,OAAO,EACL,0BAA0B,EAC1B,gCAAgC,EAChC,8BAA8B,EAC9B,gCAAgC,EAChC,8BAA8B,EAC9B,iCAAiC,EAClC,MAAM,4BAA4B,CAAA;AAEnC,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,+BAA+B,CAAA;AAEpE,KAAK,0BAA0B,GAAG,eAAe,CAAC,OAAO,0BAA0B,CAAC,CAAA;AACpF,KAAK,gCAAgC,GAAG,eAAe,CAAC,OAAO,gCAAgC,CAAC,CAAA;AAChG,KAAK,8BAA8B,GAAG,eAAe,CAAC,OAAO,8BAA8B,CAAC,CAAA;AAC5F,KAAK,gCAAgC,GAAG,eAAe,CAAC,OAAO,gCAAgC,CAAC,CAAA;AAChG,KAAK,8BAA8B,GAAG,eAAe,CAAC,OAAO,8BAA8B,CAAC,CAAA;AAC5F,KAAK,iCAAiC,GAAG,eAAe,CAAC,OAAO,iCAAiC,CAAC,CAAA;AAElG,UAAU,uBAAwB,SAAQ,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC,EAAE,0BAA0B;IACxG,WAAW,CAAC,EAAE,MAAM,CAAA;CACrB;AACD,UAAU,6BAA8B,SAAQ,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC,EAAE,gCAAgC;CAAG;AACzH,UAAU,2BAA4B,SAAQ,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC,EAAE,8BAA8B;CAAG;AACrH,UAAU,6BAA8B,SAAQ,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC,EAAE,gCAAgC;CAAG;AACzH,UAAU,2BAA4B,SAAQ,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC,EAAE,8BAA8B;CAAG;AACrH,UAAU,8BAA+B,SAAQ,KAAK,CAAC,oBAAoB,CAAC,iBAAiB,CAAC,EAAE,iCAAiC;IAC/H,WAAW,CAAC,EAAE,MAAM,CAAA;CACrB;AAED,QAAA,MAAM,kBAAkB,gGAwBvB,CAAA;AAGD,QAAA,MAAM,wBAAwB,sGAW7B,CAAA;AAGD,QAAA,MAAM,sBAAsB,oGAW3B,CAAA;AAGD,QAAA,MAAM,wBAAwB,sGAW7B,CAAA;AAGD,QAAA,MAAM,sBAAsB,oGAmB3B,CAAA;AAGD,QAAA,MAAM,yBAAyB,0GAyB9B,CAAA;AAGD,QAAA,MAAM,sBAAsB,EAAE,OAAO,kBAAkB,GAAG;IACxD,MAAM,EAAE,OAAO,wBAAwB,CAAA;IACvC,IAAI,EAAE,OAAO,sBAAsB,CAAA;IACnC,MAAM,EAAE,OAAO,wBAAwB,CAAA;IACvC,IAAI,EAAE,OAAO,sBAAsB,CAAA;IACnC,OAAO,EAAE,OAAO,yBAAyB,CAAA;CAOzC,CAAA;AAEF,OAAO,EACL,sBAAsB,IAAI,kBAAkB,EAC5C,wBAAwB,EACxB,sBAAsB,EACtB,wBAAwB,EACxB,sBAAsB,EACtB,yBAAyB,GAC1B,CAAA;AACD,YAAY,EACV,uBAAuB,EACvB,6BAA6B,EAC7B,2BAA2B,EAC3B,6BAA6B,EAC7B,2BAA2B,EAC3B,8BAA8B,GAC/B,CAAA"}
+{"version":3,"file":"NotificationCenter.d.ts","sourceRoot":"","sources":["../../../src/components/notificationCenter/NotificationCenter.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAQ9B,OAAO,EACL,0BAA0B,EAC1B,gCAAgC,EAChC,8BAA8B,EAC9B,gCAAgC,EAChC,8BAA8B,EAC9B,iCAAiC,EAClC,MAAM,4BAA4B,CAAA;AAEnC,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,+BAA+B,CAAA;AAEpE,KAAK,0BAA0B,GAAG,eAAe,CAAC,OAAO,0BAA0B,CAAC,CAAA;AACpF,KAAK,gCAAgC,GAAG,eAAe,CAAC,OAAO,gCAAgC,CAAC,CAAA;AAChG,KAAK,8BAA8B,GAAG,eAAe,CAAC,OAAO,8BAA8B,CAAC,CAAA;AAC5F,KAAK,gCAAgC,GAAG,eAAe,CAAC,OAAO,gCAAgC,CAAC,CAAA;AAChG,KAAK,8BAA8B,GAAG,eAAe,CAAC,OAAO,8BAA8B,CAAC,CAAA;AAC5F,KAAK,iCAAiC,GAAG,eAAe,CAAC,OAAO,iCAAiC,CAAC,CAAA;AAElG,UAAU,uBAAwB,SAAQ,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC,EAAE,0BAA0B;IACxG,WAAW,CAAC,EAAE,MAAM,CAAA;CACrB;AACD,UAAU,6BAA8B,SAAQ,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC,EAAE,gCAAgC;CAAG;AACzH,UAAU,2BAA4B,SAAQ,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC,EAAE,8BAA8B;CAAG;AACrH,UAAU,6BAA8B,SAAQ,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC,EAAE,gCAAgC;CAAG;AACzH,UAAU,2BAA4B,SAAQ,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC,EAAE,8BAA8B;CAAG;AACrH,UAAU,8BAA+B,SAAQ,KAAK,CAAC,oBAAoB,CAAC,iBAAiB,CAAC,EAAE,iCAAiC;IAC/H,WAAW,CAAC,EAAE,MAAM,CAAA;CACrB;AAED,QAAA,MAAM,kBAAkB,gGAwBvB,CAAA;AAGD,QAAA,MAAM,wBAAwB,sGAW7B,CAAA;AAGD,QAAA,MAAM,sBAAsB,oGAW3B,CAAA;AAGD,QAAA,MAAM,wBAAwB,sGAW7B,CAAA;AAGD,QAAA,MAAM,sBAAsB,oGAmB3B,CAAA;AAGD,QAAA,MAAM,yBAAyB,0GA2B9B,CAAA;AAGD,QAAA,MAAM,sBAAsB,EAAE,OAAO,kBAAkB,GAAG;IACxD,MAAM,EAAE,OAAO,wBAAwB,CAAA;IACvC,IAAI,EAAE,OAAO,sBAAsB,CAAA;IACnC,MAAM,EAAE,OAAO,wBAAwB,CAAA;IACvC,IAAI,EAAE,OAAO,sBAAsB,CAAA;IACnC,OAAO,EAAE,OAAO,yBAAyB,CAAA;CAOzC,CAAA;AAEF,OAAO,EACL,sBAAsB,IAAI,kBAAkB,EAC5C,wBAAwB,EACxB,sBAAsB,EACtB,wBAAwB,EACxB,sBAAsB,EACtB,yBAAyB,GAC1B,CAAA;AACD,YAAY,EACV,uBAAuB,EACvB,6BAA6B,EAC7B,2BAA2B,EAC3B,6BAA6B,EAC7B,2BAA2B,EAC3B,8BAA8B,GAC/B,CAAA"}

package/dist/components/notificationCenter/NotificationCenter.js

@@ -1,9 +1,10 @@
 import * as React from "react";
 import classNames from "classnames";
-import { Slot } from "@radix-ui/react-slot";
+import { Slot, Slottable } from "@radix-ui/react-slot";
 import { extractProps } from "../../_internal/helpers/extractProps.js";
 import { Badge } from "../badge/Badge.js";
 import { IconButton } from "../iconButton/IconButton.js";
+import { Icon } from "../icon/Icon.js";
 import {
   notificationCenterPropDefs,
   notificationCenterHeaderPropDefs,
@@ -85,22 +86,26 @@ NotificationCenterItem.displayName = "NotificationCenterItem";
 const NotificationCenterTrigger = React.forwardRef(
   ({ children, unreadCount, className, ...props }, forwardedRef) => {
     const { asChild, ...triggerProps } = extractProps(props, notificationCenterTriggerPropDefs);
-    return /* @__PURE__ */ jsxs(Fragment, { children: [
-      /* @__PURE__ */ jsx(
-        IconButton,
-        {
-          ...triggerProps,
-          ref: forwardedRef,
-          asChild,
-          variant: "ghost",
-          size: "sm",
-          className: classNames("dsx-notification-center__trigger", className),
-          "aria-label": props["aria-label"] ?? "Notifications",
-          children
-        }
-      ),
-      unreadCount && unreadCount > 0 ? /* @__PURE__ */ jsx(Badge, { variant: "error", size: "sm", className: "dsx-notification-center__badge", children: unreadCount > 99 ? "99+" : unreadCount }) : null
-    ] });
+    const badge = unreadCount && unreadCount > 0 ? /* @__PURE__ */ jsx(Badge, { variant: "primary", size: "sm", className: "dsx-notification-center__badge", "aria-hidden": "true", children: unreadCount > 99 ? "99+" : unreadCount }) : null;
+    return /* @__PURE__ */ jsx(
+      IconButton,
+      {
+        ...triggerProps,
+        ref: forwardedRef,
+        asChild,
+        variant: "ghost",
+        size: "sm",
+        className: classNames("dsx-notification-center__trigger", className),
+        "aria-label": props["aria-label"] ?? (unreadCount && unreadCount > 0 ? `Notifications, ${unreadCount} unread` : "Notifications"),
+        children: asChild ? /* @__PURE__ */ jsxs(Slot, { children: [
+          /* @__PURE__ */ jsx(Slottable, { children }),
+          badge
+        ] }) : /* @__PURE__ */ jsxs(Fragment, { children: [
+          children ?? /* @__PURE__ */ jsx(Icon, { name: "bell", size: "sm" }),
+          badge
+        ] })
+      }
+    );
   }
 );
 NotificationCenterTrigger.displayName = "NotificationCenterTrigger";

package/dist/components/notificationCenter/NotificationCenter.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../src/components/notificationCenter/NotificationCenter.tsx"],
-  "sourcesContent": ["import * as React from 'react'\nimport classNames from 'classnames'\nimport { Slot } from '@radix-ui/react-slot'\n\nimport { extractProps } from '../../_internal/helpers/extractProps'\nimport { Badge } from '../badge/Badge'\nimport { IconButton } from '../iconButton/IconButton'\nimport {\n  notificationCenterPropDefs,\n  notificationCenterHeaderPropDefs,\n  notificationCenterListPropDefs,\n  notificationCenterFooterPropDefs,\n  notificationCenterItemPropDefs,\n  notificationCenterTriggerPropDefs,\n} from './notificationCenter.props'\n\nimport type { GetPropDefTypes } from '../../_internal/props/propDef'\n\ntype NotificationCenterOwnProps = GetPropDefTypes<typeof notificationCenterPropDefs>\ntype NotificationCenterHeaderOwnProps = GetPropDefTypes<typeof notificationCenterHeaderPropDefs>\ntype NotificationCenterListOwnProps = GetPropDefTypes<typeof notificationCenterListPropDefs>\ntype NotificationCenterFooterOwnProps = GetPropDefTypes<typeof notificationCenterFooterPropDefs>\ntype NotificationCenterItemOwnProps = GetPropDefTypes<typeof notificationCenterItemPropDefs>\ntype NotificationCenterTriggerOwnProps = GetPropDefTypes<typeof notificationCenterTriggerPropDefs>\n\ninterface NotificationCenterProps extends React.HTMLAttributes<HTMLDivElement>, NotificationCenterOwnProps {\n  unreadCount?: number\n}\ninterface NotificationCenterHeaderProps extends React.HTMLAttributes<HTMLDivElement>, NotificationCenterHeaderOwnProps {}\ninterface NotificationCenterListProps extends React.HTMLAttributes<HTMLDivElement>, NotificationCenterListOwnProps {}\ninterface NotificationCenterFooterProps extends React.HTMLAttributes<HTMLDivElement>, NotificationCenterFooterOwnProps {}\ninterface NotificationCenterItemProps extends React.HTMLAttributes<HTMLDivElement>, NotificationCenterItemOwnProps {}\ninterface NotificationCenterTriggerProps extends React.ButtonHTMLAttributes<HTMLButtonElement>, NotificationCenterTriggerOwnProps {\n  unreadCount?: number\n}\n\nconst NotificationCenter = React.forwardRef<HTMLDivElement, NotificationCenterProps>(\n  ({ children, unreadCount, ...props }, forwardedRef) => {\n    const { asChild, className, variant = 'popover', ...notificationCenterProps } = extractProps(\n      props,\n      notificationCenterPropDefs,\n    )\n    const Comp = asChild ? Slot : 'div'\n\n    return (\n      <Comp\n        {...notificationCenterProps}\n        ref={forwardedRef}\n        className={classNames(\n          'dsx-notification-center',\n          variant === 'popover' && 'dsx-notification-center--popover',\n          variant === 'sidebar' && 'dsx-notification-center--sidebar',\n          className,\n        )}\n        data-unread={unreadCount && unreadCount > 0 ? String(unreadCount) : undefined}\n      >\n        {children}\n      </Comp>\n    )\n  },\n)\nNotificationCenter.displayName = 'NotificationCenter'\n\nconst NotificationCenterHeader = React.forwardRef<HTMLDivElement, NotificationCenterHeaderProps>(\n  ({ children, ...props }, forwardedRef) => {\n    const { asChild, className, ...headerProps } = extractProps(props, notificationCenterHeaderPropDefs)\n    const Comp = asChild ? Slot : 'div'\n\n    return (\n      <Comp {...headerProps} ref={forwardedRef} className={classNames('dsx-notification-center__header', className)}>\n        {children}\n      </Comp>\n    )\n  },\n)\nNotificationCenterHeader.displayName = 'NotificationCenterHeader'\n\nconst NotificationCenterList = React.forwardRef<HTMLDivElement, NotificationCenterListProps>(\n  ({ children, ...props }, forwardedRef) => {\n    const { asChild, className, ...listProps } = extractProps(props, notificationCenterListPropDefs)\n    const Comp = asChild ? Slot : 'div'\n\n    return (\n      <Comp {...listProps} ref={forwardedRef} className={classNames('dsx-notification-center__list', className)}>\n        {children}\n      </Comp>\n    )\n  },\n)\nNotificationCenterList.displayName = 'NotificationCenterList'\n\nconst NotificationCenterFooter = React.forwardRef<HTMLDivElement, NotificationCenterFooterProps>(\n  ({ children, ...props }, forwardedRef) => {\n    const { asChild, className, ...footerProps } = extractProps(props, notificationCenterFooterPropDefs)\n    const Comp = asChild ? Slot : 'div'\n\n    return (\n      <Comp {...footerProps} ref={forwardedRef} className={classNames('dsx-notification-center__footer', className)}>\n        {children}\n      </Comp>\n    )\n  },\n)\nNotificationCenterFooter.displayName = 'NotificationCenterFooter'\n\nconst NotificationCenterItem = React.forwardRef<HTMLDivElement, NotificationCenterItemProps>(\n  ({ children, ...props }, forwardedRef) => {\n    const { asChild, className, unread = false, ...itemProps } = extractProps(\n      props,\n      notificationCenterItemPropDefs,\n    )\n    const Comp = asChild ? Slot : 'div'\n\n    return (\n      <Comp\n        {...itemProps}\n        ref={forwardedRef}\n        data-unread={unread ? 'true' : undefined}\n        className={classNames('dsx-notification-center__item', unread && 'dsx-notification-center__item--unread', className)}\n      >\n        {children}\n      </Comp>\n    )\n  },\n)\nNotificationCenterItem.displayName = 'NotificationCenterItem'\n\nconst NotificationCenterTrigger = React.forwardRef<HTMLButtonElement, NotificationCenterTriggerProps>(\n  ({ children, unreadCount, className, ...props }, forwardedRef) => {\n    const { asChild, ...triggerProps } = extractProps(props, notificationCenterTriggerPropDefs)\n\n    return (\n      <>\n        <IconButton\n          {...triggerProps}\n          ref={forwardedRef}\n          asChild={asChild}\n          variant=\"ghost\"\n          size=\"sm\"\n          className={classNames('dsx-notification-center__trigger', className)}\n          aria-label={props['aria-label'] ?? 'Notifications'}\n        >\n          {children}\n        </IconButton>\n        {unreadCount && unreadCount > 0 ? (\n          <Badge variant=\"error\" size=\"sm\" className=\"dsx-notification-center__badge\">\n            {unreadCount > 99 ? '99+' : unreadCount}\n          </Badge>\n        ) : null}\n      </>\n    )\n  },\n)\nNotificationCenterTrigger.displayName = 'NotificationCenterTrigger'\n\nconst NotificationCenterRoot: typeof NotificationCenter & {\n  Header: typeof NotificationCenterHeader\n  List: typeof NotificationCenterList\n  Footer: typeof NotificationCenterFooter\n  Item: typeof NotificationCenterItem\n  Trigger: typeof NotificationCenterTrigger\n} = Object.assign(NotificationCenter, {\n  Header: NotificationCenterHeader,\n  List: NotificationCenterList,\n  Footer: NotificationCenterFooter,\n  Item: NotificationCenterItem,\n  Trigger: NotificationCenterTrigger,\n})\n\nexport {\n  NotificationCenterRoot as NotificationCenter,\n  NotificationCenterHeader,\n  NotificationCenterList,\n  NotificationCenterFooter,\n  NotificationCenterItem,\n  NotificationCenterTrigger,\n}\nexport type {\n  NotificationCenterProps,\n  NotificationCenterHeaderProps,\n  NotificationCenterListProps,\n  NotificationCenterFooterProps,\n  NotificationCenterItemProps,\n  NotificationCenterTriggerProps,\n}\n"],
-  "mappings": "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",
+  "sourcesContent": ["import * as React from 'react'\nimport classNames from 'classnames'\nimport { Slot, Slottable } from '@radix-ui/react-slot'\n\nimport { extractProps } from '../../_internal/helpers/extractProps'\nimport { Badge } from '../badge/Badge'\nimport { IconButton } from '../iconButton/IconButton'\nimport { Icon } from '../icon/Icon'\nimport {\n  notificationCenterPropDefs,\n  notificationCenterHeaderPropDefs,\n  notificationCenterListPropDefs,\n  notificationCenterFooterPropDefs,\n  notificationCenterItemPropDefs,\n  notificationCenterTriggerPropDefs,\n} from './notificationCenter.props'\n\nimport type { GetPropDefTypes } from '../../_internal/props/propDef'\n\ntype NotificationCenterOwnProps = GetPropDefTypes<typeof notificationCenterPropDefs>\ntype NotificationCenterHeaderOwnProps = GetPropDefTypes<typeof notificationCenterHeaderPropDefs>\ntype NotificationCenterListOwnProps = GetPropDefTypes<typeof notificationCenterListPropDefs>\ntype NotificationCenterFooterOwnProps = GetPropDefTypes<typeof notificationCenterFooterPropDefs>\ntype NotificationCenterItemOwnProps = GetPropDefTypes<typeof notificationCenterItemPropDefs>\ntype NotificationCenterTriggerOwnProps = GetPropDefTypes<typeof notificationCenterTriggerPropDefs>\n\ninterface NotificationCenterProps extends React.HTMLAttributes<HTMLDivElement>, NotificationCenterOwnProps {\n  unreadCount?: number\n}\ninterface NotificationCenterHeaderProps extends React.HTMLAttributes<HTMLDivElement>, NotificationCenterHeaderOwnProps {}\ninterface NotificationCenterListProps extends React.HTMLAttributes<HTMLDivElement>, NotificationCenterListOwnProps {}\ninterface NotificationCenterFooterProps extends React.HTMLAttributes<HTMLDivElement>, NotificationCenterFooterOwnProps {}\ninterface NotificationCenterItemProps extends React.HTMLAttributes<HTMLDivElement>, NotificationCenterItemOwnProps {}\ninterface NotificationCenterTriggerProps extends React.ButtonHTMLAttributes<HTMLButtonElement>, NotificationCenterTriggerOwnProps {\n  unreadCount?: number\n}\n\nconst NotificationCenter = React.forwardRef<HTMLDivElement, NotificationCenterProps>(\n  ({ children, unreadCount, ...props }, forwardedRef) => {\n    const { asChild, className, variant = 'popover', ...notificationCenterProps } = extractProps(\n      props,\n      notificationCenterPropDefs,\n    )\n    const Comp = asChild ? Slot : 'div'\n\n    return (\n      <Comp\n        {...notificationCenterProps}\n        ref={forwardedRef}\n        className={classNames(\n          'dsx-notification-center',\n          variant === 'popover' && 'dsx-notification-center--popover',\n          variant === 'sidebar' && 'dsx-notification-center--sidebar',\n          className,\n        )}\n        data-unread={unreadCount && unreadCount > 0 ? String(unreadCount) : undefined}\n      >\n        {children}\n      </Comp>\n    )\n  },\n)\nNotificationCenter.displayName = 'NotificationCenter'\n\nconst NotificationCenterHeader = React.forwardRef<HTMLDivElement, NotificationCenterHeaderProps>(\n  ({ children, ...props }, forwardedRef) => {\n    const { asChild, className, ...headerProps } = extractProps(props, notificationCenterHeaderPropDefs)\n    const Comp = asChild ? Slot : 'div'\n\n    return (\n      <Comp {...headerProps} ref={forwardedRef} className={classNames('dsx-notification-center__header', className)}>\n        {children}\n      </Comp>\n    )\n  },\n)\nNotificationCenterHeader.displayName = 'NotificationCenterHeader'\n\nconst NotificationCenterList = React.forwardRef<HTMLDivElement, NotificationCenterListProps>(\n  ({ children, ...props }, forwardedRef) => {\n    const { asChild, className, ...listProps } = extractProps(props, notificationCenterListPropDefs)\n    const Comp = asChild ? Slot : 'div'\n\n    return (\n      <Comp {...listProps} ref={forwardedRef} className={classNames('dsx-notification-center__list', className)}>\n        {children}\n      </Comp>\n    )\n  },\n)\nNotificationCenterList.displayName = 'NotificationCenterList'\n\nconst NotificationCenterFooter = React.forwardRef<HTMLDivElement, NotificationCenterFooterProps>(\n  ({ children, ...props }, forwardedRef) => {\n    const { asChild, className, ...footerProps } = extractProps(props, notificationCenterFooterPropDefs)\n    const Comp = asChild ? Slot : 'div'\n\n    return (\n      <Comp {...footerProps} ref={forwardedRef} className={classNames('dsx-notification-center__footer', className)}>\n        {children}\n      </Comp>\n    )\n  },\n)\nNotificationCenterFooter.displayName = 'NotificationCenterFooter'\n\nconst NotificationCenterItem = React.forwardRef<HTMLDivElement, NotificationCenterItemProps>(\n  ({ children, ...props }, forwardedRef) => {\n    const { asChild, className, unread = false, ...itemProps } = extractProps(\n      props,\n      notificationCenterItemPropDefs,\n    )\n    const Comp = asChild ? Slot : 'div'\n\n    return (\n      <Comp\n        {...itemProps}\n        ref={forwardedRef}\n        data-unread={unread ? 'true' : undefined}\n        className={classNames('dsx-notification-center__item', unread && 'dsx-notification-center__item--unread', className)}\n      >\n        {children}\n      </Comp>\n    )\n  },\n)\nNotificationCenterItem.displayName = 'NotificationCenterItem'\n\nconst NotificationCenterTrigger = React.forwardRef<HTMLButtonElement, NotificationCenterTriggerProps>(\n  ({ children, unreadCount, className, ...props }, forwardedRef) => {\n    const { asChild, ...triggerProps } = extractProps(props, notificationCenterTriggerPropDefs)\n    const badge = unreadCount && unreadCount > 0 ? (\n      <Badge variant=\"primary\" size=\"sm\" className=\"dsx-notification-center__badge\" aria-hidden=\"true\">\n        {unreadCount > 99 ? '99+' : unreadCount}\n      </Badge>\n    ) : null\n\n    return (\n        <IconButton\n          {...triggerProps}\n          ref={forwardedRef}\n          asChild={asChild}\n          variant=\"ghost\"\n          size=\"sm\"\n          className={classNames('dsx-notification-center__trigger', className)}\n          aria-label={props['aria-label'] ?? (unreadCount && unreadCount > 0 ? `Notifications, ${unreadCount} unread` : 'Notifications')}\n        >\n          {asChild ? (\n            <Slot><Slottable>{children}</Slottable>{badge}</Slot>\n          ) : (\n            <>{children ?? <Icon name=\"bell\" size=\"sm\" />}{badge}</>\n          )}\n        </IconButton>\n    )\n  },\n)\nNotificationCenterTrigger.displayName = 'NotificationCenterTrigger'\n\nconst NotificationCenterRoot: typeof NotificationCenter & {\n  Header: typeof NotificationCenterHeader\n  List: typeof NotificationCenterList\n  Footer: typeof NotificationCenterFooter\n  Item: typeof NotificationCenterItem\n  Trigger: typeof NotificationCenterTrigger\n} = Object.assign(NotificationCenter, {\n  Header: NotificationCenterHeader,\n  List: NotificationCenterList,\n  Footer: NotificationCenterFooter,\n  Item: NotificationCenterItem,\n  Trigger: NotificationCenterTrigger,\n})\n\nexport {\n  NotificationCenterRoot as NotificationCenter,\n  NotificationCenterHeader,\n  NotificationCenterList,\n  NotificationCenterFooter,\n  NotificationCenterItem,\n  NotificationCenterTrigger,\n}\nexport type {\n  NotificationCenterProps,\n  NotificationCenterHeaderProps,\n  NotificationCenterListProps,\n  NotificationCenterFooterProps,\n  NotificationCenterItemProps,\n  NotificationCenterTriggerProps,\n}\n"],
+  "mappings": "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",
   "names": []
 }