@genesislcap/rapid-design-system 14.454.1 → 14.454.2

package/dist/custom-elements.json

@@ -14278,6 +14278,8 @@
             "name": "FoundationExpressionBuilder",
             "package": "@genesislcap/foundation-ui"
           },
+          "tagName": "rapid-expression-builder",
+          "customElement": true,
           "events": [
             {
               "name": "change",
@@ -14459,7 +14461,9 @@
           "superclass": {
             "name": "FoundationRuleExpressionBuilder",
             "package": "@genesislcap/foundation-ui"
-          }
+          },
+          "tagName": "rapid-rule-expression-builder",
+          "customElement": true
         }
       ],
       "exports": [
@@ -14502,7 +14506,9 @@
           "superclass": {
             "name": "FoundationValueExpressionBuilder",
             "package": "@genesislcap/foundation-ui"
-          }
+          },
+          "tagName": "rapid-value-expression-builder",
+          "customElement": true
         }
       ],
       "exports": [
@@ -26692,7 +26698,9 @@
           "superclass": {
             "name": "<local>_undefined",
             "module": "src/router/router.ts"
-          }
+          },
+          "tagName": "rapid-router",
+          "customElement": true
         }
       ],
       "exports": [

package/dist/dts/expression-builder/expression-builder.d.ts

@@ -5,6 +5,8 @@ import { ExpressionBuilderTypes, FoundationExpressionBuilder } from '@genesislca
  * The reason for this is that we want to have ExpressionBuilder as an independent and open source
  * component, and due to this we don't want to release it as base components that someone needs to use
  * FAST to compose.
+ *
+ * @tagname rapid-expression-builder
  */
 export declare class RapidExpressionBuilder extends FoundationExpressionBuilder {
     styles?: ExpressionBuilderTypes.Styles;

package/dist/dts/expression-builder/expression-builder.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"expression-builder.d.ts","sourceRoot":"","sources":["../../../src/expression-builder/expression-builder.ts"],"names":[],"mappings":"AAAA,OAAO,EAEL,sBAAsB,EACtB,2BAA2B,EAC5B,MAAM,4BAA4B,CAAC;AAIpC;;;;;;GAMG;AACH,qBAKa,sBAAuB,SAAQ,2BAA2B;IACzD,MAAM,CAAC,EAAE,sBAAsB,CAAC,MAAM,CAGhD;CACH"}
+{"version":3,"file":"expression-builder.d.ts","sourceRoot":"","sources":["../../../src/expression-builder/expression-builder.ts"],"names":[],"mappings":"AAAA,OAAO,EAEL,sBAAsB,EACtB,2BAA2B,EAC5B,MAAM,4BAA4B,CAAC;AAIpC;;;;;;;;GAQG;AACH,qBAKa,sBAAuB,SAAQ,2BAA2B;IACzD,MAAM,CAAC,EAAE,sBAAsB,CAAC,MAAM,CAGhD;CACH"}

package/dist/dts/expression-builder/rule-expression-builder.d.ts

@@ -5,6 +5,8 @@ import { ExpressionBuilderTypes, FoundationRuleExpressionBuilder } from '@genesi
  * The reason for this is that we want to have ExpressionBuilder as an independent and open source
  * component, and due to this we don't want to release it as base components that someone needs to use
  * FAST to compose.
+ *
+ * @tagname rapid-rule-expression-builder
  */
 export declare class RapidRuleExpressionBuilder extends FoundationRuleExpressionBuilder {
     styles?: ExpressionBuilderTypes.Styles;

package/dist/dts/expression-builder/rule-expression-builder.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"rule-expression-builder.d.ts","sourceRoot":"","sources":["../../../src/expression-builder/rule-expression-builder.ts"],"names":[],"mappings":"AAAA,OAAO,EAEL,sBAAsB,EACtB,+BAA+B,EAChC,MAAM,4BAA4B,CAAC;AAIpC;;;;;;GAMG;AACH,qBAKa,0BAA2B,SAAQ,+BAA+B;IACjE,MAAM,CAAC,EAAE,sBAAsB,CAAC,MAAM,CAGhD;CACH"}
+{"version":3,"file":"rule-expression-builder.d.ts","sourceRoot":"","sources":["../../../src/expression-builder/rule-expression-builder.ts"],"names":[],"mappings":"AAAA,OAAO,EAEL,sBAAsB,EACtB,+BAA+B,EAChC,MAAM,4BAA4B,CAAC;AAIpC;;;;;;;;GAQG;AACH,qBAKa,0BAA2B,SAAQ,+BAA+B;IACjE,MAAM,CAAC,EAAE,sBAAsB,CAAC,MAAM,CAGhD;CACH"}

package/dist/dts/expression-builder/value-expression-builder.d.ts

@@ -5,6 +5,8 @@ import { ExpressionBuilderTypes, FoundationValueExpressionBuilder } from '@genes
  * The reason for this is that we want to have ExpressionBuilder as an independent and open source
  * component, and due to this we don't want to release it as base components that someone needs to use
  * FAST to compose.
+ *
+ * @tagname rapid-value-expression-builder
  */
 export declare class RapidValueExpressionBuilder extends FoundationValueExpressionBuilder {
     styles?: ExpressionBuilderTypes.Styles;

package/dist/dts/expression-builder/value-expression-builder.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"value-expression-builder.d.ts","sourceRoot":"","sources":["../../../src/expression-builder/value-expression-builder.ts"],"names":[],"mappings":"AAAA,OAAO,EAEL,sBAAsB,EACtB,gCAAgC,EACjC,MAAM,4BAA4B,CAAC;AAIpC;;;;;;GAMG;AACH,qBAKa,2BAA4B,SAAQ,gCAAgC;IACnE,MAAM,CAAC,EAAE,sBAAsB,CAAC,MAAM,CAGhD;CACH"}
+{"version":3,"file":"value-expression-builder.d.ts","sourceRoot":"","sources":["../../../src/expression-builder/value-expression-builder.ts"],"names":[],"mappings":"AAAA,OAAO,EAEL,sBAAsB,EACtB,gCAAgC,EACjC,MAAM,4BAA4B,CAAC;AAIpC;;;;;;;;GAQG;AACH,qBAKa,2BAA4B,SAAQ,gCAAgC;IACnE,MAAM,CAAC,EAAE,sBAAsB,CAAC,MAAM,CAGhD;CACH"}

package/dist/dts/react.d.ts

@@ -30,6 +30,9 @@ import type { Disclosure as DisclosureWC } from './disclosure/disclosure';
 import type { Divider as DividerWC } from './divider/divider';
 import type { DropdownMenu as DropdownMenuWC } from './dropdown-menu/dropdown-menu';
 import type { EnvironmentIndicator as EnvironmentIndicatorWC } from './environment-indicator/environment-indicator';
+import type { RapidExpressionBuilder as RapidExpressionBuilderWC } from './expression-builder/expression-builder';
+import type { RapidRuleExpressionBuilder as RapidRuleExpressionBuilderWC } from './expression-builder/rule-expression-builder';
+import type { RapidValueExpressionBuilder as RapidValueExpressionBuilderWC } from './expression-builder/value-expression-builder';
 import type { FileUpload as FileUploadWC } from './file-upload/file-upload';
 import type { FilterBar as FilterBarWC } from './filter-bar/filter-bar';
 import type { Filter as FilterWC } from './filter/filter';
@@ -51,6 +54,7 @@ import type { ProgressRing as ProgressRingWC } from './progress-ring/progress-ri
 import type { Progress as ProgressWC } from './progress/progress';
 import type { RadioGroup as RadioGroupWC } from './radio-group/radio-group';
 import type { Radio as RadioWC } from './radio/radio';
+import type { RapidRouter as RapidRouterWC } from './router/router';
 import type { SchedulerCronBuilder as SchedulerCronBuilderWC } from './scheduler-cron-builder/scheduler-cron-builder';
 import type { SchedulerTimezone as SchedulerTimezoneWC } from './scheduler-timezone/scheduler-timezone';
 import type { Scheduler as SchedulerWC } from './scheduler/scheduler';
@@ -352,6 +356,39 @@ export declare const EnvironmentIndicator: React.ForwardRefExoticComponent<
 >;
 export type EnvironmentIndicatorRef = EnvironmentIndicatorWC;
 
+export declare const RapidExpressionBuilder: React.ForwardRefExoticComponent<
+  React.PropsWithChildren<
+    Omit<PublicOf<RapidExpressionBuilderWC>, '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<RapidExpressionBuilderWC>
+>;
+export type RapidExpressionBuilderRef = RapidExpressionBuilderWC;
+
+export declare const RapidRuleExpressionBuilder: React.ForwardRefExoticComponent<
+  React.PropsWithChildren<
+    Omit<PublicOf<RapidRuleExpressionBuilderWC>, 'children' | 'style'> &
+    HTMLWCProps & {
+    }
+  > & React.RefAttributes<RapidRuleExpressionBuilderWC>
+>;
+export type RapidRuleExpressionBuilderRef = RapidRuleExpressionBuilderWC;
+
+export declare const RapidValueExpressionBuilder: React.ForwardRefExoticComponent<
+  React.PropsWithChildren<
+    Omit<PublicOf<RapidValueExpressionBuilderWC>, 'children' | 'style'> &
+    HTMLWCProps & {
+    }
+  > & React.RefAttributes<RapidValueExpressionBuilderWC>
+>;
+export type RapidValueExpressionBuilderRef = RapidValueExpressionBuilderWC;
+
 export declare const FileUpload: React.ForwardRefExoticComponent<
   React.PropsWithChildren<
     Omit<PublicOf<FileUploadWC>, 'children' | 'style'> &
@@ -545,6 +582,15 @@ export declare const RadioGroup: React.ForwardRefExoticComponent<
 >;
 export type RadioGroupRef = RadioGroupWC;
 
+export declare const RapidRouter: React.ForwardRefExoticComponent<
+  React.PropsWithChildren<
+    Omit<PublicOf<RapidRouterWC>, 'children' | 'style'> &
+    HTMLWCProps & {
+    }
+  > & React.RefAttributes<RapidRouterWC>
+>;
+export type RapidRouterRef = RapidRouterWC;
+
 export declare const Scheduler: React.ForwardRefExoticComponent<
   React.PropsWithChildren<
     Omit<PublicOf<SchedulerWC>, 'children' | 'style'> &

package/dist/dts/router/router.d.ts

@@ -5,6 +5,9 @@ declare const RapidRouter_base: {
 };
 /**
  * @beta
+ *
+ * @tagname rapid-router
+ *
  * @privateRemarks
  * Created to patch an issue and act as a placeholder to improve the api ahead of upgrading to the latest. Depending on
  * how much we build on this, we may want to promote it to its own package.

package/dist/dts/router/router.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"router.d.ts","sourceRoot":"","sources":["../../../src/router/router.ts"],"names":[],"mappings":"AAAA,OAAO,EAAsB,WAAW,EAAE,MAAM,yBAAyB,CAAC;AAC1E,OAAO,EAAU,aAAa,EAAE,MAAM,wBAAwB,CAAC;gCAaD;IAC5D,QAAQ,WAAW,GAAG,aAAa,CAAC;CACrC;AAXD;;;;;GAKG;AACH,qBAGa,WAAY,SAAQ,gBAE/B;IACA,iBAAiB;CAYlB"}
+{"version":3,"file":"router.d.ts","sourceRoot":"","sources":["../../../src/router/router.ts"],"names":[],"mappings":"AAAA,OAAO,EAAsB,WAAW,EAAE,MAAM,yBAAyB,CAAC;AAC1E,OAAO,EAAU,aAAa,EAAE,MAAM,wBAAwB,CAAC;gCAgBD;IAC5D,QAAQ,WAAW,GAAG,aAAa,CAAC;CACrC;AAdD;;;;;;;;GAQG;AACH,qBAGa,WAAY,SAAQ,gBAE/B;IACA,iBAAiB;CAYlB"}

package/dist/esm/expression-builder/expression-builder.js

@@ -8,6 +8,8 @@ import { rapidElementTags, rapidExpressionBuilderStyles } from './expression-bui
  * The reason for this is that we want to have ExpressionBuilder as an independent and open source
  * component, and due to this we don't want to release it as base components that someone needs to use
  * FAST to compose.
+ *
+ * @tagname rapid-expression-builder
  */
 let RapidExpressionBuilder = class RapidExpressionBuilder extends FoundationExpressionBuilder {
     constructor() {

package/dist/esm/expression-builder/rule-expression-builder.js

@@ -8,6 +8,8 @@ import { rapidElementTags, rapidExpressionBuilderStyles } from './expression-bui
  * The reason for this is that we want to have ExpressionBuilder as an independent and open source
  * component, and due to this we don't want to release it as base components that someone needs to use
  * FAST to compose.
+ *
+ * @tagname rapid-rule-expression-builder
  */
 let RapidRuleExpressionBuilder = class RapidRuleExpressionBuilder extends FoundationRuleExpressionBuilder {
     constructor() {

package/dist/esm/expression-builder/value-expression-builder.js

@@ -8,6 +8,8 @@ import { rapidElementTags, rapidExpressionBuilderStyles } from './expression-bui
  * The reason for this is that we want to have ExpressionBuilder as an independent and open source
  * component, and due to this we don't want to release it as base components that someone needs to use
  * FAST to compose.
+ *
+ * @tagname rapid-value-expression-builder
  */
 let RapidValueExpressionBuilder = class RapidValueExpressionBuilder extends FoundationValueExpressionBuilder {
     constructor() {

package/dist/esm/router/router.js

@@ -4,6 +4,9 @@ import { Router } from '@microsoft/fast-router';
 const routerProperty = '$router';
 /**
  * @beta
+ *
+ * @tagname rapid-router
+ *
  * @privateRemarks
  * Created to patch an issue and act as a placeholder to improve the api ahead of upgrading to the latest. Depending on
  * how much we build on this, we may want to promote it to its own package.

package/dist/react.cjs

@@ -32,6 +32,9 @@ const { Disclosure: DisclosureWC } = require('./esm/disclosure/disclosure.js');
 const { Divider: DividerWC } = require('./esm/divider/divider.js');
 const { DropdownMenu: DropdownMenuWC } = require('./esm/dropdown-menu/dropdown-menu.js');
 const { EnvironmentIndicator: EnvironmentIndicatorWC } = require('./esm/environment-indicator/environment-indicator.js');
+const { RapidExpressionBuilder: RapidExpressionBuilderWC } = require('./esm/expression-builder/expression-builder.js');
+const { RapidRuleExpressionBuilder: RapidRuleExpressionBuilderWC } = require('./esm/expression-builder/rule-expression-builder.js');
+const { RapidValueExpressionBuilder: RapidValueExpressionBuilderWC } = require('./esm/expression-builder/value-expression-builder.js');
 const { FileUpload: FileUploadWC } = require('./esm/file-upload/file-upload.js');
 const { FilterBar: FilterBarWC } = require('./esm/filter-bar/filter-bar.js');
 const { Filter: FilterWC } = require('./esm/filter/filter.js');
@@ -53,6 +56,7 @@ const { ProgressRing: ProgressRingWC } = require('./esm/progress-ring/progress-r
 const { Progress: ProgressWC } = require('./esm/progress/progress.js');
 const { RadioGroup: RadioGroupWC } = require('./esm/radio-group/radio-group.js');
 const { Radio: RadioWC } = require('./esm/radio/radio.js');
+const { RapidRouter: RapidRouterWC } = require('./esm/router/router.js');
 const { SchedulerCronBuilder: SchedulerCronBuilderWC } = require('./esm/scheduler-cron-builder/scheduler-cron-builder.js');
 const { SchedulerTimezone: SchedulerTimezoneWC } = require('./esm/scheduler-timezone/scheduler-timezone.js');
 const { Scheduler: SchedulerWC } = require('./esm/scheduler/scheduler.js');
@@ -293,6 +297,58 @@ const EnvironmentIndicator = React.forwardRef(function EnvironmentIndicator(prop
   return React.createElement(customElements.getName(EnvironmentIndicatorWC) ?? '%%prefix%%-environment-indicator', { ...rest, ref }, children);
 });
 
+const RapidExpressionBuilder = React.forwardRef(function RapidExpressionBuilder(props, ref) {
+  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(RapidExpressionBuilderWC) ?? 'rapid-expression-builder', { ...rest, ref: _mergeRefs(_innerRef, ref) }, children);
+});
+
+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 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 FileUpload = React.forwardRef(function FileUpload(props, ref) {
   const { onFileSelected, onSuccess, onErrorOut, onClear, children, ...rest } = props;
   const _innerRef = React.useRef(null);
@@ -500,6 +556,11 @@ const RadioGroup = React.forwardRef(function RadioGroup(props, ref) {
   return React.createElement(customElements.getName(RadioGroupWC) ?? '%%prefix%%-radio-group', { ...rest, ref }, children);
 });
 
+const RapidRouter = React.forwardRef(function RapidRouter(props, ref) {
+  const { children, ...rest } = props;
+  return React.createElement(customElements.getName(RapidRouterWC) ?? 'rapid-router', { ...rest, ref }, children);
+});
+
 const Scheduler = React.forwardRef(function Scheduler(props, ref) {
   const { children, ...rest } = props;
   return React.createElement(customElements.getName(SchedulerWC) ?? '%%prefix%%-scheduler', { ...rest, ref }, children);
@@ -789,6 +850,9 @@ module.exports = {
   Divider,
   DropdownMenu,
   EnvironmentIndicator,
+  RapidExpressionBuilder,
+  RapidRuleExpressionBuilder,
+  RapidValueExpressionBuilder,
   FileUpload,
   Filter,
   FilterBar,
@@ -809,6 +873,7 @@ module.exports = {
   ProgressRing,
   Radio,
   RadioGroup,
+  RapidRouter,
   Scheduler,
   SchedulerCronBuilder,
   SchedulerTimezone,

package/dist/react.mjs

@@ -30,6 +30,9 @@ import { Disclosure as DisclosureWC } from './esm/disclosure/disclosure.js';
 import { Divider as DividerWC } from './esm/divider/divider.js';
 import { DropdownMenu as DropdownMenuWC } from './esm/dropdown-menu/dropdown-menu.js';
 import { EnvironmentIndicator as EnvironmentIndicatorWC } from './esm/environment-indicator/environment-indicator.js';
+import { RapidExpressionBuilder as RapidExpressionBuilderWC } from './esm/expression-builder/expression-builder.js';
+import { RapidRuleExpressionBuilder as RapidRuleExpressionBuilderWC } from './esm/expression-builder/rule-expression-builder.js';
+import { RapidValueExpressionBuilder as RapidValueExpressionBuilderWC } from './esm/expression-builder/value-expression-builder.js';
 import { FileUpload as FileUploadWC } from './esm/file-upload/file-upload.js';
 import { FilterBar as FilterBarWC } from './esm/filter-bar/filter-bar.js';
 import { Filter as FilterWC } from './esm/filter/filter.js';
@@ -51,6 +54,7 @@ import { ProgressRing as ProgressRingWC } from './esm/progress-ring/progress-rin
 import { Progress as ProgressWC } from './esm/progress/progress.js';
 import { RadioGroup as RadioGroupWC } from './esm/radio-group/radio-group.js';
 import { Radio as RadioWC } from './esm/radio/radio.js';
+import { RapidRouter as RapidRouterWC } from './esm/router/router.js';
 import { SchedulerCronBuilder as SchedulerCronBuilderWC } from './esm/scheduler-cron-builder/scheduler-cron-builder.js';
 import { SchedulerTimezone as SchedulerTimezoneWC } from './esm/scheduler-timezone/scheduler-timezone.js';
 import { Scheduler as SchedulerWC } from './esm/scheduler/scheduler.js';
@@ -291,6 +295,58 @@ export const EnvironmentIndicator = React.forwardRef(function EnvironmentIndicat
   return React.createElement(customElements.getName(EnvironmentIndicatorWC) ?? '%%prefix%%-environment-indicator', { ...rest, ref }, children);
 });
 
+export const RapidExpressionBuilder = React.forwardRef(function RapidExpressionBuilder(props, ref) {
+  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(RapidExpressionBuilderWC) ?? 'rapid-expression-builder', { ...rest, ref: _mergeRefs(_innerRef, ref) }, children);
+});
+
+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);
+});
+
+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);
+});
+
 export const FileUpload = React.forwardRef(function FileUpload(props, ref) {
   const { onFileSelected, onSuccess, onErrorOut, onClear, children, ...rest } = props;
   const _innerRef = React.useRef(null);
@@ -498,6 +554,11 @@ export const RadioGroup = React.forwardRef(function RadioGroup(props, ref) {
   return React.createElement(customElements.getName(RadioGroupWC) ?? '%%prefix%%-radio-group', { ...rest, ref }, children);
 });
 
+export const RapidRouter = React.forwardRef(function RapidRouter(props, ref) {
+  const { children, ...rest } = props;
+  return React.createElement(customElements.getName(RapidRouterWC) ?? 'rapid-router', { ...rest, ref }, children);
+});
+
 export const Scheduler = React.forwardRef(function Scheduler(props, ref) {
   const { children, ...rest } = props;
   return React.createElement(customElements.getName(SchedulerWC) ?? '%%prefix%%-scheduler', { ...rest, ref }, children);

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@genesislcap/rapid-design-system",
   "description": "Rapid Design System",
-  "version": "14.454.1",
+  "version": "14.454.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.454.1",
-    "@genesislcap/rollup-builder": "14.454.1",
-    "@genesislcap/ts-builder": "14.454.1",
-    "@genesislcap/uvu-playwright-builder": "14.454.1",
-    "@genesislcap/vite-builder": "14.454.1",
-    "@genesislcap/webpack-builder": "14.454.1"
+    "@genesislcap/genx": "14.454.2",
+    "@genesislcap/rollup-builder": "14.454.2",
+    "@genesislcap/ts-builder": "14.454.2",
+    "@genesislcap/uvu-playwright-builder": "14.454.2",
+    "@genesislcap/vite-builder": "14.454.2",
+    "@genesislcap/webpack-builder": "14.454.2"
   },
   "dependencies": {
-    "@genesislcap/foundation-logger": "14.454.1",
-    "@genesislcap/foundation-ui": "14.454.1",
-    "@genesislcap/foundation-utils": "14.454.1",
+    "@genesislcap/foundation-logger": "14.454.2",
+    "@genesislcap/foundation-ui": "14.454.2",
+    "@genesislcap/foundation-utils": "14.454.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": "d5d87f3090e540c7c83e3dd4906ad600155a22a1"
+  "gitHead": "a1a8b8d443bbee39202b5ab98aa6daebcb425e19"
 }