@d4gger/design-system 4.0.0 → 4.0.1

package/dist/components/notificationCenter/NotificationCenter.cjs

@@ -45,6 +45,10 @@ 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 DEFAULT_BADGE_MAX = 99;
+function resolveBadgeMax(max) {
+  return max !== void 0 && Number.isInteger(max) && max > 0 ? max : DEFAULT_BADGE_MAX;
+}
 const NotificationCenter = React.forwardRef(
   ({ children, unreadCount, ...props }, forwardedRef) => {
     const { asChild, className, variant = "popover", ...notificationCenterProps } = (0, import_extractProps.extractProps)(
@@ -115,9 +119,10 @@ const NotificationCenterItem = React.forwardRef(
 );
 NotificationCenterItem.displayName = "NotificationCenterItem";
 const NotificationCenterTrigger = React.forwardRef(
-  ({ children, unreadCount, className, ...props }, forwardedRef) => {
+  ({ children, unreadCount, max, className, ...props }, forwardedRef) => {
     const { asChild, ...triggerProps } = (0, import_extractProps.extractProps)(props, import_notificationCenter.notificationCenterTriggerPropDefs);
-    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;
+    const cap = resolveBadgeMax(max);
+    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 > cap ? `${cap}+` : unreadCount }) : null;
     return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
       import_IconButton.IconButton,
       {

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, 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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",
+  "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  /** Largest count the badge draws; above it the badge reads `{max}+`. Default 99. The accessible name keeps the real count. */\n  max?: number\n}\n\nconst DEFAULT_BADGE_MAX = 99\n\n// A cap that is not a positive whole number falls back to the default, so a bad prop never prints \"NaN+\" or \"0+\".\nfunction resolveBadgeMax(max: number | undefined): number {\n  return max !== undefined && Number.isInteger(max) && max > 0 ? max : DEFAULT_BADGE_MAX\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, max, className, ...props }, forwardedRef) => {\n    const { asChild, ...triggerProps } = extractProps(props, notificationCenterTriggerPropDefs)\n    const cap = resolveBadgeMax(max)\n    const badge = unreadCount && unreadCount > 0 ? (\n      <Badge variant=\"primary\" size=\"sm\" className=\"dsx-notification-center__badge\" aria-hidden=\"true\">\n        {unreadCount > cap ? `${cap}+` : 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

@@ -20,6 +20,8 @@ interface NotificationCenterItemProps extends React.HTMLAttributes<HTMLDivElemen
 }
 interface NotificationCenterTriggerProps extends React.ButtonHTMLAttributes<HTMLButtonElement>, NotificationCenterTriggerOwnProps {
     unreadCount?: number;
+    /** Largest count the badge draws; above it the badge reads `{max}+`. Default 99. The accessible name keeps the real count. */
+    max?: number;
 }
 declare const NotificationCenter: React.ForwardRefExoticComponent<NotificationCenterProps & React.RefAttributes<HTMLDivElement>>;
 declare const NotificationCenterHeader: React.ForwardRefExoticComponent<NotificationCenterHeaderProps & React.RefAttributes<HTMLDivElement>>;

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;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"}
+{"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;IACpB,8HAA8H;IAC9H,GAAG,CAAC,EAAE,MAAM,CAAA;CACb;AASD,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,0GA4B9B,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

@@ -20,6 +20,8 @@ interface NotificationCenterItemProps extends React.HTMLAttributes<HTMLDivElemen
 }
 interface NotificationCenterTriggerProps extends React.ButtonHTMLAttributes<HTMLButtonElement>, NotificationCenterTriggerOwnProps {
     unreadCount?: number;
+    /** Largest count the badge draws; above it the badge reads `{max}+`. Default 99. The accessible name keeps the real count. */
+    max?: number;
 }
 declare const NotificationCenter: React.ForwardRefExoticComponent<NotificationCenterProps & React.RefAttributes<HTMLDivElement>>;
 declare const NotificationCenterHeader: React.ForwardRefExoticComponent<NotificationCenterHeaderProps & React.RefAttributes<HTMLDivElement>>;

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;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"}
+{"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;IACpB,8HAA8H;IAC9H,GAAG,CAAC,EAAE,MAAM,CAAA;CACb;AASD,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,0GA4B9B,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

@@ -20,6 +20,8 @@ interface NotificationCenterItemProps extends React.HTMLAttributes<HTMLDivElemen
 }
 interface NotificationCenterTriggerProps extends React.ButtonHTMLAttributes<HTMLButtonElement>, NotificationCenterTriggerOwnProps {
     unreadCount?: number;
+    /** Largest count the badge draws; above it the badge reads `{max}+`. Default 99. The accessible name keeps the real count. */
+    max?: number;
 }
 declare const NotificationCenter: React.ForwardRefExoticComponent<NotificationCenterProps & React.RefAttributes<HTMLDivElement>>;
 declare const NotificationCenterHeader: React.ForwardRefExoticComponent<NotificationCenterHeaderProps & React.RefAttributes<HTMLDivElement>>;

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;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"}
+{"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;IACpB,8HAA8H;IAC9H,GAAG,CAAC,EAAE,MAAM,CAAA;CACb;AASD,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,0GA4B9B,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

@@ -14,6 +14,10 @@ import {
   notificationCenterTriggerPropDefs
 } from "./notificationCenter.props.js";
 import { Fragment, jsx, jsxs } from "react/jsx-runtime";
+const DEFAULT_BADGE_MAX = 99;
+function resolveBadgeMax(max) {
+  return max !== void 0 && Number.isInteger(max) && max > 0 ? max : DEFAULT_BADGE_MAX;
+}
 const NotificationCenter = React.forwardRef(
   ({ children, unreadCount, ...props }, forwardedRef) => {
     const { asChild, className, variant = "popover", ...notificationCenterProps } = extractProps(
@@ -84,9 +88,10 @@ const NotificationCenterItem = React.forwardRef(
 );
 NotificationCenterItem.displayName = "NotificationCenterItem";
 const NotificationCenterTrigger = React.forwardRef(
-  ({ children, unreadCount, className, ...props }, forwardedRef) => {
+  ({ children, unreadCount, max, className, ...props }, forwardedRef) => {
     const { asChild, ...triggerProps } = extractProps(props, notificationCenterTriggerPropDefs);
-    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;
+    const cap = resolveBadgeMax(max);
+    const badge = unreadCount && unreadCount > 0 ? /* @__PURE__ */ jsx(Badge, { variant: "primary", size: "sm", className: "dsx-notification-center__badge", "aria-hidden": "true", children: unreadCount > cap ? `${cap}+` : unreadCount }) : null;
     return /* @__PURE__ */ jsx(
       IconButton,
       {

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, 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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",
+  "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  /** Largest count the badge draws; above it the badge reads `{max}+`. Default 99. The accessible name keeps the real count. */\n  max?: number\n}\n\nconst DEFAULT_BADGE_MAX = 99\n\n// A cap that is not a positive whole number falls back to the default, so a bad prop never prints \"NaN+\" or \"0+\".\nfunction resolveBadgeMax(max: number | undefined): number {\n  return max !== undefined && Number.isInteger(max) && max > 0 ? max : DEFAULT_BADGE_MAX\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, max, className, ...props }, forwardedRef) => {\n    const { asChild, ...triggerProps } = extractProps(props, notificationCenterTriggerPropDefs)\n    const cap = resolveBadgeMax(max)\n    const badge = unreadCount && unreadCount > 0 ? (\n      <Badge variant=\"primary\" size=\"sm\" className=\"dsx-notification-center__badge\" aria-hidden=\"true\">\n        {unreadCount > cap ? `${cap}+` : 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": []
 }

package/dist/components/page-header.css

@@ -10,6 +10,27 @@
   flex-shrink: 0;
 }
 
+/* variant="floating": a glass bar that sits inside the page with its own edge, the header of the
+   floating shells (direction C). Same glass recipe as `Card variant="glass"`, except the outer shadow.
+   The page decides whether it sticks. Prefixed backdrop-filter first, standard last (see baseCard.css).
+
+   The shadow falls below the bar only (offset = -spread, so it starts at the bar's bottom edge). The bar sits
+   flush at the edge of a scroll container (`Sidebar.Inset`, overflow: auto), which clips anything painted past
+   its left, right and top edges: a full-ring shadow ended in a vertical cut at the bar's side, visible in the
+   light theme (G-21). Offset, blur and the strong card shadow colour are the existing tokens; at the bar's edge
+   this reads as the old shadow does (measured in the batch's verification.md). */
+.dsx-page-header:where([data-variant='floating']) {
+  border: var(--dsx-border-width-sm) solid var(--dsx-effect-panel-glass-border);
+  border-radius: var(--dsx-rounded-lg);
+  background: var(--dsx-color-panel-translucent);
+  box-shadow:
+    inset 0 1px 0 0 var(--dsx-effect-panel-glass-rim-highlight),
+    inset 0 0 0 1px var(--dsx-effect-panel-glass-rim),
+    0 var(--dsx-shadow-offset-lg) var(--dsx-shadow-blur-md) calc(-1 * var(--dsx-shadow-offset-lg)) var(--dsx-effect-shadow-card-strong);
+  -webkit-backdrop-filter: var(--dsx-effect-panel-glass-backdrop-filter);
+  backdrop-filter: var(--dsx-effect-panel-glass-backdrop-filter);
+}
+
 .dsx-page-header__title {
   margin: 0;
   font-family: var(--dsx-typography-headline-medium-font-family);

package/dist/components/pageHeader/PageHeader.cjs

@@ -41,9 +41,17 @@ var import_extractProps = require("../../_internal/helpers/extractProps");
 var import_pageHeader = require("./pageHeader.props");
 var import_jsx_runtime = require("react/jsx-runtime");
 const PageHeaderRoot = React.forwardRef((props, forwardedRef) => {
-  const { asChild, className, ...headerProps } = (0, import_extractProps.extractProps)(props, import_pageHeader.pageHeaderPropDefs);
+  const { asChild, className, variant = "default", ...headerProps } = (0, import_extractProps.extractProps)(props, import_pageHeader.pageHeaderPropDefs);
   const Comp = asChild ? import_react_slot.Slot : "div";
-  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Comp, { ...headerProps, ref: forwardedRef, className: (0, import_classnames.default)("dsx-page-header", className) });
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+    Comp,
+    {
+      ...headerProps,
+      ref: forwardedRef,
+      className: (0, import_classnames.default)("dsx-page-header", className),
+      "data-variant": variant
+    }
+  );
 });
 PageHeaderRoot.displayName = "PageHeader";
 const PageHeaderTitle = React.forwardRef((props, forwardedRef) => {

package/dist/components/pageHeader/PageHeader.cjs.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../src/components/pageHeader/PageHeader.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 { pageHeaderActionsPropDefs, pageHeaderPropDefs, pageHeaderTitlePropDefs } from './pageHeader.props'\n\nimport type { GetPropDefTypes } from '../../_internal/props/propDef'\n\ntype PageHeaderElement = React.ComponentRef<'div'>\ntype PageHeaderOwnProps = GetPropDefTypes<typeof pageHeaderPropDefs>\n\ninterface PageHeaderProps extends React.ComponentPropsWithoutRef<'div'>, PageHeaderOwnProps {}\n\nconst PageHeaderRoot = React.forwardRef<PageHeaderElement, PageHeaderProps>((props, forwardedRef) => {\n  const { asChild, className, ...headerProps } = extractProps(props, pageHeaderPropDefs)\n  const Comp = asChild ? Slot : 'div'\n\n  return <Comp {...headerProps} ref={forwardedRef} className={classNames('dsx-page-header', className)} />\n})\nPageHeaderRoot.displayName = 'PageHeader'\n\ntype PageHeaderTitleElement = React.ComponentRef<'h1'>\ntype PageHeaderTitleOwnProps = GetPropDefTypes<typeof pageHeaderTitlePropDefs>\n\ninterface PageHeaderTitleProps extends React.ComponentPropsWithoutRef<'h1'>, PageHeaderTitleOwnProps {}\n\nconst PageHeaderTitle = React.forwardRef<PageHeaderTitleElement, PageHeaderTitleProps>((props, forwardedRef) => {\n  const { asChild, className, ...titleProps } = extractProps(props, pageHeaderTitlePropDefs)\n  const Comp = asChild ? Slot : 'h1'\n\n  return <Comp {...titleProps} ref={forwardedRef} className={classNames('dsx-page-header__title', className)} />\n})\nPageHeaderTitle.displayName = 'PageHeaderTitle'\n\ntype PageHeaderActionsElement = React.ComponentRef<'div'>\ntype PageHeaderActionsOwnProps = GetPropDefTypes<typeof pageHeaderActionsPropDefs>\n\ninterface PageHeaderActionsProps extends React.ComponentPropsWithoutRef<'div'>, PageHeaderActionsOwnProps {}\n\nconst PageHeaderActions = React.forwardRef<PageHeaderActionsElement, PageHeaderActionsProps>(\n  (props, forwardedRef) => {\n    const { asChild, className, ...actionsProps } = extractProps(props, pageHeaderActionsPropDefs)\n    const Comp = asChild ? Slot : 'div'\n\n    return (\n      <Comp {...actionsProps} ref={forwardedRef} className={classNames('dsx-page-header__actions', className)} />\n    )\n  },\n)\nPageHeaderActions.displayName = 'PageHeaderActions'\n\nconst PageHeader: typeof PageHeaderRoot & {\n  Actions: typeof PageHeaderActions\n  Title: typeof PageHeaderTitle\n} = Object.assign(PageHeaderRoot, {\n  Actions: PageHeaderActions,\n  Title: PageHeaderTitle,\n})\n\nexport { PageHeader, PageHeaderActions, PageHeaderRoot, PageHeaderTitle }\nexport type { PageHeaderActionsProps, PageHeaderProps, PageHeaderTitleProps }\n"],
-  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,YAAuB;AACvB,wBAAuB;AACvB,wBAAqB;AAErB,0BAA6B;AAC7B,wBAAuF;AAa9E;AAJT,MAAM,iBAAiB,MAAM,WAA+C,CAAC,OAAO,iBAAiB;AACnG,QAAM,EAAE,SAAS,WAAW,GAAG,YAAY,QAAI,kCAAa,OAAO,oCAAkB;AACrF,QAAM,OAAO,UAAU,yBAAO;AAE9B,SAAO,4CAAC,QAAM,GAAG,aAAa,KAAK,cAAc,eAAW,kBAAAA,SAAW,mBAAmB,SAAS,GAAG;AACxG,CAAC;AACD,eAAe,cAAc;AAO7B,MAAM,kBAAkB,MAAM,WAAyD,CAAC,OAAO,iBAAiB;AAC9G,QAAM,EAAE,SAAS,WAAW,GAAG,WAAW,QAAI,kCAAa,OAAO,yCAAuB;AACzF,QAAM,OAAO,UAAU,yBAAO;AAE9B,SAAO,4CAAC,QAAM,GAAG,YAAY,KAAK,cAAc,eAAW,kBAAAA,SAAW,0BAA0B,SAAS,GAAG;AAC9G,CAAC;AACD,gBAAgB,cAAc;AAO9B,MAAM,oBAAoB,MAAM;AAAA,EAC9B,CAAC,OAAO,iBAAiB;AACvB,UAAM,EAAE,SAAS,WAAW,GAAG,aAAa,QAAI,kCAAa,OAAO,2CAAyB;AAC7F,UAAM,OAAO,UAAU,yBAAO;AAE9B,WACE,4CAAC,QAAM,GAAG,cAAc,KAAK,cAAc,eAAW,kBAAAA,SAAW,4BAA4B,SAAS,GAAG;AAAA,EAE7G;AACF;AACA,kBAAkB,cAAc;AAEhC,MAAM,aAGF,OAAO,OAAO,gBAAgB;AAAA,EAChC,SAAS;AAAA,EACT,OAAO;AACT,CAAC;",
+  "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 { pageHeaderActionsPropDefs, pageHeaderPropDefs, pageHeaderTitlePropDefs } from './pageHeader.props'\n\nimport type { GetPropDefTypes } from '../../_internal/props/propDef'\n\ntype PageHeaderElement = React.ComponentRef<'div'>\ntype PageHeaderOwnProps = GetPropDefTypes<typeof pageHeaderPropDefs>\n\ninterface PageHeaderProps extends React.ComponentPropsWithoutRef<'div'>, PageHeaderOwnProps {}\n\nconst PageHeaderRoot = React.forwardRef<PageHeaderElement, PageHeaderProps>((props, forwardedRef) => {\n  const { asChild, className, variant = 'default', ...headerProps } = extractProps(props, pageHeaderPropDefs)\n  const Comp = asChild ? Slot : 'div'\n\n  return (\n    <Comp\n      {...headerProps}\n      ref={forwardedRef}\n      className={classNames('dsx-page-header', className)}\n      data-variant={variant}\n    />\n  )\n})\nPageHeaderRoot.displayName = 'PageHeader'\n\ntype PageHeaderTitleElement = React.ComponentRef<'h1'>\ntype PageHeaderTitleOwnProps = GetPropDefTypes<typeof pageHeaderTitlePropDefs>\n\ninterface PageHeaderTitleProps extends React.ComponentPropsWithoutRef<'h1'>, PageHeaderTitleOwnProps {}\n\nconst PageHeaderTitle = React.forwardRef<PageHeaderTitleElement, PageHeaderTitleProps>((props, forwardedRef) => {\n  const { asChild, className, ...titleProps } = extractProps(props, pageHeaderTitlePropDefs)\n  const Comp = asChild ? Slot : 'h1'\n\n  return <Comp {...titleProps} ref={forwardedRef} className={classNames('dsx-page-header__title', className)} />\n})\nPageHeaderTitle.displayName = 'PageHeaderTitle'\n\ntype PageHeaderActionsElement = React.ComponentRef<'div'>\ntype PageHeaderActionsOwnProps = GetPropDefTypes<typeof pageHeaderActionsPropDefs>\n\ninterface PageHeaderActionsProps extends React.ComponentPropsWithoutRef<'div'>, PageHeaderActionsOwnProps {}\n\nconst PageHeaderActions = React.forwardRef<PageHeaderActionsElement, PageHeaderActionsProps>(\n  (props, forwardedRef) => {\n    const { asChild, className, ...actionsProps } = extractProps(props, pageHeaderActionsPropDefs)\n    const Comp = asChild ? Slot : 'div'\n\n    return (\n      <Comp {...actionsProps} ref={forwardedRef} className={classNames('dsx-page-header__actions', className)} />\n    )\n  },\n)\nPageHeaderActions.displayName = 'PageHeaderActions'\n\nconst PageHeader: typeof PageHeaderRoot & {\n  Actions: typeof PageHeaderActions\n  Title: typeof PageHeaderTitle\n} = Object.assign(PageHeaderRoot, {\n  Actions: PageHeaderActions,\n  Title: PageHeaderTitle,\n})\n\nexport { PageHeader, PageHeaderActions, PageHeaderRoot, PageHeaderTitle }\nexport type { PageHeaderActionsProps, PageHeaderProps, PageHeaderTitleProps }\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,YAAuB;AACvB,wBAAuB;AACvB,wBAAqB;AAErB,0BAA6B;AAC7B,wBAAuF;AAcnF;AALJ,MAAM,iBAAiB,MAAM,WAA+C,CAAC,OAAO,iBAAiB;AACnG,QAAM,EAAE,SAAS,WAAW,UAAU,WAAW,GAAG,YAAY,QAAI,kCAAa,OAAO,oCAAkB;AAC1G,QAAM,OAAO,UAAU,yBAAO;AAE9B,SACE;AAAA,IAAC;AAAA;AAAA,MACE,GAAG;AAAA,MACJ,KAAK;AAAA,MACL,eAAW,kBAAAA,SAAW,mBAAmB,SAAS;AAAA,MAClD,gBAAc;AAAA;AAAA,EAChB;AAEJ,CAAC;AACD,eAAe,cAAc;AAO7B,MAAM,kBAAkB,MAAM,WAAyD,CAAC,OAAO,iBAAiB;AAC9G,QAAM,EAAE,SAAS,WAAW,GAAG,WAAW,QAAI,kCAAa,OAAO,yCAAuB;AACzF,QAAM,OAAO,UAAU,yBAAO;AAE9B,SAAO,4CAAC,QAAM,GAAG,YAAY,KAAK,cAAc,eAAW,kBAAAA,SAAW,0BAA0B,SAAS,GAAG;AAC9G,CAAC;AACD,gBAAgB,cAAc;AAO9B,MAAM,oBAAoB,MAAM;AAAA,EAC9B,CAAC,OAAO,iBAAiB;AACvB,UAAM,EAAE,SAAS,WAAW,GAAG,aAAa,QAAI,kCAAa,OAAO,2CAAyB;AAC7F,UAAM,OAAO,UAAU,yBAAO;AAE9B,WACE,4CAAC,QAAM,GAAG,cAAc,KAAK,cAAc,eAAW,kBAAAA,SAAW,4BAA4B,SAAS,GAAG;AAAA,EAE7G;AACF;AACA,kBAAkB,cAAc;AAEhC,MAAM,aAGF,OAAO,OAAO,gBAAgB;AAAA,EAChC,SAAS;AAAA,EACT,OAAO;AACT,CAAC;",
   "names": ["classNames"]
 }

package/dist/components/pageHeader/PageHeader.d.cts.map

@@ -1 +1 @@
-{"version":3,"file":"PageHeader.d.cts","sourceRoot":"","sources":["../../../src/components/pageHeader/PageHeader.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAK9B,OAAO,EAAE,yBAAyB,EAAE,kBAAkB,EAAE,uBAAuB,EAAE,MAAM,oBAAoB,CAAA;AAE3G,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,+BAA+B,CAAA;AAGpE,KAAK,kBAAkB,GAAG,eAAe,CAAC,OAAO,kBAAkB,CAAC,CAAA;AAEpE,UAAU,eAAgB,SAAQ,KAAK,CAAC,wBAAwB,CAAC,KAAK,CAAC,EAAE,kBAAkB;CAAG;AAE9F,QAAA,MAAM,cAAc,wFAKlB,CAAA;AAIF,KAAK,uBAAuB,GAAG,eAAe,CAAC,OAAO,uBAAuB,CAAC,CAAA;AAE9E,UAAU,oBAAqB,SAAQ,KAAK,CAAC,wBAAwB,CAAC,IAAI,CAAC,EAAE,uBAAuB;CAAG;AAEvG,QAAA,MAAM,eAAe,iGAKnB,CAAA;AAIF,KAAK,yBAAyB,GAAG,eAAe,CAAC,OAAO,yBAAyB,CAAC,CAAA;AAElF,UAAU,sBAAuB,SAAQ,KAAK,CAAC,wBAAwB,CAAC,KAAK,CAAC,EAAE,yBAAyB;CAAG;AAE5G,QAAA,MAAM,iBAAiB,+FAStB,CAAA;AAGD,QAAA,MAAM,UAAU,EAAE,OAAO,cAAc,GAAG;IACxC,OAAO,EAAE,OAAO,iBAAiB,CAAA;IACjC,KAAK,EAAE,OAAO,eAAe,CAAA;CAI7B,CAAA;AAEF,OAAO,EAAE,UAAU,EAAE,iBAAiB,EAAE,cAAc,EAAE,eAAe,EAAE,CAAA;AACzE,YAAY,EAAE,sBAAsB,EAAE,eAAe,EAAE,oBAAoB,EAAE,CAAA"}
+{"version":3,"file":"PageHeader.d.cts","sourceRoot":"","sources":["../../../src/components/pageHeader/PageHeader.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAK9B,OAAO,EAAE,yBAAyB,EAAE,kBAAkB,EAAE,uBAAuB,EAAE,MAAM,oBAAoB,CAAA;AAE3G,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,+BAA+B,CAAA;AAGpE,KAAK,kBAAkB,GAAG,eAAe,CAAC,OAAO,kBAAkB,CAAC,CAAA;AAEpE,UAAU,eAAgB,SAAQ,KAAK,CAAC,wBAAwB,CAAC,KAAK,CAAC,EAAE,kBAAkB;CAAG;AAE9F,QAAA,MAAM,cAAc,wFAYlB,CAAA;AAIF,KAAK,uBAAuB,GAAG,eAAe,CAAC,OAAO,uBAAuB,CAAC,CAAA;AAE9E,UAAU,oBAAqB,SAAQ,KAAK,CAAC,wBAAwB,CAAC,IAAI,CAAC,EAAE,uBAAuB;CAAG;AAEvG,QAAA,MAAM,eAAe,iGAKnB,CAAA;AAIF,KAAK,yBAAyB,GAAG,eAAe,CAAC,OAAO,yBAAyB,CAAC,CAAA;AAElF,UAAU,sBAAuB,SAAQ,KAAK,CAAC,wBAAwB,CAAC,KAAK,CAAC,EAAE,yBAAyB;CAAG;AAE5G,QAAA,MAAM,iBAAiB,+FAStB,CAAA;AAGD,QAAA,MAAM,UAAU,EAAE,OAAO,cAAc,GAAG;IACxC,OAAO,EAAE,OAAO,iBAAiB,CAAA;IACjC,KAAK,EAAE,OAAO,eAAe,CAAA;CAI7B,CAAA;AAEF,OAAO,EAAE,UAAU,EAAE,iBAAiB,EAAE,cAAc,EAAE,eAAe,EAAE,CAAA;AACzE,YAAY,EAAE,sBAAsB,EAAE,eAAe,EAAE,oBAAoB,EAAE,CAAA"}

package/dist/components/pageHeader/PageHeader.d.mts.map

@@ -1 +1 @@
-{"version":3,"file":"PageHeader.d.mts","sourceRoot":"","sources":["../../../src/components/pageHeader/PageHeader.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAK9B,OAAO,EAAE,yBAAyB,EAAE,kBAAkB,EAAE,uBAAuB,EAAE,MAAM,oBAAoB,CAAA;AAE3G,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,+BAA+B,CAAA;AAGpE,KAAK,kBAAkB,GAAG,eAAe,CAAC,OAAO,kBAAkB,CAAC,CAAA;AAEpE,UAAU,eAAgB,SAAQ,KAAK,CAAC,wBAAwB,CAAC,KAAK,CAAC,EAAE,kBAAkB;CAAG;AAE9F,QAAA,MAAM,cAAc,wFAKlB,CAAA;AAIF,KAAK,uBAAuB,GAAG,eAAe,CAAC,OAAO,uBAAuB,CAAC,CAAA;AAE9E,UAAU,oBAAqB,SAAQ,KAAK,CAAC,wBAAwB,CAAC,IAAI,CAAC,EAAE,uBAAuB;CAAG;AAEvG,QAAA,MAAM,eAAe,iGAKnB,CAAA;AAIF,KAAK,yBAAyB,GAAG,eAAe,CAAC,OAAO,yBAAyB,CAAC,CAAA;AAElF,UAAU,sBAAuB,SAAQ,KAAK,CAAC,wBAAwB,CAAC,KAAK,CAAC,EAAE,yBAAyB;CAAG;AAE5G,QAAA,MAAM,iBAAiB,+FAStB,CAAA;AAGD,QAAA,MAAM,UAAU,EAAE,OAAO,cAAc,GAAG;IACxC,OAAO,EAAE,OAAO,iBAAiB,CAAA;IACjC,KAAK,EAAE,OAAO,eAAe,CAAA;CAI7B,CAAA;AAEF,OAAO,EAAE,UAAU,EAAE,iBAAiB,EAAE,cAAc,EAAE,eAAe,EAAE,CAAA;AACzE,YAAY,EAAE,sBAAsB,EAAE,eAAe,EAAE,oBAAoB,EAAE,CAAA"}
+{"version":3,"file":"PageHeader.d.mts","sourceRoot":"","sources":["../../../src/components/pageHeader/PageHeader.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAK9B,OAAO,EAAE,yBAAyB,EAAE,kBAAkB,EAAE,uBAAuB,EAAE,MAAM,oBAAoB,CAAA;AAE3G,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,+BAA+B,CAAA;AAGpE,KAAK,kBAAkB,GAAG,eAAe,CAAC,OAAO,kBAAkB,CAAC,CAAA;AAEpE,UAAU,eAAgB,SAAQ,KAAK,CAAC,wBAAwB,CAAC,KAAK,CAAC,EAAE,kBAAkB;CAAG;AAE9F,QAAA,MAAM,cAAc,wFAYlB,CAAA;AAIF,KAAK,uBAAuB,GAAG,eAAe,CAAC,OAAO,uBAAuB,CAAC,CAAA;AAE9E,UAAU,oBAAqB,SAAQ,KAAK,CAAC,wBAAwB,CAAC,IAAI,CAAC,EAAE,uBAAuB;CAAG;AAEvG,QAAA,MAAM,eAAe,iGAKnB,CAAA;AAIF,KAAK,yBAAyB,GAAG,eAAe,CAAC,OAAO,yBAAyB,CAAC,CAAA;AAElF,UAAU,sBAAuB,SAAQ,KAAK,CAAC,wBAAwB,CAAC,KAAK,CAAC,EAAE,yBAAyB;CAAG;AAE5G,QAAA,MAAM,iBAAiB,+FAStB,CAAA;AAGD,QAAA,MAAM,UAAU,EAAE,OAAO,cAAc,GAAG;IACxC,OAAO,EAAE,OAAO,iBAAiB,CAAA;IACjC,KAAK,EAAE,OAAO,eAAe,CAAA;CAI7B,CAAA;AAEF,OAAO,EAAE,UAAU,EAAE,iBAAiB,EAAE,cAAc,EAAE,eAAe,EAAE,CAAA;AACzE,YAAY,EAAE,sBAAsB,EAAE,eAAe,EAAE,oBAAoB,EAAE,CAAA"}

package/dist/components/pageHeader/PageHeader.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"PageHeader.d.ts","sourceRoot":"","sources":["../../../src/components/pageHeader/PageHeader.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAK9B,OAAO,EAAE,yBAAyB,EAAE,kBAAkB,EAAE,uBAAuB,EAAE,MAAM,oBAAoB,CAAA;AAE3G,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,+BAA+B,CAAA;AAGpE,KAAK,kBAAkB,GAAG,eAAe,CAAC,OAAO,kBAAkB,CAAC,CAAA;AAEpE,UAAU,eAAgB,SAAQ,KAAK,CAAC,wBAAwB,CAAC,KAAK,CAAC,EAAE,kBAAkB;CAAG;AAE9F,QAAA,MAAM,cAAc,wFAKlB,CAAA;AAIF,KAAK,uBAAuB,GAAG,eAAe,CAAC,OAAO,uBAAuB,CAAC,CAAA;AAE9E,UAAU,oBAAqB,SAAQ,KAAK,CAAC,wBAAwB,CAAC,IAAI,CAAC,EAAE,uBAAuB;CAAG;AAEvG,QAAA,MAAM,eAAe,iGAKnB,CAAA;AAIF,KAAK,yBAAyB,GAAG,eAAe,CAAC,OAAO,yBAAyB,CAAC,CAAA;AAElF,UAAU,sBAAuB,SAAQ,KAAK,CAAC,wBAAwB,CAAC,KAAK,CAAC,EAAE,yBAAyB;CAAG;AAE5G,QAAA,MAAM,iBAAiB,+FAStB,CAAA;AAGD,QAAA,MAAM,UAAU,EAAE,OAAO,cAAc,GAAG;IACxC,OAAO,EAAE,OAAO,iBAAiB,CAAA;IACjC,KAAK,EAAE,OAAO,eAAe,CAAA;CAI7B,CAAA;AAEF,OAAO,EAAE,UAAU,EAAE,iBAAiB,EAAE,cAAc,EAAE,eAAe,EAAE,CAAA;AACzE,YAAY,EAAE,sBAAsB,EAAE,eAAe,EAAE,oBAAoB,EAAE,CAAA"}
+{"version":3,"file":"PageHeader.d.ts","sourceRoot":"","sources":["../../../src/components/pageHeader/PageHeader.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAK9B,OAAO,EAAE,yBAAyB,EAAE,kBAAkB,EAAE,uBAAuB,EAAE,MAAM,oBAAoB,CAAA;AAE3G,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,+BAA+B,CAAA;AAGpE,KAAK,kBAAkB,GAAG,eAAe,CAAC,OAAO,kBAAkB,CAAC,CAAA;AAEpE,UAAU,eAAgB,SAAQ,KAAK,CAAC,wBAAwB,CAAC,KAAK,CAAC,EAAE,kBAAkB;CAAG;AAE9F,QAAA,MAAM,cAAc,wFAYlB,CAAA;AAIF,KAAK,uBAAuB,GAAG,eAAe,CAAC,OAAO,uBAAuB,CAAC,CAAA;AAE9E,UAAU,oBAAqB,SAAQ,KAAK,CAAC,wBAAwB,CAAC,IAAI,CAAC,EAAE,uBAAuB;CAAG;AAEvG,QAAA,MAAM,eAAe,iGAKnB,CAAA;AAIF,KAAK,yBAAyB,GAAG,eAAe,CAAC,OAAO,yBAAyB,CAAC,CAAA;AAElF,UAAU,sBAAuB,SAAQ,KAAK,CAAC,wBAAwB,CAAC,KAAK,CAAC,EAAE,yBAAyB;CAAG;AAE5G,QAAA,MAAM,iBAAiB,+FAStB,CAAA;AAGD,QAAA,MAAM,UAAU,EAAE,OAAO,cAAc,GAAG;IACxC,OAAO,EAAE,OAAO,iBAAiB,CAAA;IACjC,KAAK,EAAE,OAAO,eAAe,CAAA;CAI7B,CAAA;AAEF,OAAO,EAAE,UAAU,EAAE,iBAAiB,EAAE,cAAc,EAAE,eAAe,EAAE,CAAA;AACzE,YAAY,EAAE,sBAAsB,EAAE,eAAe,EAAE,oBAAoB,EAAE,CAAA"}

package/dist/components/pageHeader/PageHeader.js

@@ -5,9 +5,17 @@ import { extractProps } from "../../_internal/helpers/extractProps.js";
 import { pageHeaderActionsPropDefs, pageHeaderPropDefs, pageHeaderTitlePropDefs } from "./pageHeader.props.js";
 import { jsx } from "react/jsx-runtime";
 const PageHeaderRoot = React.forwardRef((props, forwardedRef) => {
-  const { asChild, className, ...headerProps } = extractProps(props, pageHeaderPropDefs);
+  const { asChild, className, variant = "default", ...headerProps } = extractProps(props, pageHeaderPropDefs);
   const Comp = asChild ? Slot : "div";
-  return /* @__PURE__ */ jsx(Comp, { ...headerProps, ref: forwardedRef, className: classNames("dsx-page-header", className) });
+  return /* @__PURE__ */ jsx(
+    Comp,
+    {
+      ...headerProps,
+      ref: forwardedRef,
+      className: classNames("dsx-page-header", className),
+      "data-variant": variant
+    }
+  );
 });
 PageHeaderRoot.displayName = "PageHeader";
 const PageHeaderTitle = React.forwardRef((props, forwardedRef) => {

package/dist/components/pageHeader/PageHeader.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../src/components/pageHeader/PageHeader.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 { pageHeaderActionsPropDefs, pageHeaderPropDefs, pageHeaderTitlePropDefs } from './pageHeader.props'\n\nimport type { GetPropDefTypes } from '../../_internal/props/propDef'\n\ntype PageHeaderElement = React.ComponentRef<'div'>\ntype PageHeaderOwnProps = GetPropDefTypes<typeof pageHeaderPropDefs>\n\ninterface PageHeaderProps extends React.ComponentPropsWithoutRef<'div'>, PageHeaderOwnProps {}\n\nconst PageHeaderRoot = React.forwardRef<PageHeaderElement, PageHeaderProps>((props, forwardedRef) => {\n  const { asChild, className, ...headerProps } = extractProps(props, pageHeaderPropDefs)\n  const Comp = asChild ? Slot : 'div'\n\n  return <Comp {...headerProps} ref={forwardedRef} className={classNames('dsx-page-header', className)} />\n})\nPageHeaderRoot.displayName = 'PageHeader'\n\ntype PageHeaderTitleElement = React.ComponentRef<'h1'>\ntype PageHeaderTitleOwnProps = GetPropDefTypes<typeof pageHeaderTitlePropDefs>\n\ninterface PageHeaderTitleProps extends React.ComponentPropsWithoutRef<'h1'>, PageHeaderTitleOwnProps {}\n\nconst PageHeaderTitle = React.forwardRef<PageHeaderTitleElement, PageHeaderTitleProps>((props, forwardedRef) => {\n  const { asChild, className, ...titleProps } = extractProps(props, pageHeaderTitlePropDefs)\n  const Comp = asChild ? Slot : 'h1'\n\n  return <Comp {...titleProps} ref={forwardedRef} className={classNames('dsx-page-header__title', className)} />\n})\nPageHeaderTitle.displayName = 'PageHeaderTitle'\n\ntype PageHeaderActionsElement = React.ComponentRef<'div'>\ntype PageHeaderActionsOwnProps = GetPropDefTypes<typeof pageHeaderActionsPropDefs>\n\ninterface PageHeaderActionsProps extends React.ComponentPropsWithoutRef<'div'>, PageHeaderActionsOwnProps {}\n\nconst PageHeaderActions = React.forwardRef<PageHeaderActionsElement, PageHeaderActionsProps>(\n  (props, forwardedRef) => {\n    const { asChild, className, ...actionsProps } = extractProps(props, pageHeaderActionsPropDefs)\n    const Comp = asChild ? Slot : 'div'\n\n    return (\n      <Comp {...actionsProps} ref={forwardedRef} className={classNames('dsx-page-header__actions', className)} />\n    )\n  },\n)\nPageHeaderActions.displayName = 'PageHeaderActions'\n\nconst PageHeader: typeof PageHeaderRoot & {\n  Actions: typeof PageHeaderActions\n  Title: typeof PageHeaderTitle\n} = Object.assign(PageHeaderRoot, {\n  Actions: PageHeaderActions,\n  Title: PageHeaderTitle,\n})\n\nexport { PageHeader, PageHeaderActions, PageHeaderRoot, PageHeaderTitle }\nexport type { PageHeaderActionsProps, PageHeaderProps, PageHeaderTitleProps }\n"],
-  "mappings": "AAAA,YAAY,WAAW;AACvB,OAAO,gBAAgB;AACvB,SAAS,YAAY;AAErB,SAAS,oBAAoB;AAC7B,SAAS,2BAA2B,oBAAoB,+BAA+B;AAa9E;AAJT,MAAM,iBAAiB,MAAM,WAA+C,CAAC,OAAO,iBAAiB;AACnG,QAAM,EAAE,SAAS,WAAW,GAAG,YAAY,IAAI,aAAa,OAAO,kBAAkB;AACrF,QAAM,OAAO,UAAU,OAAO;AAE9B,SAAO,oBAAC,QAAM,GAAG,aAAa,KAAK,cAAc,WAAW,WAAW,mBAAmB,SAAS,GAAG;AACxG,CAAC;AACD,eAAe,cAAc;AAO7B,MAAM,kBAAkB,MAAM,WAAyD,CAAC,OAAO,iBAAiB;AAC9G,QAAM,EAAE,SAAS,WAAW,GAAG,WAAW,IAAI,aAAa,OAAO,uBAAuB;AACzF,QAAM,OAAO,UAAU,OAAO;AAE9B,SAAO,oBAAC,QAAM,GAAG,YAAY,KAAK,cAAc,WAAW,WAAW,0BAA0B,SAAS,GAAG;AAC9G,CAAC;AACD,gBAAgB,cAAc;AAO9B,MAAM,oBAAoB,MAAM;AAAA,EAC9B,CAAC,OAAO,iBAAiB;AACvB,UAAM,EAAE,SAAS,WAAW,GAAG,aAAa,IAAI,aAAa,OAAO,yBAAyB;AAC7F,UAAM,OAAO,UAAU,OAAO;AAE9B,WACE,oBAAC,QAAM,GAAG,cAAc,KAAK,cAAc,WAAW,WAAW,4BAA4B,SAAS,GAAG;AAAA,EAE7G;AACF;AACA,kBAAkB,cAAc;AAEhC,MAAM,aAGF,OAAO,OAAO,gBAAgB;AAAA,EAChC,SAAS;AAAA,EACT,OAAO;AACT,CAAC;",
+  "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 { pageHeaderActionsPropDefs, pageHeaderPropDefs, pageHeaderTitlePropDefs } from './pageHeader.props'\n\nimport type { GetPropDefTypes } from '../../_internal/props/propDef'\n\ntype PageHeaderElement = React.ComponentRef<'div'>\ntype PageHeaderOwnProps = GetPropDefTypes<typeof pageHeaderPropDefs>\n\ninterface PageHeaderProps extends React.ComponentPropsWithoutRef<'div'>, PageHeaderOwnProps {}\n\nconst PageHeaderRoot = React.forwardRef<PageHeaderElement, PageHeaderProps>((props, forwardedRef) => {\n  const { asChild, className, variant = 'default', ...headerProps } = extractProps(props, pageHeaderPropDefs)\n  const Comp = asChild ? Slot : 'div'\n\n  return (\n    <Comp\n      {...headerProps}\n      ref={forwardedRef}\n      className={classNames('dsx-page-header', className)}\n      data-variant={variant}\n    />\n  )\n})\nPageHeaderRoot.displayName = 'PageHeader'\n\ntype PageHeaderTitleElement = React.ComponentRef<'h1'>\ntype PageHeaderTitleOwnProps = GetPropDefTypes<typeof pageHeaderTitlePropDefs>\n\ninterface PageHeaderTitleProps extends React.ComponentPropsWithoutRef<'h1'>, PageHeaderTitleOwnProps {}\n\nconst PageHeaderTitle = React.forwardRef<PageHeaderTitleElement, PageHeaderTitleProps>((props, forwardedRef) => {\n  const { asChild, className, ...titleProps } = extractProps(props, pageHeaderTitlePropDefs)\n  const Comp = asChild ? Slot : 'h1'\n\n  return <Comp {...titleProps} ref={forwardedRef} className={classNames('dsx-page-header__title', className)} />\n})\nPageHeaderTitle.displayName = 'PageHeaderTitle'\n\ntype PageHeaderActionsElement = React.ComponentRef<'div'>\ntype PageHeaderActionsOwnProps = GetPropDefTypes<typeof pageHeaderActionsPropDefs>\n\ninterface PageHeaderActionsProps extends React.ComponentPropsWithoutRef<'div'>, PageHeaderActionsOwnProps {}\n\nconst PageHeaderActions = React.forwardRef<PageHeaderActionsElement, PageHeaderActionsProps>(\n  (props, forwardedRef) => {\n    const { asChild, className, ...actionsProps } = extractProps(props, pageHeaderActionsPropDefs)\n    const Comp = asChild ? Slot : 'div'\n\n    return (\n      <Comp {...actionsProps} ref={forwardedRef} className={classNames('dsx-page-header__actions', className)} />\n    )\n  },\n)\nPageHeaderActions.displayName = 'PageHeaderActions'\n\nconst PageHeader: typeof PageHeaderRoot & {\n  Actions: typeof PageHeaderActions\n  Title: typeof PageHeaderTitle\n} = Object.assign(PageHeaderRoot, {\n  Actions: PageHeaderActions,\n  Title: PageHeaderTitle,\n})\n\nexport { PageHeader, PageHeaderActions, PageHeaderRoot, PageHeaderTitle }\nexport type { PageHeaderActionsProps, PageHeaderProps, PageHeaderTitleProps }\n"],
+  "mappings": "AAAA,YAAY,WAAW;AACvB,OAAO,gBAAgB;AACvB,SAAS,YAAY;AAErB,SAAS,oBAAoB;AAC7B,SAAS,2BAA2B,oBAAoB,+BAA+B;AAcnF;AALJ,MAAM,iBAAiB,MAAM,WAA+C,CAAC,OAAO,iBAAiB;AACnG,QAAM,EAAE,SAAS,WAAW,UAAU,WAAW,GAAG,YAAY,IAAI,aAAa,OAAO,kBAAkB;AAC1G,QAAM,OAAO,UAAU,OAAO;AAE9B,SACE;AAAA,IAAC;AAAA;AAAA,MACE,GAAG;AAAA,MACJ,KAAK;AAAA,MACL,WAAW,WAAW,mBAAmB,SAAS;AAAA,MAClD,gBAAc;AAAA;AAAA,EAChB;AAEJ,CAAC;AACD,eAAe,cAAc;AAO7B,MAAM,kBAAkB,MAAM,WAAyD,CAAC,OAAO,iBAAiB;AAC9G,QAAM,EAAE,SAAS,WAAW,GAAG,WAAW,IAAI,aAAa,OAAO,uBAAuB;AACzF,QAAM,OAAO,UAAU,OAAO;AAE9B,SAAO,oBAAC,QAAM,GAAG,YAAY,KAAK,cAAc,WAAW,WAAW,0BAA0B,SAAS,GAAG;AAC9G,CAAC;AACD,gBAAgB,cAAc;AAO9B,MAAM,oBAAoB,MAAM;AAAA,EAC9B,CAAC,OAAO,iBAAiB;AACvB,UAAM,EAAE,SAAS,WAAW,GAAG,aAAa,IAAI,aAAa,OAAO,yBAAyB;AAC7F,UAAM,OAAO,UAAU,OAAO;AAE9B,WACE,oBAAC,QAAM,GAAG,cAAc,KAAK,cAAc,WAAW,WAAW,4BAA4B,SAAS,GAAG;AAAA,EAE7G;AACF;AACA,kBAAkB,cAAc;AAEhC,MAAM,aAGF,OAAO,OAAO,gBAAgB;AAAA,EAChC,SAAS;AAAA,EACT,OAAO;AACT,CAAC;",
   "names": []
 }

package/dist/components/pageHeader/pageHeader.props.cjs

@@ -24,8 +24,14 @@ __export(pageHeader_props_exports, {
 });
 module.exports = __toCommonJS(pageHeader_props_exports);
 var import_asChild = require("../../_internal/props/asChild.prop");
+const pageHeaderVariants = ["default", "floating"];
 const pageHeaderPropDefs = {
-  ...import_asChild.asChildPropDef
+  ...import_asChild.asChildPropDef,
+  variant: {
+    type: "enum",
+    values: pageHeaderVariants,
+    default: "default"
+  }
 };
 const pageHeaderTitlePropDefs = {
   ...import_asChild.asChildPropDef

package/dist/components/pageHeader/pageHeader.props.cjs.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../src/components/pageHeader/pageHeader.props.ts"],
-  "sourcesContent": ["import { asChildPropDef } from '../../_internal/props/asChild.prop'\n\nimport type { PropDef } from '../../_internal/props/propDef'\n\nconst pageHeaderPropDefs = {\n  ...asChildPropDef,\n} satisfies {\n  asChild: PropDef\n}\n\nconst pageHeaderTitlePropDefs = {\n  ...asChildPropDef,\n} satisfies {\n  asChild: PropDef\n}\n\nconst pageHeaderActionsPropDefs = {\n  ...asChildPropDef,\n} satisfies {\n  asChild: PropDef\n}\n\nexport { pageHeaderActionsPropDefs, pageHeaderPropDefs, pageHeaderTitlePropDefs }\n"],
-  "mappings": ";;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,qBAA+B;AAI/B,MAAM,qBAAqB;AAAA,EACzB,GAAG;AACL;AAIA,MAAM,0BAA0B;AAAA,EAC9B,GAAG;AACL;AAIA,MAAM,4BAA4B;AAAA,EAChC,GAAG;AACL;",
+  "sourcesContent": ["import { asChildPropDef } from '../../_internal/props/asChild.prop'\n\nimport type { PropDef } from '../../_internal/props/propDef'\n\nconst pageHeaderVariants = ['default', 'floating'] as const\n\nconst pageHeaderPropDefs = {\n  ...asChildPropDef,\n  variant: {\n    type: 'enum',\n    values: pageHeaderVariants,\n    default: 'default',\n  },\n} satisfies {\n  asChild: PropDef\n  variant: PropDef<(typeof pageHeaderVariants)[number]>\n}\n\nconst pageHeaderTitlePropDefs = {\n  ...asChildPropDef,\n} satisfies {\n  asChild: PropDef\n}\n\nconst pageHeaderActionsPropDefs = {\n  ...asChildPropDef,\n} satisfies {\n  asChild: PropDef\n}\n\nexport { pageHeaderActionsPropDefs, pageHeaderPropDefs, pageHeaderTitlePropDefs }\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,qBAA+B;AAI/B,MAAM,qBAAqB,CAAC,WAAW,UAAU;AAEjD,MAAM,qBAAqB;AAAA,EACzB,GAAG;AAAA,EACH,SAAS;AAAA,IACP,MAAM;AAAA,IACN,QAAQ;AAAA,IACR,SAAS;AAAA,EACX;AACF;AAKA,MAAM,0BAA0B;AAAA,EAC9B,GAAG;AACL;AAIA,MAAM,4BAA4B;AAAA,EAChC,GAAG;AACL;",
   "names": []
 }

package/dist/components/pageHeader/pageHeader.props.d.cts

@@ -1,4 +1,9 @@
 declare const pageHeaderPropDefs: {
+    variant: {
+        type: "enum";
+        values: readonly ["default", "floating"];
+        default: "default";
+    };
     asChild: {
         type: "boolean";
         default: false;

package/dist/components/pageHeader/pageHeader.props.d.cts.map

@@ -1 +1 @@
-{"version":3,"file":"pageHeader.props.d.cts","sourceRoot":"","sources":["../../../src/components/pageHeader/pageHeader.props.ts"],"names":[],"mappings":"AAIA,QAAA,MAAM,kBAAkB;;;;;CAIvB,CAAA;AAED,QAAA,MAAM,uBAAuB;;;;;CAI5B,CAAA;AAED,QAAA,MAAM,yBAAyB;;;;;CAI9B,CAAA;AAED,OAAO,EAAE,yBAAyB,EAAE,kBAAkB,EAAE,uBAAuB,EAAE,CAAA"}
+{"version":3,"file":"pageHeader.props.d.cts","sourceRoot":"","sources":["../../../src/components/pageHeader/pageHeader.props.ts"],"names":[],"mappings":"AAMA,QAAA,MAAM,kBAAkB;;;;;;;;;;CAUvB,CAAA;AAED,QAAA,MAAM,uBAAuB;;;;;CAI5B,CAAA;AAED,QAAA,MAAM,yBAAyB;;;;;CAI9B,CAAA;AAED,OAAO,EAAE,yBAAyB,EAAE,kBAAkB,EAAE,uBAAuB,EAAE,CAAA"}

package/dist/components/pageHeader/pageHeader.props.d.mts

@@ -1,4 +1,9 @@
 declare const pageHeaderPropDefs: {
+    variant: {
+        type: "enum";
+        values: readonly ["default", "floating"];
+        default: "default";
+    };
     asChild: {
         type: "boolean";
         default: false;

package/dist/components/pageHeader/pageHeader.props.d.mts.map

@@ -1 +1 @@
-{"version":3,"file":"pageHeader.props.d.mts","sourceRoot":"","sources":["../../../src/components/pageHeader/pageHeader.props.ts"],"names":[],"mappings":"AAIA,QAAA,MAAM,kBAAkB;;;;;CAIvB,CAAA;AAED,QAAA,MAAM,uBAAuB;;;;;CAI5B,CAAA;AAED,QAAA,MAAM,yBAAyB;;;;;CAI9B,CAAA;AAED,OAAO,EAAE,yBAAyB,EAAE,kBAAkB,EAAE,uBAAuB,EAAE,CAAA"}
+{"version":3,"file":"pageHeader.props.d.mts","sourceRoot":"","sources":["../../../src/components/pageHeader/pageHeader.props.ts"],"names":[],"mappings":"AAMA,QAAA,MAAM,kBAAkB;;;;;;;;;;CAUvB,CAAA;AAED,QAAA,MAAM,uBAAuB;;;;;CAI5B,CAAA;AAED,QAAA,MAAM,yBAAyB;;;;;CAI9B,CAAA;AAED,OAAO,EAAE,yBAAyB,EAAE,kBAAkB,EAAE,uBAAuB,EAAE,CAAA"}

package/dist/components/pageHeader/pageHeader.props.d.ts

@@ -1,4 +1,9 @@
 declare const pageHeaderPropDefs: {
+    variant: {
+        type: "enum";
+        values: readonly ["default", "floating"];
+        default: "default";
+    };
     asChild: {
         type: "boolean";
         default: false;

package/dist/components/pageHeader/pageHeader.props.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"pageHeader.props.d.ts","sourceRoot":"","sources":["../../../src/components/pageHeader/pageHeader.props.ts"],"names":[],"mappings":"AAIA,QAAA,MAAM,kBAAkB;;;;;CAIvB,CAAA;AAED,QAAA,MAAM,uBAAuB;;;;;CAI5B,CAAA;AAED,QAAA,MAAM,yBAAyB;;;;;CAI9B,CAAA;AAED,OAAO,EAAE,yBAAyB,EAAE,kBAAkB,EAAE,uBAAuB,EAAE,CAAA"}
+{"version":3,"file":"pageHeader.props.d.ts","sourceRoot":"","sources":["../../../src/components/pageHeader/pageHeader.props.ts"],"names":[],"mappings":"AAMA,QAAA,MAAM,kBAAkB;;;;;;;;;;CAUvB,CAAA;AAED,QAAA,MAAM,uBAAuB;;;;;CAI5B,CAAA;AAED,QAAA,MAAM,yBAAyB;;;;;CAI9B,CAAA;AAED,OAAO,EAAE,yBAAyB,EAAE,kBAAkB,EAAE,uBAAuB,EAAE,CAAA"}

package/dist/components/pageHeader/pageHeader.props.js

@@ -1,6 +1,12 @@
 import { asChildPropDef } from "../../_internal/props/asChild.prop.js";
+const pageHeaderVariants = ["default", "floating"];
 const pageHeaderPropDefs = {
-  ...asChildPropDef
+  ...asChildPropDef,
+  variant: {
+    type: "enum",
+    values: pageHeaderVariants,
+    default: "default"
+  }
 };
 const pageHeaderTitlePropDefs = {
   ...asChildPropDef

package/dist/components/pageHeader/pageHeader.props.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../src/components/pageHeader/pageHeader.props.ts"],
-  "sourcesContent": ["import { asChildPropDef } from '../../_internal/props/asChild.prop'\n\nimport type { PropDef } from '../../_internal/props/propDef'\n\nconst pageHeaderPropDefs = {\n  ...asChildPropDef,\n} satisfies {\n  asChild: PropDef\n}\n\nconst pageHeaderTitlePropDefs = {\n  ...asChildPropDef,\n} satisfies {\n  asChild: PropDef\n}\n\nconst pageHeaderActionsPropDefs = {\n  ...asChildPropDef,\n} satisfies {\n  asChild: PropDef\n}\n\nexport { pageHeaderActionsPropDefs, pageHeaderPropDefs, pageHeaderTitlePropDefs }\n"],
-  "mappings": "AAAA,SAAS,sBAAsB;AAI/B,MAAM,qBAAqB;AAAA,EACzB,GAAG;AACL;AAIA,MAAM,0BAA0B;AAAA,EAC9B,GAAG;AACL;AAIA,MAAM,4BAA4B;AAAA,EAChC,GAAG;AACL;",
+  "sourcesContent": ["import { asChildPropDef } from '../../_internal/props/asChild.prop'\n\nimport type { PropDef } from '../../_internal/props/propDef'\n\nconst pageHeaderVariants = ['default', 'floating'] as const\n\nconst pageHeaderPropDefs = {\n  ...asChildPropDef,\n  variant: {\n    type: 'enum',\n    values: pageHeaderVariants,\n    default: 'default',\n  },\n} satisfies {\n  asChild: PropDef\n  variant: PropDef<(typeof pageHeaderVariants)[number]>\n}\n\nconst pageHeaderTitlePropDefs = {\n  ...asChildPropDef,\n} satisfies {\n  asChild: PropDef\n}\n\nconst pageHeaderActionsPropDefs = {\n  ...asChildPropDef,\n} satisfies {\n  asChild: PropDef\n}\n\nexport { pageHeaderActionsPropDefs, pageHeaderPropDefs, pageHeaderTitlePropDefs }\n"],
+  "mappings": "AAAA,SAAS,sBAAsB;AAI/B,MAAM,qBAAqB,CAAC,WAAW,UAAU;AAEjD,MAAM,qBAAqB;AAAA,EACzB,GAAG;AAAA,EACH,SAAS;AAAA,IACP,MAAM;AAAA,IACN,QAAQ;AAAA,IACR,SAAS;AAAA,EACX;AACF;AAKA,MAAM,0BAA0B;AAAA,EAC9B,GAAG;AACL;AAIA,MAAM,4BAA4B;AAAA,EAChC,GAAG;AACL;",
   "names": []
 }

package/dist/components/sidebar/Sidebar.cjs

@@ -167,6 +167,7 @@ function useSidebar() {
     },
     isMobile: false,
     mobile: "none",
+    mobileTrigger: true,
     sidebarId: void 0,
     collapsible: "offcanvas",
     manualToggleRef: { current: false },
@@ -255,6 +256,7 @@ const SidebarProvider = React.forwardRef((props, forwardedRef) => {
     storage = "localStorage",
     toggleShortcut = true,
     mobile = "sheet",
+    mobileTrigger = true,
     mobileBreakpoint = 768,
     collapsible = "offcanvas",
     variant = "default",
@@ -366,6 +368,7 @@ const SidebarProvider = React.forwardRef((props, forwardedRef) => {
       setMobileSheetOpen,
       isMobile: isMobileMode,
       mobile,
+      mobileTrigger,
       sidebarId,
       collapsible,
       manualToggleRef,
@@ -376,7 +379,7 @@ const SidebarProvider = React.forwardRef((props, forwardedRef) => {
       submenuOpenOnActive,
       variant: effectiveVariant
     }),
-    [effectiveExpanded, persisted.expanded, persisted.setExpanded, effectivePreviewExpanded, canPreview, mobileSheetOpen, isMobileMode, mobile, sidebarId, collapsible, defaultSubmenuMode, submenuOpenOnActive, effectiveVariant]
+    [effectiveExpanded, persisted.expanded, persisted.setExpanded, effectivePreviewExpanded, canPreview, mobileSheetOpen, isMobileMode, mobile, mobileTrigger, sidebarId, collapsible, defaultSubmenuMode, submenuOpenOnActive, effectiveVariant]
   );
   const nestedCounterRef = React.useRef(0);
   const desktopChildren = /* @__PURE__ */ (0, import_jsx_runtime.jsx)(SidebarNestedContext.Provider, { value: { counter: nestedCounterRef, isActive: nested }, children });
@@ -438,6 +441,7 @@ const SidebarRoot = React.forwardRef((props, forwardedRef) => {
     },
     isMobile: false,
     mobile: "none",
+    mobileTrigger: true,
     sidebarId: void 0,
     collapsible: "offcanvas",
     manualToggleRef: { current: false },
@@ -550,7 +554,7 @@ const SidebarRoot = React.forwardRef((props, forwardedRef) => {
   } = sidebarProps;
   const isMobileSheetMode = value.isMobile && value.mobile === "sheet";
   const content = isMobileSheetMode ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)(React.Suspense, { fallback: null, children: /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(Drawer, { open: value.mobileSheetOpen, onOpenChange: value.setMobileSheetOpen, direction: "left", children: [
-    !value.mobileSheetOpen && /* @__PURE__ */ (0, import_jsx_runtime.jsx)(DrawerTrigger, { asChild: true, children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+    !value.mobileSheetOpen && value.mobileTrigger && /* @__PURE__ */ (0, import_jsx_runtime.jsx)(DrawerTrigger, { asChild: true, children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
       "button",
       {
         type: "button",