@genesislcap/rapid-design-system 14.458.0 → 14.458.1-GENC-0.2

package/dist/custom-elements.json

@@ -751,27 +751,6 @@
         }
       ]
     },
-    {
-      "kind": "javascript-module",
-      "path": "src/_common/color.hex.ts",
-      "declarations": [],
-      "exports": []
-    },
-    {
-      "kind": "javascript-module",
-      "path": "src/_common/index.ts",
-      "declarations": [],
-      "exports": [
-        {
-          "kind": "js",
-          "name": "*",
-          "declaration": {
-            "name": "*",
-            "package": "./color.hex"
-          }
-        }
-      ]
-    },
     {
       "kind": "javascript-module",
       "path": "src/_config/configure.ts",
@@ -854,11 +833,32 @@
     },
     {
       "kind": "javascript-module",
-      "path": "src/accordion-item/accordion-item.styles.ts",
+      "path": "src/_common/color.hex.ts",
+      "declarations": [],
+      "exports": []
+    },
+    {
+      "kind": "javascript-module",
+      "path": "src/_common/index.ts",
+      "declarations": [],
+      "exports": [
+        {
+          "kind": "js",
+          "name": "*",
+          "declaration": {
+            "name": "*",
+            "package": "./color.hex"
+          }
+        }
+      ]
+    },
+    {
+      "kind": "javascript-module",
+      "path": "src/accordion/accordion.styles.ts",
       "declarations": [
         {
           "kind": "function",
-          "name": "rapidAccordionItemStyles",
+          "name": "rapidAccordionStyles",
           "return": {
             "type": {
               "text": "ElementStyles"
@@ -883,24 +883,24 @@
       "exports": [
         {
           "kind": "js",
-          "name": "rapidAccordionItemStyles",
+          "name": "rapidAccordionStyles",
           "declaration": {
-            "name": "rapidAccordionItemStyles",
-            "module": "src/accordion-item/accordion-item.styles.ts"
+            "name": "rapidAccordionStyles",
+            "module": "src/accordion/accordion.styles.ts"
           }
         }
       ]
     },
     {
       "kind": "javascript-module",
-      "path": "src/accordion-item/accordion-item.template.ts",
+      "path": "src/accordion/accordion.template.ts",
       "declarations": [
         {
           "kind": "function",
-          "name": "rapidAccordionItemTemplate",
+          "name": "rapidAccordionTemplate",
           "return": {
             "type": {
-              "text": "ViewTemplate<AccordionItem>"
+              "text": "ViewTemplate<Accordion>"
             }
           },
           "parameters": [
@@ -922,56 +922,56 @@
       "exports": [
         {
           "kind": "js",
-          "name": "rapidAccordionItemTemplate",
+          "name": "rapidAccordionTemplate",
           "declaration": {
-            "name": "rapidAccordionItemTemplate",
-            "module": "src/accordion-item/accordion-item.template.ts"
+            "name": "rapidAccordionTemplate",
+            "module": "src/accordion/accordion.template.ts"
           }
         }
       ]
     },
     {
       "kind": "javascript-module",
-      "path": "src/accordion-item/accordion-item.ts",
+      "path": "src/accordion/accordion.ts",
       "declarations": [
         {
           "kind": "class",
           "description": "",
-          "name": "AccordionItem",
+          "name": "Accordion",
           "superclass": {
-            "name": "foundationAccordionItem",
+            "name": "foundationAccordion",
             "package": "@genesislcap/foundation-ui"
           },
-          "tagName": "%%prefix%%-accordion-item",
+          "tagName": "%%prefix%%-accordion",
           "customElement": true
         },
         {
           "kind": "variable",
-          "name": "rapidAccordionItem"
+          "name": "rapidAccordion"
         }
       ],
       "exports": [
         {
           "kind": "js",
-          "name": "AccordionItem",
+          "name": "Accordion",
           "declaration": {
-            "name": "AccordionItem",
-            "module": "src/accordion-item/accordion-item.ts"
+            "name": "Accordion",
+            "module": "src/accordion/accordion.ts"
           }
         },
         {
           "kind": "js",
-          "name": "rapidAccordionItem",
+          "name": "rapidAccordion",
           "declaration": {
-            "name": "rapidAccordionItem",
-            "module": "src/accordion-item/accordion-item.ts"
+            "name": "rapidAccordion",
+            "module": "src/accordion/accordion.ts"
           }
         }
       ]
     },
     {
       "kind": "javascript-module",
-      "path": "src/accordion-item/index.ts",
+      "path": "src/accordion/index.ts",
       "declarations": [],
       "exports": [
         {
@@ -979,7 +979,7 @@
           "name": "*",
           "declaration": {
             "name": "*",
-            "package": "./accordion-item"
+            "package": "./accordion"
           }
         },
         {
@@ -987,7 +987,7 @@
           "name": "*",
           "declaration": {
             "name": "*",
-            "package": "./accordion-item.styles"
+            "package": "./accordion.styles"
           }
         },
         {
@@ -995,18 +995,18 @@
           "name": "*",
           "declaration": {
             "name": "*",
-            "package": "./accordion-item.template"
+            "package": "./accordion.template"
           }
         }
       ]
     },
     {
       "kind": "javascript-module",
-      "path": "src/accordion/accordion.styles.ts",
+      "path": "src/accordion-item/accordion-item.styles.ts",
       "declarations": [
         {
           "kind": "function",
-          "name": "rapidAccordionStyles",
+          "name": "rapidAccordionItemStyles",
           "return": {
             "type": {
               "text": "ElementStyles"
@@ -1031,24 +1031,24 @@
       "exports": [
         {
           "kind": "js",
-          "name": "rapidAccordionStyles",
+          "name": "rapidAccordionItemStyles",
           "declaration": {
-            "name": "rapidAccordionStyles",
-            "module": "src/accordion/accordion.styles.ts"
+            "name": "rapidAccordionItemStyles",
+            "module": "src/accordion-item/accordion-item.styles.ts"
           }
         }
       ]
     },
     {
       "kind": "javascript-module",
-      "path": "src/accordion/accordion.template.ts",
+      "path": "src/accordion-item/accordion-item.template.ts",
       "declarations": [
         {
           "kind": "function",
-          "name": "rapidAccordionTemplate",
+          "name": "rapidAccordionItemTemplate",
           "return": {
             "type": {
-              "text": "ViewTemplate<Accordion>"
+              "text": "ViewTemplate<AccordionItem>"
             }
           },
           "parameters": [
@@ -1070,56 +1070,56 @@
       "exports": [
         {
           "kind": "js",
-          "name": "rapidAccordionTemplate",
+          "name": "rapidAccordionItemTemplate",
           "declaration": {
-            "name": "rapidAccordionTemplate",
-            "module": "src/accordion/accordion.template.ts"
+            "name": "rapidAccordionItemTemplate",
+            "module": "src/accordion-item/accordion-item.template.ts"
           }
         }
       ]
     },
     {
       "kind": "javascript-module",
-      "path": "src/accordion/accordion.ts",
+      "path": "src/accordion-item/accordion-item.ts",
       "declarations": [
         {
           "kind": "class",
           "description": "",
-          "name": "Accordion",
+          "name": "AccordionItem",
           "superclass": {
-            "name": "foundationAccordion",
+            "name": "foundationAccordionItem",
             "package": "@genesislcap/foundation-ui"
           },
-          "tagName": "%%prefix%%-accordion",
+          "tagName": "%%prefix%%-accordion-item",
           "customElement": true
         },
         {
           "kind": "variable",
-          "name": "rapidAccordion"
+          "name": "rapidAccordionItem"
         }
       ],
       "exports": [
         {
           "kind": "js",
-          "name": "Accordion",
+          "name": "AccordionItem",
           "declaration": {
-            "name": "Accordion",
-            "module": "src/accordion/accordion.ts"
+            "name": "AccordionItem",
+            "module": "src/accordion-item/accordion-item.ts"
           }
         },
         {
           "kind": "js",
-          "name": "rapidAccordion",
+          "name": "rapidAccordionItem",
           "declaration": {
-            "name": "rapidAccordion",
-            "module": "src/accordion/accordion.ts"
+            "name": "rapidAccordionItem",
+            "module": "src/accordion-item/accordion-item.ts"
           }
         }
       ]
     },
     {
       "kind": "javascript-module",
-      "path": "src/accordion/index.ts",
+      "path": "src/accordion-item/index.ts",
       "declarations": [],
       "exports": [
         {
@@ -1127,7 +1127,7 @@
           "name": "*",
           "declaration": {
             "name": "*",
-            "package": "./accordion"
+            "package": "./accordion-item"
           }
         },
         {
@@ -1135,7 +1135,7 @@
           "name": "*",
           "declaration": {
             "name": "*",
-            "package": "./accordion.styles"
+            "package": "./accordion-item.styles"
           }
         },
         {
@@ -1143,7 +1143,7 @@
           "name": "*",
           "declaration": {
             "name": "*",
-            "package": "./accordion.template"
+            "package": "./accordion-item.template"
           }
         }
       ]

package/dist/dts/react.d.ts

@@ -115,23 +115,23 @@ interface HTMLWCProps extends React.AriaAttributes {
   onInput?(e: Event): void;
 }
 
-export declare const AccordionItem: React.ForwardRefExoticComponent<
+export declare const Accordion: React.ForwardRefExoticComponent<
   React.PropsWithChildren<
-    Omit<PublicOf<AccordionItemWC>, 'children' | 'style'> &
+    Omit<PublicOf<AccordionWC>, 'children' | 'style'> &
     HTMLWCProps & {
     }
-  > & React.RefAttributes<AccordionItemWC>
+  > & React.RefAttributes<AccordionWC>
 >;
-export type AccordionItemRef = AccordionItemWC;
+export type AccordionRef = AccordionWC;
 
-export declare const Accordion: React.ForwardRefExoticComponent<
+export declare const AccordionItem: React.ForwardRefExoticComponent<
   React.PropsWithChildren<
-    Omit<PublicOf<AccordionWC>, 'children' | 'style'> &
+    Omit<PublicOf<AccordionItemWC>, 'children' | 'style'> &
     HTMLWCProps & {
     }
-  > & React.RefAttributes<AccordionWC>
+  > & React.RefAttributes<AccordionItemWC>
 >;
-export type AccordionRef = AccordionWC;
+export type AccordionItemRef = AccordionItemWC;
 
 export declare const ActionsMenu: React.ForwardRefExoticComponent<
   React.PropsWithChildren<
@@ -240,6 +240,7 @@ export declare const Calendar: React.ForwardRefExoticComponent<
   React.PropsWithChildren<
     Omit<PublicOf<CalendarWC>, 'children' | 'style'> &
     HTMLWCProps & {
+      onDateselected?: (event: CustomEvent<unknown>) => void;
     }
   > & React.RefAttributes<CalendarWC>
 >;
@@ -375,6 +376,12 @@ export declare const RapidRuleExpressionBuilder: React.ForwardRefExoticComponent
   React.PropsWithChildren<
     Omit<PublicOf<RapidRuleExpressionBuilderWC>, 'children' | 'style'> &
     HTMLWCProps & {
+      onAddGroup?: (event: CustomEvent<unknown>) => void;
+      onDelGroup?: (event: CustomEvent<unknown>) => void;
+      onAddRule?: (event: CustomEvent<unknown>) => void;
+      onDelRule?: (event: CustomEvent<unknown>) => void;
+      onUpdateGroup?: (event: CustomEvent<unknown>) => void;
+      onUpdateRule?: (event: CustomEvent<unknown>) => void;
     }
   > & React.RefAttributes<RapidRuleExpressionBuilderWC>
 >;
@@ -384,6 +391,12 @@ export declare const RapidValueExpressionBuilder: React.ForwardRefExoticComponen
   React.PropsWithChildren<
     Omit<PublicOf<RapidValueExpressionBuilderWC>, 'children' | 'style'> &
     HTMLWCProps & {
+      onAddGroup?: (event: CustomEvent<unknown>) => void;
+      onDelGroup?: (event: CustomEvent<unknown>) => void;
+      onAddRule?: (event: CustomEvent<unknown>) => void;
+      onDelRule?: (event: CustomEvent<unknown>) => void;
+      onUpdateGroup?: (event: CustomEvent<unknown>) => void;
+      onUpdateRule?: (event: CustomEvent<unknown>) => void;
     }
   > & React.RefAttributes<RapidValueExpressionBuilderWC>
 >;
@@ -840,6 +853,7 @@ export declare const Tooltip: React.ForwardRefExoticComponent<
   React.PropsWithChildren<
     Omit<PublicOf<TooltipWC>, 'children' | 'style'> &
     HTMLWCProps & {
+      onDismiss?: (event: CustomEvent<unknown>) => void;
     }
   > & React.RefAttributes<TooltipWC>
 >;

package/dist/react.cjs

@@ -97,14 +97,14 @@ function _mergeRefs(...refs) {
   };
 }
 
-const AccordionItem = React.forwardRef(function AccordionItem(props, ref) {
+const Accordion = React.forwardRef(function Accordion(props, ref) {
   const { children, ...rest } = props;
-  return React.createElement(customElements.getName(AccordionItemWC) ?? '%%prefix%%-accordion-item', { ...rest, ref }, children);
+  return React.createElement(customElements.getName(AccordionWC) ?? '%%prefix%%-accordion', { ...rest, ref }, children);
 });
 
-const Accordion = React.forwardRef(function Accordion(props, ref) {
+const AccordionItem = React.forwardRef(function AccordionItem(props, ref) {
   const { children, ...rest } = props;
-  return React.createElement(customElements.getName(AccordionWC) ?? '%%prefix%%-accordion', { ...rest, ref }, children);
+  return React.createElement(customElements.getName(AccordionItemWC) ?? '%%prefix%%-accordion-item', { ...rest, ref }, children);
 });
 
 const ActionsMenu = React.forwardRef(function ActionsMenu(props, ref) {
@@ -197,8 +197,20 @@ const Button = React.forwardRef(function Button(props, ref) {
 });
 
 const Calendar = React.forwardRef(function Calendar(props, ref) {
-  const { children, ...rest } = props;
-  return React.createElement(customElements.getName(CalendarWC) ?? '%%prefix%%-calendar', { ...rest, ref }, children);
+  const { onDateselected, children, ...rest } = props;
+  const _innerRef = React.useRef(null);
+  const _onDateselectedRef = React.useRef(onDateselected);
+  _onDateselectedRef.current = onDateselected;
+  React.useLayoutEffect(() => {
+    const el = _innerRef.current;
+    if (!el) return;
+    const _onDateselectedFn = (e) => _onDateselectedRef.current?.(e);
+    el.addEventListener('dateselected', _onDateselectedFn);
+    return () => {
+      el.removeEventListener('dateselected', _onDateselectedFn);
+    };
+  }, []);
+  return React.createElement(customElements.getName(CalendarWC) ?? '%%prefix%%-calendar', { ...rest, ref: _mergeRefs(_innerRef, ref) }, children);
 });
 
 const Card = React.forwardRef(function Card(props, ref) {
@@ -340,13 +352,87 @@ const RapidExpressionBuilder = React.forwardRef(function RapidExpressionBuilder(
 });
 
 const RapidRuleExpressionBuilder = React.forwardRef(function RapidRuleExpressionBuilder(props, ref) {
-  const { children, ...rest } = props;
-  return React.createElement(customElements.getName(RapidRuleExpressionBuilderWC) ?? 'rapid-rule-expression-builder', { ...rest, ref }, children);
+  const { onAddGroup, onDelGroup, onAddRule, onDelRule, onUpdateGroup, onUpdateRule, children, ...rest } = props;
+  const _innerRef = React.useRef(null);
+  const _onAddGroupRef = React.useRef(onAddGroup);
+  _onAddGroupRef.current = onAddGroup;
+  const _onDelGroupRef = React.useRef(onDelGroup);
+  _onDelGroupRef.current = onDelGroup;
+  const _onAddRuleRef = React.useRef(onAddRule);
+  _onAddRuleRef.current = onAddRule;
+  const _onDelRuleRef = React.useRef(onDelRule);
+  _onDelRuleRef.current = onDelRule;
+  const _onUpdateGroupRef = React.useRef(onUpdateGroup);
+  _onUpdateGroupRef.current = onUpdateGroup;
+  const _onUpdateRuleRef = React.useRef(onUpdateRule);
+  _onUpdateRuleRef.current = onUpdateRule;
+  React.useLayoutEffect(() => {
+    const el = _innerRef.current;
+    if (!el) return;
+    const _onAddGroupFn = (e) => _onAddGroupRef.current?.(e);
+    el.addEventListener('add-group', _onAddGroupFn);
+    const _onDelGroupFn = (e) => _onDelGroupRef.current?.(e);
+    el.addEventListener('del-group', _onDelGroupFn);
+    const _onAddRuleFn = (e) => _onAddRuleRef.current?.(e);
+    el.addEventListener('add-rule', _onAddRuleFn);
+    const _onDelRuleFn = (e) => _onDelRuleRef.current?.(e);
+    el.addEventListener('del-rule', _onDelRuleFn);
+    const _onUpdateGroupFn = (e) => _onUpdateGroupRef.current?.(e);
+    el.addEventListener('update-group', _onUpdateGroupFn);
+    const _onUpdateRuleFn = (e) => _onUpdateRuleRef.current?.(e);
+    el.addEventListener('update-rule', _onUpdateRuleFn);
+    return () => {
+      el.removeEventListener('add-group', _onAddGroupFn);
+      el.removeEventListener('del-group', _onDelGroupFn);
+      el.removeEventListener('add-rule', _onAddRuleFn);
+      el.removeEventListener('del-rule', _onDelRuleFn);
+      el.removeEventListener('update-group', _onUpdateGroupFn);
+      el.removeEventListener('update-rule', _onUpdateRuleFn);
+    };
+  }, []);
+  return React.createElement(customElements.getName(RapidRuleExpressionBuilderWC) ?? 'rapid-rule-expression-builder', { ...rest, ref: _mergeRefs(_innerRef, ref) }, children);
 });
 
 const RapidValueExpressionBuilder = React.forwardRef(function RapidValueExpressionBuilder(props, ref) {
-  const { children, ...rest } = props;
-  return React.createElement(customElements.getName(RapidValueExpressionBuilderWC) ?? 'rapid-value-expression-builder', { ...rest, ref }, children);
+  const { onAddGroup, onDelGroup, onAddRule, onDelRule, onUpdateGroup, onUpdateRule, children, ...rest } = props;
+  const _innerRef = React.useRef(null);
+  const _onAddGroupRef = React.useRef(onAddGroup);
+  _onAddGroupRef.current = onAddGroup;
+  const _onDelGroupRef = React.useRef(onDelGroup);
+  _onDelGroupRef.current = onDelGroup;
+  const _onAddRuleRef = React.useRef(onAddRule);
+  _onAddRuleRef.current = onAddRule;
+  const _onDelRuleRef = React.useRef(onDelRule);
+  _onDelRuleRef.current = onDelRule;
+  const _onUpdateGroupRef = React.useRef(onUpdateGroup);
+  _onUpdateGroupRef.current = onUpdateGroup;
+  const _onUpdateRuleRef = React.useRef(onUpdateRule);
+  _onUpdateRuleRef.current = onUpdateRule;
+  React.useLayoutEffect(() => {
+    const el = _innerRef.current;
+    if (!el) return;
+    const _onAddGroupFn = (e) => _onAddGroupRef.current?.(e);
+    el.addEventListener('add-group', _onAddGroupFn);
+    const _onDelGroupFn = (e) => _onDelGroupRef.current?.(e);
+    el.addEventListener('del-group', _onDelGroupFn);
+    const _onAddRuleFn = (e) => _onAddRuleRef.current?.(e);
+    el.addEventListener('add-rule', _onAddRuleFn);
+    const _onDelRuleFn = (e) => _onDelRuleRef.current?.(e);
+    el.addEventListener('del-rule', _onDelRuleFn);
+    const _onUpdateGroupFn = (e) => _onUpdateGroupRef.current?.(e);
+    el.addEventListener('update-group', _onUpdateGroupFn);
+    const _onUpdateRuleFn = (e) => _onUpdateRuleRef.current?.(e);
+    el.addEventListener('update-rule', _onUpdateRuleFn);
+    return () => {
+      el.removeEventListener('add-group', _onAddGroupFn);
+      el.removeEventListener('del-group', _onDelGroupFn);
+      el.removeEventListener('add-rule', _onAddRuleFn);
+      el.removeEventListener('del-rule', _onDelRuleFn);
+      el.removeEventListener('update-group', _onUpdateGroupFn);
+      el.removeEventListener('update-rule', _onUpdateRuleFn);
+    };
+  }, []);
+  return React.createElement(customElements.getName(RapidValueExpressionBuilderWC) ?? 'rapid-value-expression-builder', { ...rest, ref: _mergeRefs(_innerRef, ref) }, children);
 });
 
 const FileUpload = React.forwardRef(function FileUpload(props, ref) {
@@ -782,8 +868,20 @@ const Toolbar = React.forwardRef(function Toolbar(props, ref) {
 });
 
 const Tooltip = React.forwardRef(function Tooltip(props, ref) {
-  const { children, ...rest } = props;
-  return React.createElement(customElements.getName(TooltipWC) ?? '%%prefix%%-tooltip', { ...rest, ref }, children);
+  const { onDismiss, children, ...rest } = props;
+  const _innerRef = React.useRef(null);
+  const _onDismissRef = React.useRef(onDismiss);
+  _onDismissRef.current = onDismiss;
+  React.useLayoutEffect(() => {
+    const el = _innerRef.current;
+    if (!el) return;
+    const _onDismissFn = (e) => _onDismissRef.current?.(e);
+    el.addEventListener('dismiss', _onDismissFn);
+    return () => {
+      el.removeEventListener('dismiss', _onDismissFn);
+    };
+  }, []);
+  return React.createElement(customElements.getName(TooltipWC) ?? '%%prefix%%-tooltip', { ...rest, ref: _mergeRefs(_innerRef, ref) }, children);
 });
 
 const TreeItem = React.forwardRef(function TreeItem(props, ref) {
@@ -824,8 +922,8 @@ const SystemHealthOverlay = React.forwardRef(function SystemHealthOverlay(props,
 });
 
 module.exports = {
-  AccordionItem,
   Accordion,
+  AccordionItem,
   ActionsMenu,
   AiCriteriaSearch,
   AiIndicator,

package/dist/react.mjs

@@ -95,14 +95,14 @@ function _mergeRefs(...refs) {
   };
 }
 
-export const AccordionItem = React.forwardRef(function AccordionItem(props, ref) {
+export const Accordion = React.forwardRef(function Accordion(props, ref) {
   const { children, ...rest } = props;
-  return React.createElement(customElements.getName(AccordionItemWC) ?? '%%prefix%%-accordion-item', { ...rest, ref }, children);
+  return React.createElement(customElements.getName(AccordionWC) ?? '%%prefix%%-accordion', { ...rest, ref }, children);
 });
 
-export const Accordion = React.forwardRef(function Accordion(props, ref) {
+export const AccordionItem = React.forwardRef(function AccordionItem(props, ref) {
   const { children, ...rest } = props;
-  return React.createElement(customElements.getName(AccordionWC) ?? '%%prefix%%-accordion', { ...rest, ref }, children);
+  return React.createElement(customElements.getName(AccordionItemWC) ?? '%%prefix%%-accordion-item', { ...rest, ref }, children);
 });
 
 export const ActionsMenu = React.forwardRef(function ActionsMenu(props, ref) {
@@ -195,8 +195,20 @@ export const Button = React.forwardRef(function Button(props, ref) {
 });
 
 export const Calendar = React.forwardRef(function Calendar(props, ref) {
-  const { children, ...rest } = props;
-  return React.createElement(customElements.getName(CalendarWC) ?? '%%prefix%%-calendar', { ...rest, ref }, children);
+  const { onDateselected, children, ...rest } = props;
+  const _innerRef = React.useRef(null);
+  const _onDateselectedRef = React.useRef(onDateselected);
+  _onDateselectedRef.current = onDateselected;
+  React.useLayoutEffect(() => {
+    const el = _innerRef.current;
+    if (!el) return;
+    const _onDateselectedFn = (e) => _onDateselectedRef.current?.(e);
+    el.addEventListener('dateselected', _onDateselectedFn);
+    return () => {
+      el.removeEventListener('dateselected', _onDateselectedFn);
+    };
+  }, []);
+  return React.createElement(customElements.getName(CalendarWC) ?? '%%prefix%%-calendar', { ...rest, ref: _mergeRefs(_innerRef, ref) }, children);
 });
 
 export const Card = React.forwardRef(function Card(props, ref) {
@@ -338,13 +350,87 @@ export const RapidExpressionBuilder = React.forwardRef(function RapidExpressionB
 });
 
 export const RapidRuleExpressionBuilder = React.forwardRef(function RapidRuleExpressionBuilder(props, ref) {
-  const { children, ...rest } = props;
-  return React.createElement(customElements.getName(RapidRuleExpressionBuilderWC) ?? 'rapid-rule-expression-builder', { ...rest, ref }, children);
+  const { onAddGroup, onDelGroup, onAddRule, onDelRule, onUpdateGroup, onUpdateRule, children, ...rest } = props;
+  const _innerRef = React.useRef(null);
+  const _onAddGroupRef = React.useRef(onAddGroup);
+  _onAddGroupRef.current = onAddGroup;
+  const _onDelGroupRef = React.useRef(onDelGroup);
+  _onDelGroupRef.current = onDelGroup;
+  const _onAddRuleRef = React.useRef(onAddRule);
+  _onAddRuleRef.current = onAddRule;
+  const _onDelRuleRef = React.useRef(onDelRule);
+  _onDelRuleRef.current = onDelRule;
+  const _onUpdateGroupRef = React.useRef(onUpdateGroup);
+  _onUpdateGroupRef.current = onUpdateGroup;
+  const _onUpdateRuleRef = React.useRef(onUpdateRule);
+  _onUpdateRuleRef.current = onUpdateRule;
+  React.useLayoutEffect(() => {
+    const el = _innerRef.current;
+    if (!el) return;
+    const _onAddGroupFn = (e) => _onAddGroupRef.current?.(e);
+    el.addEventListener('add-group', _onAddGroupFn);
+    const _onDelGroupFn = (e) => _onDelGroupRef.current?.(e);
+    el.addEventListener('del-group', _onDelGroupFn);
+    const _onAddRuleFn = (e) => _onAddRuleRef.current?.(e);
+    el.addEventListener('add-rule', _onAddRuleFn);
+    const _onDelRuleFn = (e) => _onDelRuleRef.current?.(e);
+    el.addEventListener('del-rule', _onDelRuleFn);
+    const _onUpdateGroupFn = (e) => _onUpdateGroupRef.current?.(e);
+    el.addEventListener('update-group', _onUpdateGroupFn);
+    const _onUpdateRuleFn = (e) => _onUpdateRuleRef.current?.(e);
+    el.addEventListener('update-rule', _onUpdateRuleFn);
+    return () => {
+      el.removeEventListener('add-group', _onAddGroupFn);
+      el.removeEventListener('del-group', _onDelGroupFn);
+      el.removeEventListener('add-rule', _onAddRuleFn);
+      el.removeEventListener('del-rule', _onDelRuleFn);
+      el.removeEventListener('update-group', _onUpdateGroupFn);
+      el.removeEventListener('update-rule', _onUpdateRuleFn);
+    };
+  }, []);
+  return React.createElement(customElements.getName(RapidRuleExpressionBuilderWC) ?? 'rapid-rule-expression-builder', { ...rest, ref: _mergeRefs(_innerRef, ref) }, children);
 });
 
 export const RapidValueExpressionBuilder = React.forwardRef(function RapidValueExpressionBuilder(props, ref) {
-  const { children, ...rest } = props;
-  return React.createElement(customElements.getName(RapidValueExpressionBuilderWC) ?? 'rapid-value-expression-builder', { ...rest, ref }, children);
+  const { onAddGroup, onDelGroup, onAddRule, onDelRule, onUpdateGroup, onUpdateRule, children, ...rest } = props;
+  const _innerRef = React.useRef(null);
+  const _onAddGroupRef = React.useRef(onAddGroup);
+  _onAddGroupRef.current = onAddGroup;
+  const _onDelGroupRef = React.useRef(onDelGroup);
+  _onDelGroupRef.current = onDelGroup;
+  const _onAddRuleRef = React.useRef(onAddRule);
+  _onAddRuleRef.current = onAddRule;
+  const _onDelRuleRef = React.useRef(onDelRule);
+  _onDelRuleRef.current = onDelRule;
+  const _onUpdateGroupRef = React.useRef(onUpdateGroup);
+  _onUpdateGroupRef.current = onUpdateGroup;
+  const _onUpdateRuleRef = React.useRef(onUpdateRule);
+  _onUpdateRuleRef.current = onUpdateRule;
+  React.useLayoutEffect(() => {
+    const el = _innerRef.current;
+    if (!el) return;
+    const _onAddGroupFn = (e) => _onAddGroupRef.current?.(e);
+    el.addEventListener('add-group', _onAddGroupFn);
+    const _onDelGroupFn = (e) => _onDelGroupRef.current?.(e);
+    el.addEventListener('del-group', _onDelGroupFn);
+    const _onAddRuleFn = (e) => _onAddRuleRef.current?.(e);
+    el.addEventListener('add-rule', _onAddRuleFn);
+    const _onDelRuleFn = (e) => _onDelRuleRef.current?.(e);
+    el.addEventListener('del-rule', _onDelRuleFn);
+    const _onUpdateGroupFn = (e) => _onUpdateGroupRef.current?.(e);
+    el.addEventListener('update-group', _onUpdateGroupFn);
+    const _onUpdateRuleFn = (e) => _onUpdateRuleRef.current?.(e);
+    el.addEventListener('update-rule', _onUpdateRuleFn);
+    return () => {
+      el.removeEventListener('add-group', _onAddGroupFn);
+      el.removeEventListener('del-group', _onDelGroupFn);
+      el.removeEventListener('add-rule', _onAddRuleFn);
+      el.removeEventListener('del-rule', _onDelRuleFn);
+      el.removeEventListener('update-group', _onUpdateGroupFn);
+      el.removeEventListener('update-rule', _onUpdateRuleFn);
+    };
+  }, []);
+  return React.createElement(customElements.getName(RapidValueExpressionBuilderWC) ?? 'rapid-value-expression-builder', { ...rest, ref: _mergeRefs(_innerRef, ref) }, children);
 });
 
 export const FileUpload = React.forwardRef(function FileUpload(props, ref) {
@@ -780,8 +866,20 @@ export const Toolbar = React.forwardRef(function Toolbar(props, ref) {
 });
 
 export const Tooltip = React.forwardRef(function Tooltip(props, ref) {
-  const { children, ...rest } = props;
-  return React.createElement(customElements.getName(TooltipWC) ?? '%%prefix%%-tooltip', { ...rest, ref }, children);
+  const { onDismiss, children, ...rest } = props;
+  const _innerRef = React.useRef(null);
+  const _onDismissRef = React.useRef(onDismiss);
+  _onDismissRef.current = onDismiss;
+  React.useLayoutEffect(() => {
+    const el = _innerRef.current;
+    if (!el) return;
+    const _onDismissFn = (e) => _onDismissRef.current?.(e);
+    el.addEventListener('dismiss', _onDismissFn);
+    return () => {
+      el.removeEventListener('dismiss', _onDismissFn);
+    };
+  }, []);
+  return React.createElement(customElements.getName(TooltipWC) ?? '%%prefix%%-tooltip', { ...rest, ref: _mergeRefs(_innerRef, ref) }, children);
 });
 
 export const TreeItem = React.forwardRef(function TreeItem(props, ref) {

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@genesislcap/rapid-design-system",
   "description": "Rapid Design System",
-  "version": "14.458.0",
+  "version": "14.458.1-GENC-0.2",
   "sideEffects": false,
   "license": "SEE LICENSE IN license.txt",
   "main": "dist/esm/index.js",
@@ -35,17 +35,17 @@
   },
   "devDependencies": {
     "@genesiscommunitysuccess/analyzer-import-alias-plugin": "^5.0.3",
-    "@genesislcap/genx": "14.458.0",
-    "@genesislcap/rollup-builder": "14.458.0",
-    "@genesislcap/ts-builder": "14.458.0",
-    "@genesislcap/uvu-playwright-builder": "14.458.0",
-    "@genesislcap/vite-builder": "14.458.0",
-    "@genesislcap/webpack-builder": "14.458.0"
+    "@genesislcap/genx": "14.458.1-GENC-0.2",
+    "@genesislcap/rollup-builder": "14.458.1-GENC-0.2",
+    "@genesislcap/ts-builder": "14.458.1-GENC-0.2",
+    "@genesislcap/uvu-playwright-builder": "14.458.1-GENC-0.2",
+    "@genesislcap/vite-builder": "14.458.1-GENC-0.2",
+    "@genesislcap/webpack-builder": "14.458.1-GENC-0.2"
   },
   "dependencies": {
-    "@genesislcap/foundation-logger": "14.458.0",
-    "@genesislcap/foundation-ui": "14.458.0",
-    "@genesislcap/foundation-utils": "14.458.0",
+    "@genesislcap/foundation-logger": "14.458.1-GENC-0.2",
+    "@genesislcap/foundation-ui": "14.458.1-GENC-0.2",
+    "@genesislcap/foundation-utils": "14.458.1-GENC-0.2",
     "@microsoft/fast-colors": "5.3.1",
     "@microsoft/fast-components": "2.30.6",
     "@microsoft/fast-element": "1.14.0",
@@ -73,5 +73,5 @@
       "require": "./dist/react.cjs"
     }
   },
-  "gitHead": "be04e474ce5154f026d9d01372eec7c6a24b012f"
+  "gitHead": "7506d57ff2fb4954bdba714195727a48ebb3d9a3"
 }