@genesislcap/foundation-forms 14.431.0 → 14.432.1

package/dist/dts/filters/filters.d.ts

@@ -23,7 +23,13 @@ declare const Filters_base: (new (...args: any[]) => {
     #_tryFindContainingLayout(e: Element): import("@genesislcap/foundation-utils").FoundationLayoutContainer | import("@genesislcap/foundation-utils").LayoutCacheContainer | import("@genesislcap/foundation-utils").DOMContainer;
     connectedCallback(): void;
     readonly $fastController: import("@microsoft/fast-element").Controller;
-    $emit(type: string, detail?: any, options?: Omit<CustomEventInit, "detail">): boolean | void;
+    $emit(type: string, detail
+    /**
+     * @internal
+     */
+    ? /**
+     * @internal
+     */: any, options?: Omit<CustomEventInit, "detail">): boolean | void;
     disconnectedCallback(): void;
     attributeChangedCallback(name: string, oldValue: string, newValue: string): void;
     accessKey: string;

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

@@ -1 +1 @@
-{"version":3,"file":"filters.d.ts","sourceRoot":"","sources":["../../../src/filters/filters.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,SAAS,EAAE,MAAM,+BAA+B,CAAC;AAO1D,OAAO,EAAE,iBAAiB,EAAE,MAAM,4BAA4B,CAAC;AAC/D,OAAO,EAAE,WAAW,EAAE,MAAM,aAAa,CAAC;AAa1C,OAAO,EAAE,aAAa,EAAE,QAAQ,EAAE,MAAM,UAAU,CAAC;AAMnD,gBAAgB;AAChB,eAAO,MAAM,aAAa,iDAAqC,CAAC;AAchE;;;GAGG;AACH,eAAO,MAAM,gBAAgB,OAa5B,CAAC;;;;;;;kBAG8B,CAAC;;;;;;;;8BAuD9B,CAAD,cACQ,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;yBAqCA,CAAA;4IASyC,CAAC;wFAGf,CAAC;+IAKR,CAAA;2FAGvB,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;2BA6CwB,CAAC;;;;;;;;;;;;;;;;;;;;;;;mBAsF9B,CAAH;;;;;;;;;;;;;6BA+BG,CAAD;8BAKS,CAAC;kBAGH,CAAT;;oBACwD,CAAC;;sBAG5C,CAAd;oBACY,CAAJ;;;;;;;;gDAiBJ,CAAH;;;;;;;;;;;;;;;;;;uBAqBuK,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;4EAAiiH,CAAC;yBAA8E,CAAC;UAAoD,GAAG;WAAgD,GAAG;;gBAA6E,GAAG;;;;;;;WAA4V,GAAG;YAAiD,GAAG;;;;;;;;;;;oBAAupC,GAAG;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;iBAAiiO,CAAC;cAA6F,CAAC;eAA8F,CAAC;gBAA+F,CAAC;;;;;;;;;;;;;;SAAulC,CAAC;;;iBAA+E,CAAC;;AApUx+b;;;;;;;;GAQG;AACH,qBAKa,OAAQ,SAAQ,YAAiC;IACjD,SAAS,EAAE,SAAS,CAAC;IACpB,UAAU,EAAE,MAAM,CAAC;IAE/B;;;;OAIG;IACG,YAAY,EAAE,MAAM,CAAC;IACf,eAAe,EAAE,GAAG,EAAE,CAAM;IAExC;;;OAGG;IAEH,6BAA6B,EAAE,OAAO,CAAC;YAEzB,mBAAmB;IAkBjC;;OAEG;IACI,gBAAgB;IAMvB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;OAqCG;IACS,QAAQ,EAAE,QAAQ,CAAC;IAC/B;;;OAGG;IACS,SAAS,EAAE,aAAa,EAAE,CAAoB;IAC1D;;;;;;OAMG;IACS,UAAU,EAAE,WAAW,CAAC;IACpC;;;OAGG;IAC0C,MAAM,EAAE,MAAM,CAAW;IAE7D,OAAO,CAAC,OAAO,CAAW;IACnC;;;OAGG;IACS,IAAI,EAAE,GAAG,CAAM;IAC3B;;;OAGG;IACS,KAAK,EAAE,MAAM,CAAC;IAC1B;;OAEG;IACH,YAAY;IAIZ;;OAEG;IACM,SAAS,IAAI,IAAI;IAY1B;;OAEG;IACG,aAAa;IAmCnB;;OAEG;IACH,QAAQ,CAAC,KAAK,EAAE,WAAW;IAOrB,UAAU;IA0CV,YAAY;IA4BZ,iBAAiB;IAOjB,mBAAmB;IAsBzB,iBAAiB,CAAC,QAAQ,EAAE,MAAM,EAAE,QAAQ,EAAE,MAAM;IAW9C,cAAc,CAAC,SAAS,EAAE,MAAM;CAcvC"}
+{"version":3,"file":"filters.d.ts","sourceRoot":"","sources":["../../../src/filters/filters.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,SAAS,EAAE,MAAM,+BAA+B,CAAC;AAO1D,OAAO,EAAE,iBAAiB,EAAE,MAAM,4BAA4B,CAAC;AAC/D,OAAO,EAAE,WAAW,EAAE,MAAM,aAAa,CAAC;AAa1C,OAAO,EAAE,aAAa,EAAE,QAAQ,EAAE,MAAM,UAAU,CAAC;AAMnD,gBAAgB;AAChB,eAAO,MAAM,aAAa,iDAAqC,CAAC;AAchE;;;GAGG;AACH,eAAO,MAAM,gBAAgB,OAa5B,CAAC;;;;;;;kBAG8B,CAAC;;;;;;;;;IAsD/B;;OAEG;IACH,CAHF,CAAE;;OAEG,cADG,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;yBAsCiB,CAAC;4IAUE,CAAC;wFAGf,CAAC;+IAKT,CAAC;2FAC6D,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;2BA+C5D,CAAC;;;;;;;;;;;;;;;;;;;;;;;mBAqFT,CAAC;;;;;;;;;;;;;6BA+BgB,CAAC;8BAKZ,CAAC;kBAGG,CAAC;;oBAEqB,CAAC;;sBAEK,CAAC;oBACE,CAAC;;;;;;;;gDAgB3B,CAAC;;;;;;;;;;;;;;;;;;uBAuB+H,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;4EAAiiH,CAAC;yBAA8E,CAAC;UAAoD,GAAG;WAAgD,GAAG;;gBAA6E,GAAG;;;;;;;WAA4V,GAAG;YAAiD,GAAG;;;;;;;;;;;oBAAupC,GAAG;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;iBAAiiO,CAAC;cAA6F,CAAC;eAA8F,CAAC;gBAA+F,CAAC;;;;;;;;;;;;;;SAAulC,CAAC;;;iBAA+E,CAAC;;AArUj9b;;;;;;;;GAQG;AACH,qBAMa,OAAQ,SAAQ,YAAiC;IACjD,SAAS,EAAE,SAAS,CAAC;IACpB,UAAU,EAAE,MAAM,CAAC;IAE/B;;;;OAIG;IACG,YAAY,EAAE,MAAM,CAAC;IACf,eAAe,EAAE,GAAG,EAAE,CAAM;IAExC;;;OAGG;IAEH,6BAA6B,EAAE,OAAO,CAAC;YAEzB,mBAAmB;IAkBjC;;OAEG;IACI,gBAAgB;IAMvB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;OAqCG;IACS,QAAQ,EAAE,QAAQ,CAAC;IAC/B;;;OAGG;IACS,SAAS,EAAE,aAAa,EAAE,CAAoB;IAC1D;;;;;;OAMG;IACS,UAAU,EAAE,WAAW,CAAC;IACpC;;;OAGG;IAC0C,MAAM,EAAE,MAAM,CAAW;IAE7D,OAAO,CAAC,OAAO,CAAW;IACnC;;;OAGG;IACS,IAAI,EAAE,GAAG,CAAM;IAC3B;;;OAGG;IACS,KAAK,EAAE,MAAM,CAAC;IAC1B;;OAEG;IACH,YAAY;IAIZ;;OAEG;IACM,SAAS,IAAI,IAAI;IAY1B;;OAEG;IACG,aAAa;IAmCnB;;OAEG;IACH,QAAQ,CAAC,KAAK,EAAE,WAAW;IAOrB,UAAU;IA0CV,YAAY;IA4BZ,iBAAiB;IAOjB,mBAAmB;IAsBzB,iBAAiB,CAAC,QAAQ,EAAE,MAAM,EAAE,QAAQ,EAAE,MAAM;IAW9C,cAAc,CAAC,SAAS,EAAE,MAAM;CAcvC"}

package/dist/dts/filters/filters.styles.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"filters.styles.d.ts","sourceRoot":"","sources":["../../../src/filters/filters.styles.ts"],"names":[],"mappings":"AAKA,eAAO,MAAM,uBAAuB,iDA0FnC,CAAC"}
+{"version":3,"file":"filters.styles.d.ts","sourceRoot":"","sources":["../../../src/filters/filters.styles.ts"],"names":[],"mappings":"AAMA,eAAO,MAAM,uBAAuB,iDA4FnC,CAAC"}

package/dist/dts/jsonforms/renderers/ControlWrapperRenderer.d.ts

@@ -1,5 +1,12 @@
 import { FASTElement, ViewTemplate } from '@microsoft/fast-element';
 import { DispatchRenderer } from './dispatch-renderer';
+/**
+ * Generates control wrapper styles scoped to the given host element selector.
+ * Use this when rendering controls outside of `foundation-form`.
+ *
+ * @internal
+ */
+export declare const controlWrapperStylesFor: (hostSelector: string) => import("@microsoft/fast-element").ElementStyles;
 /**
  * Styles formerly scoped to the <control-wrapper> element. After the light-DOM
  * refactor these are composed into `foundationFormStyles` so they reach every

package/dist/dts/jsonforms/renderers/ControlWrapperRenderer.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ControlWrapperRenderer.d.ts","sourceRoot":"","sources":["../../../../src/jsonforms/renderers/ControlWrapperRenderer.ts"],"names":[],"mappings":"AACA,OAAO,EACL,WAAW,EACX,YAAY,EAQb,MAAM,yBAAyB,CAAC;AAIjC,OAAO,EAAE,gBAAgB,EAAE,MAAM,qBAAqB,CAAC;AAEvD;;;;;;;GAOG;AACH,eAAO,MAAM,oBAAoB,iDAwDhC,CAAC;AAEF,UAAU,qBAAqB;IAC7B;;;;OAIG;IACH,aAAa,EAAE,YAAY,CAAC,gBAAgB,CAAC,CAAC;IAC9C,0EAA0E;IAC1E,MAAM,EAAE,MAAM,CAAC;IACf,qFAAqF;IACrF,SAAS,CAAC,EAAE,OAAO,CAAC;CACrB;AAED;;;;;;;GAOG;AACH,eAAO,MAAM,sBAAsB,GACjC,SAAS,qBAAqB,KAC7B,YAAY,CAAC,gBAAgB,CA2D/B,CAAC;AAmCF,4BAA4B;AAC5B,eAAO,MAAM,8BAA8B,wBAoD1C,CAAC;AAoEF;;;;GAIG;AACH,qBAKa,cAAe,SAAQ,WAAW;IACjC,OAAO,MAAC;IACR,SAAS,MAAC;IACV,OAAO,EAAE,OAAO,CAAC;IACuB,SAAS,EAAE,OAAO,CAAS;IACzE,MAAM,EAAE,MAAM,CAAC;IAEZ,iBAAiB;IAQ1B,IACI,eAAe,YAOlB;IAED,IACI,aAAa,WAOhB;IAED,IACI,kBAAkB,2BAGrB;IAED,IACI,UAAU,WAOb;CACF"}
+{"version":3,"file":"ControlWrapperRenderer.d.ts","sourceRoot":"","sources":["../../../../src/jsonforms/renderers/ControlWrapperRenderer.ts"],"names":[],"mappings":"AACA,OAAO,EACL,WAAW,EACX,YAAY,EAQb,MAAM,yBAAyB,CAAC;AAIjC,OAAO,EAAE,gBAAgB,EAAE,MAAM,qBAAqB,CAAC;AAEvD;;;;;GAKG;AACH,eAAO,MAAM,uBAAuB,GAAI,cAAc,MAAM,oDAwD3D,CAAC;AAEF;;;;;;;GAOG;AACH,eAAO,MAAM,oBAAoB,iDAA6C,CAAC;AAE/E,UAAU,qBAAqB;IAC7B;;;;OAIG;IACH,aAAa,EAAE,YAAY,CAAC,gBAAgB,CAAC,CAAC;IAC9C,0EAA0E;IAC1E,MAAM,EAAE,MAAM,CAAC;IACf,qFAAqF;IACrF,SAAS,CAAC,EAAE,OAAO,CAAC;CACrB;AAED;;;;;;;GAOG;AACH,eAAO,MAAM,sBAAsB,GACjC,SAAS,qBAAqB,KAC7B,YAAY,CAAC,gBAAgB,CA2D/B,CAAC;AAmCF,4BAA4B;AAC5B,eAAO,MAAM,8BAA8B,wBAoD1C,CAAC;AAoEF;;;;GAIG;AACH,qBAKa,cAAe,SAAQ,WAAW;IACjC,OAAO,MAAC;IACR,SAAS,MAAC;IACV,OAAO,EAAE,OAAO,CAAC;IACuB,SAAS,EAAE,OAAO,CAAS;IACzE,MAAM,EAAE,MAAM,CAAC;IAEZ,iBAAiB;IAQ1B,IACI,eAAe,YAOlB;IAED,IACI,aAAa,WAOhB;IAED,IACI,kBAAkB,2BAGrB;IAED,IACI,UAAU,WAOb;CACF"}

package/dist/dts/react.d.ts

@@ -65,15 +65,6 @@ export declare const Form: React.ForwardRefExoticComponent<
 >;
 export type FormRef = FormWC;
 
-export declare const Filters: React.ForwardRefExoticComponent<
-  React.PropsWithChildren<
-    Omit<PublicOf<FiltersWC>, 'children' | 'style'> &
-    HTMLWCProps & {
-    }
-  > & React.RefAttributes<FiltersWC>
->;
-export type FiltersRef = FiltersWC;
-
 export declare const JSONForms: React.ForwardRefExoticComponent<
   React.PropsWithChildren<
     Omit<PublicOf<JSONFormsWC>, 'children' | 'style'> &
@@ -84,6 +75,15 @@ export declare const JSONForms: React.ForwardRefExoticComponent<
 >;
 export type JSONFormsRef = JSONFormsWC;
 
+export declare const Filters: React.ForwardRefExoticComponent<
+  React.PropsWithChildren<
+    Omit<PublicOf<FiltersWC>, 'children' | 'style'> &
+    HTMLWCProps & {
+    }
+  > & React.RefAttributes<FiltersWC>
+>;
+export type FiltersRef = FiltersWC;
+
 export declare const ArrayListWrapper: React.ForwardRefExoticComponent<
   React.PropsWithChildren<
     Omit<PublicOf<ArrayListWrapperWC>, 'children' | 'style'> &

package/dist/esm/filters/filters.js

@@ -337,6 +337,7 @@ Filters = __decorate([
         name: 'foundation-filters',
         template,
         styles,
+        shadowOptions: null,
     })
 ], Filters);
 export { Filters };

package/dist/esm/filters/filters.styles.js

@@ -2,8 +2,11 @@ import { controlCornerRadius, designUnit, strokeWidth } from '@microsoft/fast-co
 import { css } from '@microsoft/fast-element';
 import { forcedColorsStylesheetBehavior } from '@microsoft/fast-foundation';
 import { SystemColors } from '@microsoft/fast-web-utilities';
+import { controlWrapperStylesFor } from '../jsonforms/renderers/ControlWrapperRenderer';
 export const foundationFiltersStyles = css `
-  :host {
+  ${controlWrapperStylesFor('foundation-filters')}
+
+  foundation-filters {
     display: flex;
     height: 100%;
     width: 100%;
@@ -15,36 +18,36 @@ export const foundationFiltersStyles = css `
     --filter-persistence-controls-container-height: 145px;
   }
 
-  .header {
+  foundation-filters .header {
     padding: calc(var(--design-unit) * 4px);
   }
 
-  .header h2 {
+  foundation-filters .header h2 {
     margin: 0;
   }
 
-  .container {
+  foundation-filters .container {
     width: 100%;
     display: flex;
     flex-direction: column;
   }
 
-  .container-forms {
+  foundation-filters .container-forms {
     overflow: hidden;
     overflow-y: scroll;
     display: flex;
   }
 
-  .container-forms json-forms {
+  foundation-filters .container-forms json-forms {
     width: 100%;
     padding: 0 15px;
   }
 
-  .label {
+  foundation-filters .label {
     font-size: calc(${designUnit} * 1px + 0.7vmin);
   }
 
-  .actions {
+  foundation-filters .actions {
     display: flex;
     flex-direction: row;
     align-items: flex-start;
@@ -53,40 +56,40 @@ export const foundationFiltersStyles = css `
     gap: calc(${designUnit} * 2px);
   }
 
-  .action-button {
+  foundation-filters .action-button {
     width: 70px;
   }
 
-  .filter-persistence-controls-container {
+  foundation-filters .filter-persistence-controls-container {
     display: flex;
     flex-direction: column;
     height: var(--filter-persistence-controls-container-height);
     padding: 5px 15px;
   }
 
-  .filter-persistence-controls {
+  foundation-filters .filter-persistence-controls {
     display: flex;
     flex-direction: column;
     width: 100%;
     padding-bottom: 10px;
   }
 
-  .filter-persistence-controls > rapid-label {
+  foundation-filters .filter-persistence-controls > rapid-label {
     margin-bottom: calc(var(--design-unit) * 1px);
     color: var(--neutral-foreground-hint);
   }
 
-  .filter-persistence-controls-components {
+  foundation-filters .filter-persistence-controls-components {
     display: flex;
     gap: 10px;
   }
 
-  .filter-persistence-controls-components > rapid-button {
+  foundation-filters .filter-persistence-controls-components > rapid-button {
     width: 100px;
     justify-content: center;
   }
 `.withBehaviors(forcedColorsStylesheetBehavior(css `
-    :host {
+    foundation-filters {
       background: ${SystemColors.Canvas};
       border-color: ${SystemColors.CanvasText};
     }

package/dist/esm/jsonforms/renderers/ControlWrapperRenderer.js

@@ -5,22 +5,20 @@ import { classNames } from '@microsoft/fast-web-utilities';
 import { logger } from '../../utils/logger';
 import { getAnyOfErrorMessage } from '../../utils/validation';
 /**
- * Styles formerly scoped to the <control-wrapper> element. After the light-DOM
- * refactor these are composed into `foundationFormStyles` so they reach every
- * rendered control. Exported for consumers that render controls outside of
- * `foundation-form` and need the same wrapper styling.
+ * Generates control wrapper styles scoped to the given host element selector.
+ * Use this when rendering controls outside of `foundation-form`.
  *
  * @internal
  */
-export const controlWrapperStyles = css `
-  foundation-form .foundation-control-wrapper-root {
+export const controlWrapperStylesFor = (hostSelector) => css `
+  ${hostSelector} .foundation-control-wrapper-root {
     margin-bottom: var(--wrapper-root-margin-bottom, calc(var(--design-unit) * 4px));
   }
-  foundation-form .foundation-control-wrapper-root.labelLeft {
+  ${hostSelector} .foundation-control-wrapper-root.labelLeft {
     display: flex;
     flex-wrap: wrap;
   }
-  foundation-form .foundation-control-wrapper-label {
+  ${hostSelector} .foundation-control-wrapper-label {
     color: var(--neutral-foreground-hint);
     margin-bottom: var(--control-label-margin, calc(var(--design-unit) * 2px));
     display: flex;
@@ -28,7 +26,7 @@ export const controlWrapperStyles = css `
     font-weight: 700;
     cursor: default;
   }
-  foundation-form .foundation-control-wrapper-label.visually-hidden {
+  ${hostSelector} .foundation-control-wrapper-label.visually-hidden {
     position: absolute;
     width: 1px;
     height: 1px;
@@ -40,35 +38,44 @@ export const controlWrapperStyles = css `
     white-space: nowrap;
     border: 0;
   }
-  foundation-form .labelLeft .foundation-control-wrapper {
+  ${hostSelector} .labelLeft .foundation-control-wrapper {
     flex: 1 1 auto;
     width: auto;
     align-items: flex-start;
     flex-wrap: wrap;
   }
-  foundation-form .labelLeft .foundation-control-wrapper-label {
+  ${hostSelector} .labelLeft .foundation-control-wrapper-label {
     flex: 0 1 auto;
     width: calc(var(--design-unit) * 30px);
     margin-right: calc(var(--design-unit) * 2px);
     align-items: center;
     margin-bottom: 0;
   }
-  foundation-form .labelLeft .foundation-control-wrapper-error {
+  ${hostSelector} .labelLeft .foundation-control-wrapper-error {
     margin-left: 0;
     flex: 1 1 100%;
     text-align: right;
   }
-  foundation-form .foundation-control-wrapper-error {
+  ${hostSelector} .foundation-control-wrapper-error {
     font-size: 12px;
     color: #f9644d;
     margin-left: 10px;
   }
-  foundation-form .foundation-control-wrapper {
+  ${hostSelector} .foundation-control-wrapper {
     display: flex;
     width: 100%;
     align-items: center;
   }
 `;
+/**
+ * Styles formerly scoped to the <control-wrapper> element. After the light-DOM
+ * refactor these are composed into `foundationFormStyles` so they reach every
+ * rendered control. Exported for consumers that render controls outside of
+ * `foundation-form` and need the same wrapper styling.
+ *
+ * @internal
+ */
+export const controlWrapperStyles = controlWrapperStylesFor('foundation-form');
 /**
  * Light-DOM-friendly control wrapper that replaces the former `<control-wrapper>`
  * custom element. Renders label, error/description slots, and composes a provided

package/dist/foundation-forms.d.ts

@@ -631,7 +631,13 @@ declare const Filters_base: (new (...args: any[]) => {
     #_tryFindContainingLayout(e: Element): FoundationLayoutContainer | LayoutCacheContainer | DOMContainer;
     connectedCallback(): void;
     readonly $fastController: Controller;
-    $emit(type: string, detail?: any, options?: Omit<CustomEventInit, "detail">): boolean | void;
+    $emit(type: string, detail
+    /**
+    * @internal
+    */
+    ? /**
+    * @internal
+    */: any, options?: Omit<CustomEventInit, "detail">): boolean | void;
     disconnectedCallback(): void;
     attributeChangedCallback(name: string, oldValue: string, newValue: string): void;
     accessKey: string;

package/dist/react.cjs

@@ -98,11 +98,6 @@ const Form = React.forwardRef(function Form(props, ref) {
   return React.createElement(customElements.getName(FormWC) ?? 'foundation-form', { ...rest, ref: _mergeRefs(_innerRef, ref) }, children);
 });
 
-const Filters = React.forwardRef(function Filters(props, ref) {
-  const { children, ...rest } = props;
-  return React.createElement(customElements.getName(FiltersWC) ?? 'foundation-filters', { ...rest, ref }, children);
-});
-
 const JSONForms = React.forwardRef(function JSONForms(props, ref) {
   const { onDataChange, children, ...rest } = props;
   const _innerRef = React.useRef(null);
@@ -120,6 +115,11 @@ const JSONForms = React.forwardRef(function JSONForms(props, ref) {
   return React.createElement(customElements.getName(JSONFormsWC) ?? 'json-forms', { ...rest, ref: _mergeRefs(_innerRef, ref) }, children);
 });
 
+const Filters = React.forwardRef(function Filters(props, ref) {
+  const { children, ...rest } = props;
+  return React.createElement(customElements.getName(FiltersWC) ?? 'foundation-filters', { ...rest, ref }, children);
+});
+
 const ArrayListWrapper = React.forwardRef(function ArrayListWrapper(props, ref) {
   const { children, ...rest } = props;
   return React.createElement(customElements.getName(ArrayListWrapperWC) ?? 'array-list-wrapper', { ...rest, ref }, children);
@@ -157,8 +157,8 @@ const DispatchRenderer = React.forwardRef(function DispatchRenderer(props, ref)
 
 module.exports = {
   Form,
-  Filters,
   JSONForms,
+  Filters,
   ArrayListWrapper,
   CategorizationWrapper,
   ControlWrapper,

package/dist/react.mjs

@@ -96,11 +96,6 @@ export const Form = React.forwardRef(function Form(props, ref) {
   return React.createElement(customElements.getName(FormWC) ?? 'foundation-form', { ...rest, ref: _mergeRefs(_innerRef, ref) }, children);
 });
 
-export const Filters = React.forwardRef(function Filters(props, ref) {
-  const { children, ...rest } = props;
-  return React.createElement(customElements.getName(FiltersWC) ?? 'foundation-filters', { ...rest, ref }, children);
-});
-
 export const JSONForms = React.forwardRef(function JSONForms(props, ref) {
   const { onDataChange, children, ...rest } = props;
   const _innerRef = React.useRef(null);
@@ -118,6 +113,11 @@ export const JSONForms = React.forwardRef(function JSONForms(props, ref) {
   return React.createElement(customElements.getName(JSONFormsWC) ?? 'json-forms', { ...rest, ref: _mergeRefs(_innerRef, ref) }, children);
 });
 
+export const Filters = React.forwardRef(function Filters(props, ref) {
+  const { children, ...rest } = props;
+  return React.createElement(customElements.getName(FiltersWC) ?? 'foundation-filters', { ...rest, ref }, children);
+});
+
 export const ArrayListWrapper = React.forwardRef(function ArrayListWrapper(props, ref) {
   const { children, ...rest } = props;
   return React.createElement(customElements.getName(ArrayListWrapperWC) ?? 'array-list-wrapper', { ...rest, ref }, children);

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@genesislcap/foundation-forms",
   "description": "Genesis Foundation Forms",
-  "version": "14.431.0",
+  "version": "14.432.1",
   "sideEffects": false,
   "license": "SEE LICENSE IN license.txt",
   "main": "dist/esm/index.js",
@@ -55,23 +55,23 @@
     }
   },
   "devDependencies": {
-    "@genesislcap/foundation-testing": "14.431.0",
-    "@genesislcap/genx": "14.431.0",
-    "@genesislcap/rollup-builder": "14.431.0",
-    "@genesislcap/ts-builder": "14.431.0",
-    "@genesislcap/uvu-playwright-builder": "14.431.0",
-    "@genesislcap/vite-builder": "14.431.0",
-    "@genesislcap/webpack-builder": "14.431.0",
+    "@genesislcap/foundation-testing": "14.432.1",
+    "@genesislcap/genx": "14.432.1",
+    "@genesislcap/rollup-builder": "14.432.1",
+    "@genesislcap/ts-builder": "14.432.1",
+    "@genesislcap/uvu-playwright-builder": "14.432.1",
+    "@genesislcap/vite-builder": "14.432.1",
+    "@genesislcap/webpack-builder": "14.432.1",
     "@types/json-schema": "^7.0.11",
     "@types/papaparse": "^5.3.14"
   },
   "dependencies": {
-    "@genesislcap/foundation-comms": "14.431.0",
-    "@genesislcap/foundation-criteria": "14.431.0",
-    "@genesislcap/foundation-logger": "14.431.0",
-    "@genesislcap/foundation-notifications": "14.431.0",
-    "@genesislcap/foundation-ui": "14.431.0",
-    "@genesislcap/foundation-utils": "14.431.0",
+    "@genesislcap/foundation-comms": "14.432.1",
+    "@genesislcap/foundation-criteria": "14.432.1",
+    "@genesislcap/foundation-logger": "14.432.1",
+    "@genesislcap/foundation-notifications": "14.432.1",
+    "@genesislcap/foundation-ui": "14.432.1",
+    "@genesislcap/foundation-utils": "14.432.1",
     "@json-schema-tools/dereferencer": "^1.6.1",
     "@jsonforms/core": "^3.2.1",
     "@microsoft/fast-components": "2.30.6",
@@ -93,5 +93,5 @@
     "access": "public"
   },
   "customElements": "dist/custom-elements.json",
-  "gitHead": "4e523b6a77df321a9c70fcdf7c12a4ffcb98769a"
+  "gitHead": "db069baa1e602aba41b0a8eb54a5d48823b962de"
 }