@genesislcap/pbc-notify-ui 15.21.0 → 15.22.0

package/dist/custom-elements.json

@@ -324,21 +324,157 @@
     },
     {
       "kind": "javascript-module",
-      "path": "src/styles/scrollbar.styles.ts",
+      "path": "src/services/alert.service.ts",
       "declarations": [
         {
           "kind": "variable",
-          "name": "scrollbarStyles",
-          "default": "css`\n  ::-webkit-scrollbar {\n    width: calc((var(--base-height-multiplier) + var(--design-unit)) * 1px);\n  }\n\n  ::-webkit-scrollbar-track {\n    background: var(--neutral-layer-1);\n  }\n\n  ::-webkit-scrollbar-thumb {\n    background: var(--neutral-fill-rest);\n  }\n`"
+          "name": "AlertService"
         }
       ],
       "exports": [
         {
           "kind": "js",
-          "name": "scrollbarStyles",
+          "name": "AlertService",
           "declaration": {
-            "name": "scrollbarStyles",
-            "module": "src/styles/scrollbar.styles.ts"
+            "name": "AlertService",
+            "module": "src/services/alert.service.ts"
+          }
+        }
+      ]
+    },
+    {
+      "kind": "javascript-module",
+      "path": "src/services/inbox.service.ts",
+      "declarations": [
+        {
+          "kind": "variable",
+          "name": "INBOX_PAGE_SIZE",
+          "type": {
+            "text": "number"
+          },
+          "default": "20",
+          "description": "Number of alert rows fetched per data server batch. The first batch is loaded\non subscribe; subsequent batches are fetched via FoundationInboxService.getMoreRows."
+        },
+        {
+          "kind": "variable",
+          "name": "FoundationInboxService"
+        }
+      ],
+      "exports": [
+        {
+          "kind": "js",
+          "name": "INBOX_PAGE_SIZE",
+          "declaration": {
+            "name": "INBOX_PAGE_SIZE",
+            "module": "src/services/inbox.service.ts"
+          }
+        },
+        {
+          "kind": "js",
+          "name": "FoundationInboxService",
+          "declaration": {
+            "name": "FoundationInboxService",
+            "module": "src/services/inbox.service.ts"
+          }
+        }
+      ]
+    },
+    {
+      "kind": "javascript-module",
+      "path": "src/services/notify-route.service.ts",
+      "declarations": [
+        {
+          "kind": "variable",
+          "name": "NotifyRouteService"
+        }
+      ],
+      "exports": [
+        {
+          "kind": "js",
+          "name": "NotifyRouteService",
+          "declaration": {
+            "name": "NotifyRouteService",
+            "module": "src/services/notify-route.service.ts"
+          }
+        }
+      ]
+    },
+    {
+      "kind": "javascript-module",
+      "path": "src/services/notify.service.ts",
+      "declarations": [
+        {
+          "kind": "variable",
+          "name": "NotifyService"
+        }
+      ],
+      "exports": [
+        {
+          "kind": "js",
+          "name": "NotifyService",
+          "declaration": {
+            "name": "NotifyService",
+            "module": "src/services/notify.service.ts"
+          }
+        }
+      ]
+    },
+    {
+      "kind": "javascript-module",
+      "path": "src/services/rule.service.ts",
+      "declarations": [
+        {
+          "kind": "variable",
+          "name": "RuleService"
+        }
+      ],
+      "exports": [
+        {
+          "kind": "js",
+          "name": "RuleService",
+          "declaration": {
+            "name": "RuleService",
+            "module": "src/services/rule.service.ts"
+          }
+        }
+      ]
+    },
+    {
+      "kind": "javascript-module",
+      "path": "src/services/system.service.ts",
+      "declarations": [
+        {
+          "kind": "variable",
+          "name": "SystemService"
+        }
+      ],
+      "exports": [
+        {
+          "kind": "js",
+          "name": "SystemService",
+          "declaration": {
+            "name": "SystemService",
+            "module": "src/services/system.service.ts"
+          }
+        }
+      ]
+    },
+    {
+      "kind": "javascript-module",
+      "path": "src/services/template.service.ts",
+      "declarations": [
+        {
+          "kind": "variable",
+          "name": "TemplateService"
+        }
+      ],
+      "exports": [
+        {
+          "kind": "js",
+          "name": "TemplateService",
+          "declaration": {
+            "name": "TemplateService",
+            "module": "src/services/template.service.ts"
           }
         }
       ]
@@ -664,6 +800,27 @@
         }
       ]
     },
+    {
+      "kind": "javascript-module",
+      "path": "src/styles/scrollbar.styles.ts",
+      "declarations": [
+        {
+          "kind": "variable",
+          "name": "scrollbarStyles",
+          "default": "css`\n  ::-webkit-scrollbar {\n    width: calc((var(--base-height-multiplier) + var(--design-unit)) * 1px);\n  }\n\n  ::-webkit-scrollbar-track {\n    background: var(--neutral-layer-1);\n  }\n\n  ::-webkit-scrollbar-thumb {\n    background: var(--neutral-fill-rest);\n  }\n`"
+        }
+      ],
+      "exports": [
+        {
+          "kind": "js",
+          "name": "scrollbarStyles",
+          "declaration": {
+            "name": "scrollbarStyles",
+            "module": "src/styles/scrollbar.styles.ts"
+          }
+        }
+      ]
+    },
     {
       "kind": "javascript-module",
       "path": "src/components/foundation-inbox/inbox.styles.ts",
@@ -3319,164 +3476,7 @@
     },
     {
       "kind": "javascript-module",
-      "path": "src/services/alert.service.ts",
-      "declarations": [
-        {
-          "kind": "variable",
-          "name": "AlertService"
-        }
-      ],
-      "exports": [
-        {
-          "kind": "js",
-          "name": "AlertService",
-          "declaration": {
-            "name": "AlertService",
-            "module": "src/services/alert.service.ts"
-          }
-        }
-      ]
-    },
-    {
-      "kind": "javascript-module",
-      "path": "src/services/inbox.service.ts",
-      "declarations": [
-        {
-          "kind": "variable",
-          "name": "INBOX_PAGE_SIZE",
-          "type": {
-            "text": "number"
-          },
-          "default": "20",
-          "description": "Number of alert rows fetched per data server batch. The first batch is loaded\non subscribe; subsequent batches are fetched via FoundationInboxService.getMoreRows."
-        },
-        {
-          "kind": "variable",
-          "name": "FoundationInboxService"
-        }
-      ],
-      "exports": [
-        {
-          "kind": "js",
-          "name": "INBOX_PAGE_SIZE",
-          "declaration": {
-            "name": "INBOX_PAGE_SIZE",
-            "module": "src/services/inbox.service.ts"
-          }
-        },
-        {
-          "kind": "js",
-          "name": "FoundationInboxService",
-          "declaration": {
-            "name": "FoundationInboxService",
-            "module": "src/services/inbox.service.ts"
-          }
-        }
-      ]
-    },
-    {
-      "kind": "javascript-module",
-      "path": "src/services/notify-route.service.ts",
-      "declarations": [
-        {
-          "kind": "variable",
-          "name": "NotifyRouteService"
-        }
-      ],
-      "exports": [
-        {
-          "kind": "js",
-          "name": "NotifyRouteService",
-          "declaration": {
-            "name": "NotifyRouteService",
-            "module": "src/services/notify-route.service.ts"
-          }
-        }
-      ]
-    },
-    {
-      "kind": "javascript-module",
-      "path": "src/services/notify.service.ts",
-      "declarations": [
-        {
-          "kind": "variable",
-          "name": "NotifyService"
-        }
-      ],
-      "exports": [
-        {
-          "kind": "js",
-          "name": "NotifyService",
-          "declaration": {
-            "name": "NotifyService",
-            "module": "src/services/notify.service.ts"
-          }
-        }
-      ]
-    },
-    {
-      "kind": "javascript-module",
-      "path": "src/services/rule.service.ts",
-      "declarations": [
-        {
-          "kind": "variable",
-          "name": "RuleService"
-        }
-      ],
-      "exports": [
-        {
-          "kind": "js",
-          "name": "RuleService",
-          "declaration": {
-            "name": "RuleService",
-            "module": "src/services/rule.service.ts"
-          }
-        }
-      ]
-    },
-    {
-      "kind": "javascript-module",
-      "path": "src/services/system.service.ts",
-      "declarations": [
-        {
-          "kind": "variable",
-          "name": "SystemService"
-        }
-      ],
-      "exports": [
-        {
-          "kind": "js",
-          "name": "SystemService",
-          "declaration": {
-            "name": "SystemService",
-            "module": "src/services/system.service.ts"
-          }
-        }
-      ]
-    },
-    {
-      "kind": "javascript-module",
-      "path": "src/services/template.service.ts",
-      "declarations": [
-        {
-          "kind": "variable",
-          "name": "TemplateService"
-        }
-      ],
-      "exports": [
-        {
-          "kind": "js",
-          "name": "TemplateService",
-          "declaration": {
-            "name": "TemplateService",
-            "module": "src/services/template.service.ts"
-          }
-        }
-      ]
-    },
-    {
-      "kind": "javascript-module",
-      "path": "src/components/foundation-inbox/inbox-base/inbox-base.ts",
+      "path": "src/components/foundation-inbox/inbox-base/inbox-base.ts",
       "declarations": [
         {
           "kind": "class",
@@ -4229,95 +4229,6 @@
         }
       ]
     },
-    {
-      "kind": "javascript-module",
-      "path": "src/components/foundation-notification-dashboard/styles/condition-builder.styles.ts",
-      "declarations": [
-        {
-          "kind": "variable",
-          "name": "ConditionBuilderStyles",
-          "default": "css`\n  .condition-builder {\n    display: flex;\n    gap: calc(var(--design-unit) * 2px);\n    align-items: center;\n    margin-bottom: calc(var(--design-unit) * 2px);\n  }\n\n  rapid-button {\n    margin: 0;\n  }\n\n  /* The AND/OR toggle sits on its own row ABOVE the condition it joins,\n     rendered as a pair of small text links rather than buttons - reads like\n     a sentence connector (\"... and ...\") instead of a UI control competing\n     with the row's fields for attention. */\n  .join-toggle-row {\n    display: flex;\n    margin-bottom: calc(var(--design-unit) * 1px);\n  }\n\n  .join-toggle {\n    display: flex;\n    gap: calc(var(--design-unit) * 1.5px);\n  }\n\n  .join-text {\n    font-size: 11px;\n    font-weight: 700;\n    letter-spacing: 0.02em;\n    color: var(--accent-fill-rest);\n    cursor: pointer;\n    text-decoration: underline dotted;\n    text-underline-offset: 3px;\n    opacity: 40%;\n  }\n\n  .join-text:hover {\n    opacity: 70%;\n  }\n\n  .join-text.active {\n    opacity: 100%;\n    text-decoration: underline solid;\n  }\n\n  .join-text.active:hover {\n    opacity: 100%;\n  }\n\n  .delete {\n    margin: 0;\n    display: flex;\n    justify-content: center;\n    height: calc(var(--design-unit) * 9px);\n  }\n\n  .delete:hover {\n    background-color: color-mix(in srgb, var(--neutral-foreground-rest), transparent 89%);\n  }\n\n  rapid-text-field {\n    width: 100%;\n    margin-bottom: 0;\n  }\n\n  rapid-text-field::part(root) {\n    height: calc(var(--design-unit) * 9px);\n  }\n\n  rapid-select {\n    min-width: auto;\n  }\n\n  rapid-select.left-value::part(control) {\n    width: 250px;\n  }\n\n  rapid-select.logical-operator::part(control) {\n    width: 160px;\n  }\n\n  .logical-operator-null-and-blank {\n    width: 100%;\n  }\n\n  rapid-select.right-criteria::part(control) {\n    width: 135px;\n  }\n\n  rapid-select.right-criteria-user-entry {\n    width: 100%;\n  }\n\n  rapid-select.right-criteria-select {\n    width: 100%;\n    min-width: 0;\n  }\n\n  rapid-select::part(listbox) {\n    max-height: 160px;\n  }\n`"
-        },
-        {
-          "kind": "variable",
-          "name": "ConditionGroupStyles",
-          "default": "css`\n  .condition-group-row {\n    margin-bottom: calc(var(--design-unit) * 2px);\n  }\n\n  /* The AND/OR toggle sits on its own row ABOVE the group it joins - see\n     ConditionBuilderStyles' .join-toggle-row/.join-text for why it's a pair\n     of text links rather than buttons. */\n  .join-toggle-row {\n    display: flex;\n    margin-bottom: calc(var(--design-unit) * 1px);\n  }\n\n  .join-toggle {\n    display: flex;\n    gap: calc(var(--design-unit) * 1.5px);\n  }\n\n  .join-text {\n    font-size: 11px;\n    font-weight: 700;\n    letter-spacing: 0.02em;\n    color: var(--accent-fill-rest);\n    cursor: pointer;\n    text-decoration: underline dotted;\n    text-underline-offset: 3px;\n    opacity: 40%;\n  }\n\n  .join-text:hover {\n    opacity: 70%;\n  }\n\n  .join-text.active {\n    opacity: 100%;\n    text-decoration: underline solid;\n  }\n\n  .join-text.active:hover {\n    opacity: 100%;\n  }\n\n  /* A full bordered box reads as \"this is one parenthesized unit\" more\n     literally than a left rail - it nests naturally too, a group inside a\n     group just gets a second box drawn inside the first, like actual nested\n     parens would look. */\n  .condition-group-box {\n    flex: 1;\n    min-width: 0;\n    border: calc(var(--design-unit) * 0.5px) solid\n      color-mix(in srgb, var(--accent-fill-rest), transparent 25%);\n    border-radius: calc(var(--design-unit) * 1px);\n    padding: calc(var(--design-unit) * 2px);\n    background-color: color-mix(in srgb, var(--accent-fill-rest), transparent 96%);\n  }\n\n  .condition-group-box > .content-row {\n    display: flex;\n    gap: calc(var(--design-unit) * 2px);\n    align-items: center;\n    margin-top: calc(var(--design-unit) * 1px);\n  }\n\n  .condition-group-box > .content-row rapid-button {\n    font-size: 12px;\n  }\n\n  rule-condition-builder,\n  rule-condition-group,\n  template-condition-builder,\n  template-condition-group {\n    display: block;\n    margin-bottom: calc(var(--design-unit) * 1px);\n  }\n\n  .delete-group {\n    margin: 0;\n    opacity: 60%;\n  }\n\n  .delete-group:hover {\n    opacity: 100%;\n  }\n`"
-        }
-      ],
-      "exports": [
-        {
-          "kind": "js",
-          "name": "ConditionBuilderStyles",
-          "declaration": {
-            "name": "ConditionBuilderStyles",
-            "module": "src/components/foundation-notification-dashboard/styles/condition-builder.styles.ts"
-          }
-        },
-        {
-          "kind": "js",
-          "name": "ConditionGroupStyles",
-          "declaration": {
-            "name": "ConditionGroupStyles",
-            "module": "src/components/foundation-notification-dashboard/styles/condition-builder.styles.ts"
-          }
-        }
-      ]
-    },
-    {
-      "kind": "javascript-module",
-      "path": "src/components/foundation-notification-dashboard/styles/dynamic-rule.styles.ts",
-      "declarations": [
-        {
-          "kind": "variable",
-          "name": "DynamicRuleManagementStyles",
-          "default": "css`\n  .container {\n    display: flex;\n    height: 100%;\n    flex-direction: column;\n  }\n\n  .header {\n    display: flex;\n    flex-direction: row-reverse;\n  }\n\n  .grid {\n    height: 100%;\n  }\n`"
-        },
-        {
-          "kind": "variable",
-          "name": "DynamicRuleDialogStyles",
-          "default": "css`\n  ${scrollbarStyles}\n  ${top}\n  ${bottom}\n\n  rapid-modal::part(dialog) {\n    padding: 0;\n    background: var(--neutral-layer-4);\n    border: calc(var(--stroke-width) * 1px) solid var(--neutral-stroke-divider-rest);\n  }\n\n  .dialog-content {\n    display: flex;\n    flex-direction: column;\n    width: ${String(modalWidthPx)}px;\n    max-height: 600px;\n    overflow-y: scroll;\n    gap: calc(var(--design-unit) * 3px);\n    padding: calc(var(--design-unit) * 4px);\n  }\n\n  .content-row {\n    display: flex;\n    gap: calc(var(--design-unit) * 3px);\n  }\n\n  .control {\n    display: flex;\n    flex-direction: column;\n    width: 100%;\n    gap: calc(var(--design-unit) * 2px);\n  }\n\n  .items {\n    border: calc(var(--stroke-width) * 1px) solid var(--neutral-stroke-divider-rest);\n    border-radius: calc(var(--control-corner-radius) * 1px);\n    display: flex;\n    padding: calc(var(--design-unit) * 2px);\n    flex-direction: column;\n  }\n\n  .item {\n    gap: 0;\n    flex-direction: column;\n    margin-bottom: 0;\n  }\n\n  ${textField}\n  ${select}\n\n  rapid-button {\n    margin: 0;\n  }\n\n  rapid-select {\n    min-width: 0;\n  }\n\n  rapid-select::part(listbox) {\n    max-height: 160px;\n  }\n\n  .horizontal {\n    flex-direction: row;\n  }\n\n  .destination {\n    align-self: center;\n  }\n\n  .topic {\n    min-width: revert-layer;\n  }\n\n  .expression-preview {\n    width: 100%;\n    margin-top: calc(var(--design-unit) * 2px);\n  }\n\n  .expression-preview::part(control) {\n    font-family: var(--body-font, monospace);\n    font-size: 12px;\n    color: var(--neutral-foreground-hint);\n    min-height: calc(var(--design-unit) * 12px);\n    resize: vertical;\n  }\n\n  .alert-sound {\n    display: flex;\n    flex-direction: column;\n    gap: calc(var(--design-unit) * 2px);\n    margin-top: calc(var(--design-unit) * 2px);\n  }\n\n  .alert-sound .file-input {\n    display: none;\n  }\n\n  .alert-sound-row {\n    display: flex;\n    align-items: center;\n    gap: calc(var(--design-unit) * 2px);\n    flex-wrap: wrap;\n    border: calc(var(--stroke-width) * 1px) solid var(--neutral-stroke-divider-rest);\n    border-radius: calc(var(--control-corner-radius) * 1px);\n    padding: calc(var(--design-unit) * 2px);\n  }\n\n  .alert-sound-name {\n    flex: 1;\n    min-width: 120px;\n    color: var(--neutral-foreground-hint);\n    overflow: hidden;\n    text-overflow: ellipsis;\n    white-space: nowrap;\n  }\n`"
-        }
-      ],
-      "exports": [
-        {
-          "kind": "js",
-          "name": "DynamicRuleManagementStyles",
-          "declaration": {
-            "name": "DynamicRuleManagementStyles",
-            "module": "src/components/foundation-notification-dashboard/styles/dynamic-rule.styles.ts"
-          }
-        },
-        {
-          "kind": "js",
-          "name": "DynamicRuleDialogStyles",
-          "declaration": {
-            "name": "DynamicRuleDialogStyles",
-            "module": "src/components/foundation-notification-dashboard/styles/dynamic-rule.styles.ts"
-          }
-        }
-      ]
-    },
-    {
-      "kind": "javascript-module",
-      "path": "src/components/foundation-notification-dashboard/styles/management.styles.ts",
-      "declarations": [
-        {
-          "kind": "variable",
-          "name": "managementGridStyles",
-          "default": "css`\n  :host {\n    height: 100%;\n  }\n\n  .container {\n    display: flex;\n    height: 100%;\n    flex-direction: column;\n  }\n\n  .header {\n    display: flex;\n  }\n\n  .grid {\n    height: 100%;\n  }\n`"
-        }
-      ],
-      "exports": [
-        {
-          "kind": "js",
-          "name": "managementGridStyles",
-          "declaration": {
-            "name": "managementGridStyles",
-            "module": "src/components/foundation-notification-dashboard/styles/management.styles.ts"
-          }
-        }
-      ]
-    },
     {
       "kind": "javascript-module",
       "path": "src/components/foundation-notification-dashboard/types/expression-type.ts",
@@ -4920,94 +4831,326 @@
     },
     {
       "kind": "javascript-module",
-      "path": "src/components/foundation-inbox/components/foundation-inbox-flyout/foundation-inbox-flyout.styles.ts",
+      "path": "src/components/foundation-notification-dashboard/styles/condition-builder.styles.ts",
       "declarations": [
         {
           "kind": "variable",
-          "name": "FoundationInboxFlyoutStyles",
-          "default": "css`\n  rapid-flyout::part(flyout) {\n    width: 30%;\n    min-width: 320px;\n    padding: 0;\n  }\n\n  rapid-flyout::part(content) {\n    height: 100%;\n    display: flex;\n    flex-direction: column;\n  }\n\n  ${FoundationInboxStyles}\n`"
+          "name": "ConditionBuilderStyles",
+          "default": "css`\n  .condition-builder {\n    display: flex;\n    gap: calc(var(--design-unit) * 2px);\n    align-items: center;\n    margin-bottom: calc(var(--design-unit) * 2px);\n  }\n\n  rapid-button {\n    margin: 0;\n  }\n\n  /* The AND/OR toggle sits on its own row ABOVE the condition it joins,\n     rendered as a pair of small text links rather than buttons - reads like\n     a sentence connector (\"... and ...\") instead of a UI control competing\n     with the row's fields for attention. */\n  .join-toggle-row {\n    display: flex;\n    margin-bottom: calc(var(--design-unit) * 1px);\n  }\n\n  .join-toggle {\n    display: flex;\n    gap: calc(var(--design-unit) * 1.5px);\n  }\n\n  .join-text {\n    font-size: 11px;\n    font-weight: 700;\n    letter-spacing: 0.02em;\n    color: var(--accent-fill-rest);\n    cursor: pointer;\n    text-decoration: underline dotted;\n    text-underline-offset: 3px;\n    opacity: 40%;\n  }\n\n  .join-text:hover {\n    opacity: 70%;\n  }\n\n  .join-text.active {\n    opacity: 100%;\n    text-decoration: underline solid;\n  }\n\n  .join-text.active:hover {\n    opacity: 100%;\n  }\n\n  .delete {\n    margin: 0;\n    display: flex;\n    justify-content: center;\n    height: calc(var(--design-unit) * 9px);\n  }\n\n  .delete:hover {\n    background-color: color-mix(in srgb, var(--neutral-foreground-rest), transparent 89%);\n  }\n\n  rapid-text-field {\n    width: 100%;\n    margin-bottom: 0;\n  }\n\n  rapid-text-field::part(root) {\n    height: calc(var(--design-unit) * 9px);\n  }\n\n  rapid-select {\n    min-width: auto;\n  }\n\n  rapid-select.left-value::part(control) {\n    width: 250px;\n  }\n\n  rapid-select.logical-operator::part(control) {\n    width: 160px;\n  }\n\n  .logical-operator-null-and-blank {\n    width: 100%;\n  }\n\n  rapid-select.right-criteria::part(control) {\n    width: 135px;\n  }\n\n  rapid-select.right-criteria-user-entry {\n    width: 100%;\n  }\n\n  rapid-select.right-criteria-select {\n    width: 100%;\n    min-width: 0;\n  }\n\n  rapid-select::part(listbox) {\n    max-height: 160px;\n  }\n`"
+        },
+        {
+          "kind": "variable",
+          "name": "ConditionGroupStyles",
+          "default": "css`\n  .condition-group-row {\n    margin-bottom: calc(var(--design-unit) * 2px);\n  }\n\n  /* The AND/OR toggle sits on its own row ABOVE the group it joins - see\n     ConditionBuilderStyles' .join-toggle-row/.join-text for why it's a pair\n     of text links rather than buttons. */\n  .join-toggle-row {\n    display: flex;\n    margin-bottom: calc(var(--design-unit) * 1px);\n  }\n\n  .join-toggle {\n    display: flex;\n    gap: calc(var(--design-unit) * 1.5px);\n  }\n\n  .join-text {\n    font-size: 11px;\n    font-weight: 700;\n    letter-spacing: 0.02em;\n    color: var(--accent-fill-rest);\n    cursor: pointer;\n    text-decoration: underline dotted;\n    text-underline-offset: 3px;\n    opacity: 40%;\n  }\n\n  .join-text:hover {\n    opacity: 70%;\n  }\n\n  .join-text.active {\n    opacity: 100%;\n    text-decoration: underline solid;\n  }\n\n  .join-text.active:hover {\n    opacity: 100%;\n  }\n\n  /* A full bordered box reads as \"this is one parenthesized unit\" more\n     literally than a left rail - it nests naturally too, a group inside a\n     group just gets a second box drawn inside the first, like actual nested\n     parens would look. */\n  .condition-group-box {\n    flex: 1;\n    min-width: 0;\n    border: calc(var(--design-unit) * 0.5px) solid\n      color-mix(in srgb, var(--accent-fill-rest), transparent 25%);\n    border-radius: calc(var(--design-unit) * 1px);\n    padding: calc(var(--design-unit) * 2px);\n    background-color: color-mix(in srgb, var(--accent-fill-rest), transparent 96%);\n  }\n\n  .condition-group-box > .content-row {\n    display: flex;\n    gap: calc(var(--design-unit) * 2px);\n    align-items: center;\n    margin-top: calc(var(--design-unit) * 1px);\n  }\n\n  .condition-group-box > .content-row rapid-button {\n    font-size: 12px;\n  }\n\n  rule-condition-builder,\n  rule-condition-group,\n  template-condition-builder,\n  template-condition-group {\n    display: block;\n    margin-bottom: calc(var(--design-unit) * 1px);\n  }\n\n  .delete-group {\n    margin: 0;\n    opacity: 60%;\n  }\n\n  .delete-group:hover {\n    opacity: 100%;\n  }\n`"
         }
       ],
       "exports": [
         {
           "kind": "js",
-          "name": "FoundationInboxFlyoutStyles",
+          "name": "ConditionBuilderStyles",
           "declaration": {
-            "name": "FoundationInboxFlyoutStyles",
-            "module": "src/components/foundation-inbox/components/foundation-inbox-flyout/foundation-inbox-flyout.styles.ts"
+            "name": "ConditionBuilderStyles",
+            "module": "src/components/foundation-notification-dashboard/styles/condition-builder.styles.ts"
+          }
+        },
+        {
+          "kind": "js",
+          "name": "ConditionGroupStyles",
+          "declaration": {
+            "name": "ConditionGroupStyles",
+            "module": "src/components/foundation-notification-dashboard/styles/condition-builder.styles.ts"
           }
         }
       ]
     },
     {
       "kind": "javascript-module",
-      "path": "src/components/foundation-inbox/components/foundation-inbox-flyout/foundation-inbox-flyout.template.ts",
+      "path": "src/components/foundation-notification-dashboard/styles/dynamic-rule.styles.ts",
       "declarations": [
         {
           "kind": "variable",
-          "name": "FoundationInboxFlyoutTemplate",
-          "default": "html<FoundationInboxFlyout>`\n  <rapid-flyout\n    ${ref('flyout')}\n    position=\"right\"\n    @closed=${(x) => (x.flyoutClosed = true)}\n    :closed=${(x) => x.flyoutClosed}\n    displayHeader=${false}\n  >\n    <div class=\"inbox-header\">\n      <div class=\"inbox-header-title\">Alerts Center</div>\n      <rapid-button class=\"inbox-header-close\" @click=${(x) => x.close()}>\n        <rapid-icon part=\"icon\" name=\"xmark\" size=\"xl\"></rapid-icon>\n      </rapid-button>\n    </div>\n\n    ${FoundationInboxTemplate}\n  </rapid-flyout>\n`"
+          "name": "DynamicRuleManagementStyles",
+          "default": "css`\n  .container {\n    display: flex;\n    height: 100%;\n    flex-direction: column;\n  }\n\n  .header {\n    display: flex;\n    flex-direction: row-reverse;\n  }\n\n  .grid {\n    height: 100%;\n  }\n`"
+        },
+        {
+          "kind": "variable",
+          "name": "DynamicRuleDialogStyles",
+          "default": "css`\n  ${scrollbarStyles}\n  ${top}\n  ${bottom}\n\n  rapid-modal::part(dialog) {\n    padding: 0;\n    background: var(--neutral-layer-4);\n    border: calc(var(--stroke-width) * 1px) solid var(--neutral-stroke-divider-rest);\n  }\n\n  .dialog-content {\n    display: flex;\n    flex-direction: column;\n    width: ${String(modalWidthPx)}px;\n    max-height: 600px;\n    overflow-y: scroll;\n    gap: calc(var(--design-unit) * 3px);\n    padding: calc(var(--design-unit) * 4px);\n  }\n\n  .content-row {\n    display: flex;\n    gap: calc(var(--design-unit) * 3px);\n  }\n\n  .control {\n    display: flex;\n    flex-direction: column;\n    width: 100%;\n    gap: calc(var(--design-unit) * 2px);\n  }\n\n  .items {\n    border: calc(var(--stroke-width) * 1px) solid var(--neutral-stroke-divider-rest);\n    border-radius: calc(var(--control-corner-radius) * 1px);\n    display: flex;\n    padding: calc(var(--design-unit) * 2px);\n    flex-direction: column;\n  }\n\n  .item {\n    gap: 0;\n    flex-direction: column;\n    margin-bottom: 0;\n  }\n\n  ${textField}\n  ${select}\n\n  rapid-button {\n    margin: 0;\n  }\n\n  rapid-select {\n    min-width: 0;\n  }\n\n  rapid-select::part(listbox) {\n    max-height: 160px;\n  }\n\n  .horizontal {\n    flex-direction: row;\n  }\n\n  .destination {\n    align-self: center;\n  }\n\n  .topic {\n    min-width: revert-layer;\n  }\n\n  .expression-preview {\n    width: 100%;\n    margin-top: calc(var(--design-unit) * 2px);\n  }\n\n  .expression-preview::part(control) {\n    font-family: var(--body-font, monospace);\n    font-size: 12px;\n    color: var(--neutral-foreground-hint);\n    min-height: calc(var(--design-unit) * 12px);\n    resize: vertical;\n  }\n\n  .alert-sound {\n    display: flex;\n    flex-direction: column;\n    gap: calc(var(--design-unit) * 2px);\n    margin-top: calc(var(--design-unit) * 2px);\n  }\n\n  .alert-sound .file-input {\n    display: none;\n  }\n\n  .alert-sound-row {\n    display: flex;\n    align-items: center;\n    gap: calc(var(--design-unit) * 2px);\n    flex-wrap: wrap;\n    border: calc(var(--stroke-width) * 1px) solid var(--neutral-stroke-divider-rest);\n    border-radius: calc(var(--control-corner-radius) * 1px);\n    padding: calc(var(--design-unit) * 2px);\n  }\n\n  .alert-sound-name {\n    flex: 1;\n    min-width: 120px;\n    color: var(--neutral-foreground-hint);\n    overflow: hidden;\n    text-overflow: ellipsis;\n    white-space: nowrap;\n  }\n`"
         }
       ],
       "exports": [
         {
           "kind": "js",
-          "name": "FoundationInboxFlyoutTemplate",
+          "name": "DynamicRuleManagementStyles",
           "declaration": {
-            "name": "FoundationInboxFlyoutTemplate",
-            "module": "src/components/foundation-inbox/components/foundation-inbox-flyout/foundation-inbox-flyout.template.ts"
+            "name": "DynamicRuleManagementStyles",
+            "module": "src/components/foundation-notification-dashboard/styles/dynamic-rule.styles.ts"
+          }
+        },
+        {
+          "kind": "js",
+          "name": "DynamicRuleDialogStyles",
+          "declaration": {
+            "name": "DynamicRuleDialogStyles",
+            "module": "src/components/foundation-notification-dashboard/styles/dynamic-rule.styles.ts"
           }
         }
       ]
     },
     {
       "kind": "javascript-module",
-      "path": "src/components/foundation-inbox/components/foundation-inbox-flyout/foundation-inbox-flyout.ts",
+      "path": "src/components/foundation-notification-dashboard/styles/management.styles.ts",
       "declarations": [
         {
-          "kind": "class",
-          "description": "",
-          "name": "FoundationInboxFlyout",
-          "members": [
-            {
-              "kind": "field",
-              "name": "ready",
-              "type": {
-                "text": "boolean"
-              },
-              "default": "false"
-            },
-            {
-              "kind": "field",
-              "name": "flyout",
-              "type": {
-                "text": "Flyout"
-              }
-            },
-            {
-              "kind": "field",
-              "name": "flyoutClosed",
-              "type": {
-                "text": "boolean"
-              },
-              "default": "true"
-            },
-            {
-              "kind": "method",
-              "name": "open",
-              "privacy": "public"
-            },
-            {
-              "kind": "method",
-              "name": "close",
-              "privacy": "public"
-            },
-            {
-              "kind": "method",
-              "name": "loadRemotes"
-            },
-            {
-              "kind": "field",
+          "kind": "variable",
+          "name": "managementGridStyles",
+          "default": "css`\n  :host {\n    height: 100%;\n  }\n\n  .container {\n    display: flex;\n    height: 100%;\n    flex-direction: column;\n  }\n\n  .header {\n    display: flex;\n  }\n\n  .grid {\n    height: 100%;\n  }\n`"
+        }
+      ],
+      "exports": [
+        {
+          "kind": "js",
+          "name": "managementGridStyles",
+          "declaration": {
+            "name": "managementGridStyles",
+            "module": "src/components/foundation-notification-dashboard/styles/management.styles.ts"
+          }
+        }
+      ]
+    },
+    {
+      "kind": "javascript-module",
+      "path": "src/components/foundation-inbox/components/foundation-inbox-counter/foundation-inbox-counter.styles.ts",
+      "declarations": [
+        {
+          "kind": "variable",
+          "name": "noItemsClass",
+          "type": {
+            "text": "string"
+          },
+          "default": "'no-items'",
+          "description": "Class to use when there are no items"
+        },
+        {
+          "kind": "variable",
+          "name": "FoundationInboxCounterStyles",
+          "default": "css`\n  :host {\n    display: inline-block;\n    min-width: 16px;\n    height: 16px;\n    border-radius: 9px;\n    text-align: center;\n    color: #fff;\n    line-height: 16px;\n    font-size: 9px;\n    font-weight: 700;\n    background: ${BACKGROUND_COLOR};\n    pointer-events: none;\n  }\n\n  .hidden {\n    visibility: hidden;\n  }\n\n  :host(.${noItemsClass}) {\n    display: none;\n  }\n`"
+        }
+      ],
+      "exports": [
+        {
+          "kind": "js",
+          "name": "noItemsClass",
+          "declaration": {
+            "name": "noItemsClass",
+            "module": "src/components/foundation-inbox/components/foundation-inbox-counter/foundation-inbox-counter.styles.ts"
+          }
+        },
+        {
+          "kind": "js",
+          "name": "FoundationInboxCounterStyles",
+          "declaration": {
+            "name": "FoundationInboxCounterStyles",
+            "module": "src/components/foundation-inbox/components/foundation-inbox-counter/foundation-inbox-counter.styles.ts"
+          }
+        }
+      ]
+    },
+    {
+      "kind": "javascript-module",
+      "path": "src/components/foundation-inbox/components/foundation-inbox-counter/foundation-inbox-counter.template.ts",
+      "declarations": [
+        {
+          "kind": "variable",
+          "name": "FoundationInboxCounterTemplate",
+          "default": "html<FoundationInboxCounter>`\n  <template class=\"${(x) => classNames([noItemsClass, x.value < 1])}\">\n    ${when(\n      (x) => x.value > 0,\n      html`\n        ${(x) => (x.value > MAX_NUMBER_TO_DISPLAY ? `${MAX_NUMBER_TO_DISPLAY}+` : x.value)}\n      `,\n    )}\n  </template>\n`"
+        }
+      ],
+      "exports": [
+        {
+          "kind": "js",
+          "name": "FoundationInboxCounterTemplate",
+          "declaration": {
+            "name": "FoundationInboxCounterTemplate",
+            "module": "src/components/foundation-inbox/components/foundation-inbox-counter/foundation-inbox-counter.template.ts"
+          }
+        }
+      ]
+    },
+    {
+      "kind": "javascript-module",
+      "path": "src/components/foundation-inbox/components/foundation-inbox-counter/foundation-inbox-counter.ts",
+      "declarations": [
+        {
+          "kind": "class",
+          "description": "",
+          "name": "FoundationInboxCounter",
+          "members": [
+            {
+              "kind": "field",
+              "name": "value",
+              "type": {
+                "text": "number"
+              },
+              "default": "0"
+            },
+            {
+              "kind": "field",
+              "name": "connect",
+              "type": {
+                "text": "Connect"
+              }
+            },
+            {
+              "kind": "field",
+              "name": "inboxService",
+              "type": {
+                "text": "FoundationInboxService"
+              }
+            },
+            {
+              "kind": "field",
+              "name": "connectionSub",
+              "type": {
+                "text": "Subscription"
+              },
+              "privacy": "private"
+            },
+            {
+              "kind": "method",
+              "name": "subscribeToAlerts",
+              "privacy": "private",
+              "return": {
+                "type": {
+                  "text": "Promise<void>"
+                }
+              },
+              "description": "Subscribes to alerts from the inbox service"
+            },
+            {
+              "kind": "field",
+              "name": "subscriptionHandler",
+              "privacy": "private",
+              "description": "Handles subscription updates from the inbox service"
+            }
+          ],
+          "superclass": {
+            "name": "GenesisElement",
+            "package": "@genesislcap/web-core"
+          },
+          "tagName": "foundation-inbox-counter",
+          "customElement": true
+        }
+      ],
+      "exports": [
+        {
+          "kind": "js",
+          "name": "FoundationInboxCounter",
+          "declaration": {
+            "name": "FoundationInboxCounter",
+            "module": "src/components/foundation-inbox/components/foundation-inbox-counter/foundation-inbox-counter.ts"
+          }
+        },
+        {
+          "kind": "custom-element-definition",
+          "name": "foundation-inbox-counter",
+          "declaration": {
+            "name": "FoundationInboxCounter",
+            "module": "src/components/foundation-inbox/components/foundation-inbox-counter/foundation-inbox-counter.ts"
+          }
+        }
+      ]
+    },
+    {
+      "kind": "javascript-module",
+      "path": "src/components/foundation-inbox/components/foundation-inbox-flyout/foundation-inbox-flyout.styles.ts",
+      "declarations": [
+        {
+          "kind": "variable",
+          "name": "FoundationInboxFlyoutStyles",
+          "default": "css`\n  rapid-flyout::part(flyout) {\n    width: 30%;\n    min-width: 320px;\n    padding: 0;\n  }\n\n  rapid-flyout::part(content) {\n    height: 100%;\n    display: flex;\n    flex-direction: column;\n  }\n\n  ${FoundationInboxStyles}\n`"
+        }
+      ],
+      "exports": [
+        {
+          "kind": "js",
+          "name": "FoundationInboxFlyoutStyles",
+          "declaration": {
+            "name": "FoundationInboxFlyoutStyles",
+            "module": "src/components/foundation-inbox/components/foundation-inbox-flyout/foundation-inbox-flyout.styles.ts"
+          }
+        }
+      ]
+    },
+    {
+      "kind": "javascript-module",
+      "path": "src/components/foundation-inbox/components/foundation-inbox-flyout/foundation-inbox-flyout.template.ts",
+      "declarations": [
+        {
+          "kind": "variable",
+          "name": "FoundationInboxFlyoutTemplate",
+          "default": "html<FoundationInboxFlyout>`\n  <rapid-flyout\n    ${ref('flyout')}\n    position=\"right\"\n    @closed=${(x) => (x.flyoutClosed = true)}\n    :closed=${(x) => x.flyoutClosed}\n    displayHeader=${false}\n  >\n    <div class=\"inbox-header\">\n      <div class=\"inbox-header-title\">Alerts Center</div>\n      <rapid-button class=\"inbox-header-close\" @click=${(x) => x.close()}>\n        <rapid-icon part=\"icon\" name=\"xmark\" size=\"xl\"></rapid-icon>\n      </rapid-button>\n    </div>\n\n    ${FoundationInboxTemplate}\n  </rapid-flyout>\n`"
+        }
+      ],
+      "exports": [
+        {
+          "kind": "js",
+          "name": "FoundationInboxFlyoutTemplate",
+          "declaration": {
+            "name": "FoundationInboxFlyoutTemplate",
+            "module": "src/components/foundation-inbox/components/foundation-inbox-flyout/foundation-inbox-flyout.template.ts"
+          }
+        }
+      ]
+    },
+    {
+      "kind": "javascript-module",
+      "path": "src/components/foundation-inbox/components/foundation-inbox-flyout/foundation-inbox-flyout.ts",
+      "declarations": [
+        {
+          "kind": "class",
+          "description": "",
+          "name": "FoundationInboxFlyout",
+          "members": [
+            {
+              "kind": "field",
+              "name": "ready",
+              "type": {
+                "text": "boolean"
+              },
+              "default": "false"
+            },
+            {
+              "kind": "field",
+              "name": "flyout",
+              "type": {
+                "text": "Flyout"
+              }
+            },
+            {
+              "kind": "field",
+              "name": "flyoutClosed",
+              "type": {
+                "text": "boolean"
+              },
+              "default": "true"
+            },
+            {
+              "kind": "method",
+              "name": "open",
+              "privacy": "public"
+            },
+            {
+              "kind": "method",
+              "name": "close",
+              "privacy": "public"
+            },
+            {
+              "kind": "method",
+              "name": "loadRemotes"
+            },
+            {
+              "kind": "field",
               "name": "auth",
               "type": {
                 "text": "Auth"
@@ -6244,149 +6387,6 @@
         }
       ]
     },
-    {
-      "kind": "javascript-module",
-      "path": "src/components/foundation-inbox/components/foundation-inbox-counter/foundation-inbox-counter.styles.ts",
-      "declarations": [
-        {
-          "kind": "variable",
-          "name": "noItemsClass",
-          "type": {
-            "text": "string"
-          },
-          "default": "'no-items'",
-          "description": "Class to use when there are no items"
-        },
-        {
-          "kind": "variable",
-          "name": "FoundationInboxCounterStyles",
-          "default": "css`\n  :host {\n    display: inline-block;\n    min-width: 16px;\n    height: 16px;\n    border-radius: 9px;\n    text-align: center;\n    color: #fff;\n    line-height: 16px;\n    font-size: 9px;\n    font-weight: 700;\n    background: ${BACKGROUND_COLOR};\n    pointer-events: none;\n  }\n\n  .hidden {\n    visibility: hidden;\n  }\n\n  :host(.${noItemsClass}) {\n    display: none;\n  }\n`"
-        }
-      ],
-      "exports": [
-        {
-          "kind": "js",
-          "name": "noItemsClass",
-          "declaration": {
-            "name": "noItemsClass",
-            "module": "src/components/foundation-inbox/components/foundation-inbox-counter/foundation-inbox-counter.styles.ts"
-          }
-        },
-        {
-          "kind": "js",
-          "name": "FoundationInboxCounterStyles",
-          "declaration": {
-            "name": "FoundationInboxCounterStyles",
-            "module": "src/components/foundation-inbox/components/foundation-inbox-counter/foundation-inbox-counter.styles.ts"
-          }
-        }
-      ]
-    },
-    {
-      "kind": "javascript-module",
-      "path": "src/components/foundation-inbox/components/foundation-inbox-counter/foundation-inbox-counter.template.ts",
-      "declarations": [
-        {
-          "kind": "variable",
-          "name": "FoundationInboxCounterTemplate",
-          "default": "html<FoundationInboxCounter>`\n  <template class=\"${(x) => classNames([noItemsClass, x.value < 1])}\">\n    ${when(\n      (x) => x.value > 0,\n      html`\n        ${(x) => (x.value > MAX_NUMBER_TO_DISPLAY ? `${MAX_NUMBER_TO_DISPLAY}+` : x.value)}\n      `,\n    )}\n  </template>\n`"
-        }
-      ],
-      "exports": [
-        {
-          "kind": "js",
-          "name": "FoundationInboxCounterTemplate",
-          "declaration": {
-            "name": "FoundationInboxCounterTemplate",
-            "module": "src/components/foundation-inbox/components/foundation-inbox-counter/foundation-inbox-counter.template.ts"
-          }
-        }
-      ]
-    },
-    {
-      "kind": "javascript-module",
-      "path": "src/components/foundation-inbox/components/foundation-inbox-counter/foundation-inbox-counter.ts",
-      "declarations": [
-        {
-          "kind": "class",
-          "description": "",
-          "name": "FoundationInboxCounter",
-          "members": [
-            {
-              "kind": "field",
-              "name": "value",
-              "type": {
-                "text": "number"
-              },
-              "default": "0"
-            },
-            {
-              "kind": "field",
-              "name": "connect",
-              "type": {
-                "text": "Connect"
-              }
-            },
-            {
-              "kind": "field",
-              "name": "inboxService",
-              "type": {
-                "text": "FoundationInboxService"
-              }
-            },
-            {
-              "kind": "field",
-              "name": "connectionSub",
-              "type": {
-                "text": "Subscription"
-              },
-              "privacy": "private"
-            },
-            {
-              "kind": "method",
-              "name": "subscribeToAlerts",
-              "privacy": "private",
-              "return": {
-                "type": {
-                  "text": "Promise<void>"
-                }
-              },
-              "description": "Subscribes to alerts from the inbox service"
-            },
-            {
-              "kind": "field",
-              "name": "subscriptionHandler",
-              "privacy": "private",
-              "description": "Handles subscription updates from the inbox service"
-            }
-          ],
-          "superclass": {
-            "name": "GenesisElement",
-            "package": "@genesislcap/web-core"
-          },
-          "tagName": "foundation-inbox-counter",
-          "customElement": true
-        }
-      ],
-      "exports": [
-        {
-          "kind": "js",
-          "name": "FoundationInboxCounter",
-          "declaration": {
-            "name": "FoundationInboxCounter",
-            "module": "src/components/foundation-inbox/components/foundation-inbox-counter/foundation-inbox-counter.ts"
-          }
-        },
-        {
-          "kind": "custom-element-definition",
-          "name": "foundation-inbox-counter",
-          "declaration": {
-            "name": "FoundationInboxCounter",
-            "module": "src/components/foundation-inbox/components/foundation-inbox-counter/foundation-inbox-counter.ts"
-          }
-        }
-      ]
-    },
     {
       "kind": "javascript-module",
       "path": "src/components/foundation-notification-dashboard/components/notify-audit/notify-audit-management.ts",

package/dist/dts/react.d.ts

@@ -106,6 +106,15 @@ export declare const FoundationSounds: React.ForwardRefExoticComponent<
 >;
 export type FoundationSoundsRef = FoundationSoundsWC;
 
+export declare const FoundationInboxCounter: React.ForwardRefExoticComponent<
+  React.PropsWithChildren<
+    Omit<PublicOf<FoundationInboxCounterWC>, 'children' | 'style'> &
+    HTMLWCProps & {
+    }
+  > & React.RefAttributes<FoundationInboxCounterWC>
+>;
+export type FoundationInboxCounterRef = FoundationInboxCounterWC;
+
 export declare const FoundationInboxFlyout: React.ForwardRefExoticComponent<
   React.PropsWithChildren<
     Omit<PublicOf<FoundationInboxFlyoutWC>, 'children' | 'style'> &
@@ -126,15 +135,6 @@ export declare const InboxSubscription: React.ForwardRefExoticComponent<
 >;
 export type InboxSubscriptionRef = InboxSubscriptionWC;
 
-export declare const FoundationInboxCounter: React.ForwardRefExoticComponent<
-  React.PropsWithChildren<
-    Omit<PublicOf<FoundationInboxCounterWC>, 'children' | 'style'> &
-    HTMLWCProps & {
-    }
-  > & React.RefAttributes<FoundationInboxCounterWC>
->;
-export type FoundationInboxCounterRef = FoundationInboxCounterWC;
-
 export declare const NotifyAuditManagement: React.ForwardRefExoticComponent<
   React.PropsWithChildren<
     Omit<PublicOf<NotifyAuditManagementWC>, 'children' | 'style'> &

package/dist/react.cjs

@@ -67,6 +67,11 @@ const FoundationSounds = React.forwardRef(function FoundationSounds(props, ref)
   return React.createElement(customElements.getName(FoundationSoundsWC) ?? 'foundation-sounds', { ...rest, ref }, children);
 });
 
+const FoundationInboxCounter = React.forwardRef(function FoundationInboxCounter(props, ref) {
+  const { children, ...rest } = props;
+  return React.createElement(customElements.getName(FoundationInboxCounterWC) ?? 'foundation-inbox-counter', { ...rest, ref }, children);
+});
+
 const FoundationInboxFlyout = React.forwardRef(function FoundationInboxFlyout(props, ref) {
   const { children, ...rest } = props;
   return React.createElement(customElements.getName(FoundationInboxFlyoutWC) ?? 'foundation-inbox-flyout', { ...rest, ref }, children);
@@ -94,11 +99,6 @@ const InboxSubscription = React.forwardRef(function InboxSubscription(props, ref
   return React.createElement(customElements.getName(InboxSubscriptionWC) ?? 'inbox-subscription', { ...rest, ref: _mergeRefs(_innerRef, ref) }, children);
 });
 
-const FoundationInboxCounter = React.forwardRef(function FoundationInboxCounter(props, ref) {
-  const { children, ...rest } = props;
-  return React.createElement(customElements.getName(FoundationInboxCounterWC) ?? 'foundation-inbox-counter', { ...rest, ref }, children);
-});
-
 const NotifyAuditManagement = React.forwardRef(function NotifyAuditManagement(props, ref) {
   const { children, ...rest } = props;
   return React.createElement(customElements.getName(NotifyAuditManagementWC) ?? 'notify-audit-management', { ...rest, ref }, children);
@@ -316,9 +316,9 @@ module.exports = {
   FoundationNotificationDashboard,
   FoundationSoundsPanel,
   FoundationSounds,
+  FoundationInboxCounter,
   FoundationInboxFlyout,
   InboxSubscription,
-  FoundationInboxCounter,
   NotifyAuditManagement,
   RouteManagement,
   RuleManagement,

package/dist/react.mjs

@@ -65,6 +65,11 @@ export const FoundationSounds = React.forwardRef(function FoundationSounds(props
   return React.createElement(customElements.getName(FoundationSoundsWC) ?? 'foundation-sounds', { ...rest, ref }, children);
 });
 
+export const FoundationInboxCounter = React.forwardRef(function FoundationInboxCounter(props, ref) {
+  const { children, ...rest } = props;
+  return React.createElement(customElements.getName(FoundationInboxCounterWC) ?? 'foundation-inbox-counter', { ...rest, ref }, children);
+});
+
 export const FoundationInboxFlyout = React.forwardRef(function FoundationInboxFlyout(props, ref) {
   const { children, ...rest } = props;
   return React.createElement(customElements.getName(FoundationInboxFlyoutWC) ?? 'foundation-inbox-flyout', { ...rest, ref }, children);
@@ -92,11 +97,6 @@ export const InboxSubscription = React.forwardRef(function InboxSubscription(pro
   return React.createElement(customElements.getName(InboxSubscriptionWC) ?? 'inbox-subscription', { ...rest, ref: _mergeRefs(_innerRef, ref) }, children);
 });
 
-export const FoundationInboxCounter = React.forwardRef(function FoundationInboxCounter(props, ref) {
-  const { children, ...rest } = props;
-  return React.createElement(customElements.getName(FoundationInboxCounterWC) ?? 'foundation-inbox-counter', { ...rest, ref }, children);
-});
-
 export const NotifyAuditManagement = React.forwardRef(function NotifyAuditManagement(props, ref) {
   const { children, ...rest } = props;
   return React.createElement(customElements.getName(NotifyAuditManagementWC) ?? 'notify-audit-management', { ...rest, ref }, children);

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@genesislcap/pbc-notify-ui",
   "description": "Genesis PBC Notify UI",
-  "version": "15.21.0",
+  "version": "15.22.0",
   "license": "SEE LICENSE IN license.txt",
   "workspaces": [
     "client"
@@ -81,30 +81,30 @@
     "@commitlint/cli": "^19.2.1",
     "@commitlint/config-conventional": "^19.1.0",
     "@commitlint/format": "^19.0.3",
-    "@genesislcap/design-system-configurator": "15.21.0",
-    "@genesislcap/eslint-config": "15.21.0",
-    "@genesislcap/eslint-stylelint-builder": "15.21.0",
-    "@genesislcap/foundation-testing": "15.21.0",
-    "@genesislcap/genx": "15.21.0",
-    "@genesislcap/prettier-config": "15.21.0",
-    "@genesislcap/stylelint-config": "15.21.0",
-    "@genesislcap/vite-builder": "15.21.0",
-    "@genesislcap/webpack-builder": "15.21.0",
+    "@genesislcap/design-system-configurator": "15.22.0",
+    "@genesislcap/eslint-config": "15.22.0",
+    "@genesislcap/eslint-stylelint-builder": "15.22.0",
+    "@genesislcap/foundation-testing": "15.22.0",
+    "@genesislcap/genx": "15.22.0",
+    "@genesislcap/prettier-config": "15.22.0",
+    "@genesislcap/stylelint-config": "15.22.0",
+    "@genesislcap/vite-builder": "15.22.0",
+    "@genesislcap/webpack-builder": "15.22.0",
     "dayjs": "^1.11.7"
   },
   "dependencies": {
-    "@genesislcap/foundation-comms": "15.21.0",
-    "@genesislcap/foundation-criteria": "15.21.0",
-    "@genesislcap/foundation-entity-management": "15.21.0",
-    "@genesislcap/foundation-forms": "15.21.0",
-    "@genesislcap/foundation-layout": "15.21.0",
-    "@genesislcap/foundation-logger": "15.21.0",
-    "@genesislcap/foundation-notifications": "15.21.0",
-    "@genesislcap/foundation-ui": "15.21.0",
-    "@genesislcap/foundation-utils": "15.21.0",
-    "@genesislcap/rapid-design-system": "15.21.0",
-    "@genesislcap/rapid-grid-pro": "15.21.0",
-    "@genesislcap/web-core": "15.21.0",
+    "@genesislcap/foundation-comms": "15.22.0",
+    "@genesislcap/foundation-criteria": "15.22.0",
+    "@genesislcap/foundation-entity-management": "15.22.0",
+    "@genesislcap/foundation-forms": "15.22.0",
+    "@genesislcap/foundation-layout": "15.22.0",
+    "@genesislcap/foundation-logger": "15.22.0",
+    "@genesislcap/foundation-notifications": "15.22.0",
+    "@genesislcap/foundation-ui": "15.22.0",
+    "@genesislcap/foundation-utils": "15.22.0",
+    "@genesislcap/rapid-design-system": "15.22.0",
+    "@genesislcap/rapid-grid-pro": "15.22.0",
+    "@genesislcap/web-core": "15.22.0",
     "lodash.debounce": "^4.0.8",
     "rxjs": "^7.5.4"
   },