@genesislcap/rapid-design-system 14.430.2 → 14.431.0

package/dist/custom-elements.json

@@ -6217,6 +6217,8 @@
             "name": "FoundationBreadcrumbItem",
             "package": "@genesislcap/foundation-ui"
           },
+          "tagName": "%%prefix%%-breadcrumb-item",
+          "customElement": true,
           "attributes": [
             {
               "name": "download",
@@ -8627,6 +8629,8 @@
             "name": "FoundationCheckbox",
             "package": "@genesislcap/foundation-ui"
           },
+          "tagName": "%%prefix%%-checkbox",
+          "customElement": true,
           "attributes": [
             {
               "name": "readonly",
@@ -10325,7 +10329,9 @@
           "superclass": {
             "name": "FASTDesignSystemProvider",
             "package": "@microsoft/fast-components"
-          }
+          },
+          "tagName": "%%prefix%%-design-system-provider",
+          "customElement": true
         },
         {
           "kind": "variable",
@@ -16175,6 +16181,8 @@
             "name": "FoundationFlipper",
             "package": "@genesislcap/foundation-ui"
           },
+          "tagName": "%%prefix%%-flipper",
+          "customElement": true,
           "attributes": [
             {
               "type": {
@@ -19832,6 +19840,8 @@
             "name": "FoundationMenuItem",
             "package": "@genesislcap/foundation-ui"
           },
+          "tagName": "%%prefix%%-menu-item",
+          "customElement": true,
           "attributes": [
             {
               "type": {
@@ -24807,7 +24817,9 @@
           "superclass": {
             "name": "FoundationProgressRing",
             "package": "@genesislcap/foundation-ui"
-          }
+          },
+          "tagName": "%%prefix%%-progress-ring",
+          "customElement": true
         },
         {
           "kind": "variable",
@@ -30552,7 +30564,9 @@
           "superclass": {
             "name": "FoundationFoundationRadio",
             "package": "@genesislcap/foundation-ui"
-          }
+          },
+          "tagName": "%%prefix%%-segmented-item",
+          "customElement": true
         },
         {
           "kind": "variable",
@@ -36674,6 +36688,8 @@
             "name": "FoundationTabs",
             "package": "@genesislcap/foundation-ui"
           },
+          "tagName": "%%prefix%%-tabs",
+          "customElement": true,
           "attributes": [
             {
               "type": {
@@ -39454,7 +39470,9 @@
           "superclass": {
             "name": "foundationTooltip",
             "package": "@genesislcap/foundation-ui"
-          }
+          },
+          "tagName": "%%prefix%%-tooltip",
+          "customElement": true
         },
         {
           "kind": "variable",
@@ -43404,6 +43422,8 @@
             "name": "FoundationSystemHealthOverlay",
             "package": "@genesislcap/foundation-ui"
           },
+          "tagName": "%%prefix%%-system-health-overlay",
+          "customElement": true,
           "attributes": [
             {
               "name": "mode",

package/dist/dts/breadcrumb-item/breadcrumb-item.d.ts

@@ -1,5 +1,8 @@
 import { BreadcrumbItem as FoundationBreadcrumbItem } from '@genesislcap/foundation-ui';
 import type { BreadcrumbItemOptions } from '@microsoft/fast-foundation';
+/**
+ * @tagname %%prefix%%-breadcrumb-item
+ */
 export declare class BreadcrumbItem extends FoundationBreadcrumbItem {
 }
 /**

package/dist/dts/breadcrumb-item/breadcrumb-item.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"breadcrumb-item.d.ts","sourceRoot":"","sources":["../../../src/breadcrumb-item/breadcrumb-item.ts"],"names":[],"mappings":"AAAA,OAAO,EACL,cAAc,IAAI,wBAAwB,EAG3C,MAAM,4BAA4B,CAAC;AACpC,OAAO,KAAK,EAAE,qBAAqB,EAAE,MAAM,4BAA4B,CAAC;AAIxE,qBAAa,cAAe,SAAQ,wBAAwB;CAAG;AAE/D;;;;;;GAMG;AACH,eAAO,MAAM,mBAAmB,0TAM9B,CAAC"}
+{"version":3,"file":"breadcrumb-item.d.ts","sourceRoot":"","sources":["../../../src/breadcrumb-item/breadcrumb-item.ts"],"names":[],"mappings":"AAAA,OAAO,EACL,cAAc,IAAI,wBAAwB,EAG3C,MAAM,4BAA4B,CAAC;AACpC,OAAO,KAAK,EAAE,qBAAqB,EAAE,MAAM,4BAA4B,CAAC;AAIxE;;GAEG;AACH,qBAAa,cAAe,SAAQ,wBAAwB;CAAG;AAE/D;;;;;;GAMG;AACH,eAAO,MAAM,mBAAmB,0TAM9B,CAAC"}

package/dist/dts/checkbox/checkbox.d.ts

@@ -1,5 +1,8 @@
 import { Checkbox as FoundationCheckbox } from '@genesislcap/foundation-ui';
 import type { CheckboxOptions } from '@microsoft/fast-foundation';
+/**
+ * @tagname %%prefix%%-checkbox
+ */
 export declare class Checkbox extends FoundationCheckbox {
 }
 export declare const rapidCheckbox: (overrideDefinition?: import("@microsoft/fast-foundation").OverrideFoundationElementDefinition<CheckboxOptions>) => import("@microsoft/fast-foundation").FoundationElementRegistry<CheckboxOptions, import("@microsoft/fast-element").Constructable<import("@microsoft/fast-foundation").FoundationElement>>;

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

@@ -1 +1 @@
-{"version":3,"file":"checkbox.d.ts","sourceRoot":"","sources":["../../../src/checkbox/checkbox.ts"],"names":[],"mappings":"AAAA,OAAO,EACL,QAAQ,IAAI,kBAAkB,EAG/B,MAAM,4BAA4B,CAAC;AACpC,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,4BAA4B,CAAC;AAIlE,qBAAa,QAAS,SAAQ,kBAAkB;CAAG;AAEnD,eAAO,MAAM,aAAa,8SAMxB,CAAC"}
+{"version":3,"file":"checkbox.d.ts","sourceRoot":"","sources":["../../../src/checkbox/checkbox.ts"],"names":[],"mappings":"AAAA,OAAO,EACL,QAAQ,IAAI,kBAAkB,EAG/B,MAAM,4BAA4B,CAAC;AACpC,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,4BAA4B,CAAC;AAIlE;;GAEG;AACH,qBAAa,QAAS,SAAQ,kBAAkB;CAAG;AAEnD,eAAO,MAAM,aAAa,8SAMxB,CAAC"}

package/dist/dts/design-system-provider/design-system-provider.d.ts

@@ -1,4 +1,7 @@
 import { DesignSystemProvider as FASTDesignSystemProvider } from '@microsoft/fast-components';
+/**
+ * @tagname %%prefix%%-design-system-provider
+ */
 export declare class DesignSystemProvider extends FASTDesignSystemProvider {
     constructor();
 }

package/dist/dts/design-system-provider/design-system-provider.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"design-system-provider.d.ts","sourceRoot":"","sources":["../../../src/design-system-provider/design-system-provider.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,oBAAoB,IAAI,wBAAwB,EAAE,MAAM,4BAA4B,CAAC;AAM9F,qBAAa,oBAAqB,SAAQ,wBAAwB;;CAKjE;AAED,eAAO,MAAM,oBAAoB;;;;;;+BAK/B,CAAC"}
+{"version":3,"file":"design-system-provider.d.ts","sourceRoot":"","sources":["../../../src/design-system-provider/design-system-provider.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,oBAAoB,IAAI,wBAAwB,EAAE,MAAM,4BAA4B,CAAC;AAM9F;;GAEG;AACH,qBAAa,oBAAqB,SAAQ,wBAAwB;;CAKjE;AAED,eAAO,MAAM,oBAAoB;;;;;;+BAK/B,CAAC"}

package/dist/dts/flipper/flipper.d.ts

@@ -1,5 +1,8 @@
 import { Flipper as FoundationFlipper } from '@genesislcap/foundation-ui';
 import type { FlipperOptions } from '@microsoft/fast-foundation';
+/**
+ * @tagname %%prefix%%-flipper
+ */
 export declare class Flipper extends FoundationFlipper {
 }
 export declare const rapidFlipper: (overrideDefinition?: import("@microsoft/fast-foundation").OverrideFoundationElementDefinition<FlipperOptions>) => import("@microsoft/fast-foundation").FoundationElementRegistry<FlipperOptions, import("@microsoft/fast-element").Constructable<import("@microsoft/fast-foundation").FoundationElement>>;

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

@@ -1 +1 @@
-{"version":3,"file":"flipper.d.ts","sourceRoot":"","sources":["../../../src/flipper/flipper.ts"],"names":[],"mappings":"AAAA,OAAO,EAEL,OAAO,IAAI,iBAAiB,EAE7B,MAAM,4BAA4B,CAAC;AACpC,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,4BAA4B,CAAC;AAIjE,qBAAa,OAAQ,SAAQ,iBAAiB;CAAG;AAEjD,eAAO,MAAM,YAAY,4SAMvB,CAAC"}
+{"version":3,"file":"flipper.d.ts","sourceRoot":"","sources":["../../../src/flipper/flipper.ts"],"names":[],"mappings":"AAAA,OAAO,EAEL,OAAO,IAAI,iBAAiB,EAE7B,MAAM,4BAA4B,CAAC;AACpC,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,4BAA4B,CAAC;AAIjE;;GAEG;AACH,qBAAa,OAAQ,SAAQ,iBAAiB;CAAG;AAEjD,eAAO,MAAM,YAAY,4SAMvB,CAAC"}

package/dist/dts/menu-item/menu-item.d.ts

@@ -1,8 +1,8 @@
 import { MenuItem as FoundationMenuItem } from '@genesislcap/foundation-ui';
+export declare const rapidMenuItemShadowOptions: ShadowRootInit;
 /**
- * @tagname %%prefix%%-menu
+ * @tagname %%prefix%%-menu-item
  */
-export declare const rapidMenuItemShadowOptions: ShadowRootInit;
 export declare class MenuItem extends FoundationMenuItem {
 }
 export declare const rapidMenuItem: (overrideDefinition?: import("@microsoft/fast-foundation").OverrideFoundationElementDefinition<import("@microsoft/fast-foundation").FoundationElementDefinition>) => import("@microsoft/fast-foundation").FoundationElementRegistry<import("@microsoft/fast-foundation").FoundationElementDefinition, typeof MenuItem>;

package/dist/dts/menu-item/menu-item.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"menu-item.d.ts","sourceRoot":"","sources":["../../../src/menu-item/menu-item.ts"],"names":[],"mappings":"AAAA,OAAO,EACL,QAAQ,IAAI,kBAAkB,EAG/B,MAAM,4BAA4B,CAAC;AAIpC;;GAEG;AAEH,eAAO,MAAM,0BAA0B,gBAAkC,CAAC;AAE1E,qBAAa,QAAS,SAAQ,kBAAkB;CAAG;AAEnD,eAAO,MAAM,aAAa,wTAMxB,CAAC"}
+{"version":3,"file":"menu-item.d.ts","sourceRoot":"","sources":["../../../src/menu-item/menu-item.ts"],"names":[],"mappings":"AAAA,OAAO,EACL,QAAQ,IAAI,kBAAkB,EAG/B,MAAM,4BAA4B,CAAC;AAIpC,eAAO,MAAM,0BAA0B,gBAAkC,CAAC;AAE1E;;GAEG;AACH,qBAAa,QAAS,SAAQ,kBAAkB;CAAG;AAEnD,eAAO,MAAM,aAAa,wTAMxB,CAAC"}

package/dist/dts/overlays/system-health/system-health-overlay.d.ts

@@ -2,6 +2,7 @@ import { SystemHealthOverlay as FoundationSystemHealthOverlay } from '@genesislc
 /**
  * SystemHealthOverlay
  * @public
+ * @tagname %%prefix%%-system-health-overlay
  */
 export declare class SystemHealthOverlay extends FoundationSystemHealthOverlay {
 }

package/dist/dts/overlays/system-health/system-health-overlay.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"system-health-overlay.d.ts","sourceRoot":"","sources":["../../../../src/overlays/system-health/system-health-overlay.ts"],"names":[],"mappings":"AAAA,OAAO,EACL,mBAAmB,IAAI,6BAA6B,EAKrD,MAAM,4BAA4B,CAAC;AAEpC;;;GAGG;AACH,qBAAa,mBAAoB,SAAQ,6BAA6B;CAAG;AAEzE;;;;;;GAMG;AACH,eAAO,MAAM,wBAAwB,mUAMnC,CAAC"}
+{"version":3,"file":"system-health-overlay.d.ts","sourceRoot":"","sources":["../../../../src/overlays/system-health/system-health-overlay.ts"],"names":[],"mappings":"AAAA,OAAO,EACL,mBAAmB,IAAI,6BAA6B,EAKrD,MAAM,4BAA4B,CAAC;AAEpC;;;;GAIG;AACH,qBAAa,mBAAoB,SAAQ,6BAA6B;CAAG;AAEzE;;;;;;GAMG;AACH,eAAO,MAAM,wBAAwB,mUAMnC,CAAC"}

package/dist/dts/progress-ring/progress-ring.d.ts

@@ -1,5 +1,8 @@
 import { ProgressRing as FoundationProgressRing } from '@genesislcap/foundation-ui';
 import type { ProgressRingOptions } from '@microsoft/fast-foundation';
+/**
+ * @tagname %%prefix%%-progress-ring
+ */
 export declare class ProgressRing extends FoundationProgressRing {
 }
 export declare const defaultrapidProgressRingConfig: {};

package/dist/dts/progress-ring/progress-ring.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"progress-ring.d.ts","sourceRoot":"","sources":["../../../src/progress-ring/progress-ring.ts"],"names":[],"mappings":"AAAA,OAAO,EAEL,YAAY,IAAI,sBAAsB,EAEvC,MAAM,4BAA4B,CAAC;AACpC,OAAO,KAAK,EAAE,mBAAmB,EAAE,MAAM,4BAA4B,CAAC;AAItE,qBAAa,YAAa,SAAQ,sBAAsB;CAAG;AAE3D,eAAO,MAAM,8BAA8B,IAAK,CAAC;AAEjD,eAAO,MAAM,iBAAiB,sTAM5B,CAAC"}
+{"version":3,"file":"progress-ring.d.ts","sourceRoot":"","sources":["../../../src/progress-ring/progress-ring.ts"],"names":[],"mappings":"AAAA,OAAO,EAEL,YAAY,IAAI,sBAAsB,EAEvC,MAAM,4BAA4B,CAAC;AACpC,OAAO,KAAK,EAAE,mBAAmB,EAAE,MAAM,4BAA4B,CAAC;AAItE;;GAEG;AACH,qBAAa,YAAa,SAAQ,sBAAsB;CAAG;AAE3D,eAAO,MAAM,8BAA8B,IAAK,CAAC;AAEjD,eAAO,MAAM,iBAAiB,sTAM5B,CAAC"}

package/dist/dts/react.d.ts

@@ -14,14 +14,17 @@ import type { AnchoredRegion as AnchoredRegionWC } from './anchored-region/ancho
 import type { Avatar as AvatarWC } from './avatar/avatar';
 import type { Badge as BadgeWC } from './badge/badge';
 import type { Banner as BannerWC } from './banner/banner';
+import type { BreadcrumbItem as BreadcrumbItemWC } from './breadcrumb-item/breadcrumb-item';
 import type { Breadcrumb as BreadcrumbWC } from './breadcrumb/breadcrumb';
 import type { Button as ButtonWC } from './button/button';
 import type { Calendar as CalendarWC } from './calendar/calendar';
 import type { Card as CardWC } from './card/card';
 import type { CategorizedMultiselect as CategorizedMultiselectWC } from './categorized-multiselect/categorized-multiselect';
+import type { Checkbox as CheckboxWC } from './checkbox/checkbox';
 import type { Combobox as ComboboxWC } from './combobox/combobox';
 import type { ConnectionIndicator as ConnectionIndicatorWC } from './connection-indicator/connection-indicator';
 import type { DatePicker as DatePickerWC } from './date-picker/date-picker';
+import type { DesignSystemProvider as DesignSystemProviderWC } from './design-system-provider/design-system-provider';
 import type { Dialog as DialogWC } from './dialog/dialog';
 import type { Disclosure as DisclosureWC } from './disclosure/disclosure';
 import type { Divider as DividerWC } from './divider/divider';
@@ -30,17 +33,21 @@ import type { EnvironmentIndicator as EnvironmentIndicatorWC } from './environme
 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';
+import type { Flipper as FlipperWC } from './flipper/flipper';
 import type { Flyout as FlyoutWC } from './flyout/flyout';
 import type { HorizontalScroll as HorizontalScrollWC } from './horizontal-scroll/horizontal-scroll';
 import type { Icon as IconWC } from './icon/icon';
 import type { ListboxOption as ListboxOptionWC } from './listbox-option/listbox-option';
 import type { Listbox as ListboxWC } from './listbox/listbox';
+import type { MenuItem as MenuItemWC } from './menu-item/menu-item';
 import type { Menu as MenuWC } from './menu/menu';
 import type { Modal as ModalWC } from './modal/modal';
 import type { Multiselect as MultiselectWC } from './multiselect/multiselect';
 import type { NotificationListener as NotificationListenerWC } from './notification-listener/notification-listener';
 import type { NumberField as NumberFieldWC } from './number-field/number-field';
 import type { Optgroup as OptgroupWC } from './optgroup/optgroup';
+import type { SystemHealthOverlay as SystemHealthOverlayWC } from './overlays/system-health/system-health-overlay';
+import type { ProgressRing as ProgressRingWC } from './progress-ring/progress-ring';
 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';
@@ -51,6 +58,7 @@ import type { SearchBarCombobox as SearchBarComboboxWC } from './search-bar/sear
 import type { SearchBar as SearchBarWC } from './search-bar/search-bar';
 import type { SectionNavigator as SectionNavigatorWC } from './section-navigator/section-navigator';
 import type { SegmentedControl as SegmentedControlWC } from './segmented-control/segmented-control';
+import type { SegmentedItem as SegmentedItemWC } from './segmented-item/segmented-item';
 import type { Select as SelectWC } from './select/select';
 import type { Skeleton as SkeletonWC } from './skeleton/skeleton';
 import type { SliderLabel as SliderLabelWC } from './slider-label/slider-label';
@@ -64,10 +72,12 @@ import type { Stepper as StepperWC } from './stepper/stepper';
 import type { Switch as SwitchWC } from './switch/switch';
 import type { TabPanel as TabPanelWC } from './tab-panel/tab-panel';
 import type { Tab as TabWC } from './tab/tab';
+import type { Tabs as TabsWC } from './tabs/tabs';
 import type { TextArea as TextAreaWC } from './text-area/text-area';
 import type { TextField as TextFieldWC } from './text-field/text-field';
 import type { Toast as ToastWC } from './toast/toast';
 import type { Toolbar as ToolbarWC } from './toolbar/toolbar';
+import type { Tooltip as TooltipWC } from './tooltip/tooltip';
 import type { TreeItem as TreeItemWC } from './tree-item/tree-item';
 import type { TreeView as TreeViewWC } from './tree-view/tree-view';
 import type { UrlInput as UrlInputWC } from './url-input/url-input';
@@ -204,6 +214,15 @@ export declare const Breadcrumb: React.ForwardRefExoticComponent<
 >;
 export type BreadcrumbRef = BreadcrumbWC;
 
+export declare const BreadcrumbItem: React.ForwardRefExoticComponent<
+  React.PropsWithChildren<
+    Omit<PublicOf<BreadcrumbItemWC>, 'children' | 'style'> &
+    HTMLWCProps & {
+    }
+  > & React.RefAttributes<BreadcrumbItemWC>
+>;
+export type BreadcrumbItemRef = BreadcrumbItemWC;
+
 export declare const Button: React.ForwardRefExoticComponent<
   React.PropsWithChildren<
     Omit<PublicOf<ButtonWC>, 'children' | 'style'> &
@@ -241,6 +260,15 @@ export declare const CategorizedMultiselect: React.ForwardRefExoticComponent<
 >;
 export type CategorizedMultiselectRef = CategorizedMultiselectWC;
 
+export declare const Checkbox: React.ForwardRefExoticComponent<
+  React.PropsWithChildren<
+    Omit<PublicOf<CheckboxWC>, 'children' | 'style'> &
+    HTMLWCProps & {
+    }
+  > & React.RefAttributes<CheckboxWC>
+>;
+export type CheckboxRef = CheckboxWC;
+
 export declare const Combobox: React.ForwardRefExoticComponent<
   React.PropsWithChildren<
     Omit<PublicOf<ComboboxWC>, 'children' | 'style'> &
@@ -269,6 +297,15 @@ export declare const DatePicker: React.ForwardRefExoticComponent<
 >;
 export type DatePickerRef = DatePickerWC;
 
+export declare const DesignSystemProvider: React.ForwardRefExoticComponent<
+  React.PropsWithChildren<
+    Omit<PublicOf<DesignSystemProviderWC>, 'children' | 'style'> &
+    HTMLWCProps & {
+    }
+  > & React.RefAttributes<DesignSystemProviderWC>
+>;
+export type DesignSystemProviderRef = DesignSystemProviderWC;
+
 export declare const Dialog: React.ForwardRefExoticComponent<
   React.PropsWithChildren<
     Omit<PublicOf<DialogWC>, 'children' | 'style'> &
@@ -348,6 +385,15 @@ export declare const FilterBar: React.ForwardRefExoticComponent<
 >;
 export type FilterBarRef = FilterBarWC;
 
+export declare const Flipper: React.ForwardRefExoticComponent<
+  React.PropsWithChildren<
+    Omit<PublicOf<FlipperWC>, 'children' | 'style'> &
+    HTMLWCProps & {
+    }
+  > & React.RefAttributes<FlipperWC>
+>;
+export type FlipperRef = FlipperWC;
+
 export declare const Flyout: React.ForwardRefExoticComponent<
   React.PropsWithChildren<
     Omit<PublicOf<FlyoutWC>, 'children' | 'style'> &
@@ -405,6 +451,17 @@ export declare const Menu: React.ForwardRefExoticComponent<
 >;
 export type MenuRef = MenuWC;
 
+export declare const MenuItem: React.ForwardRefExoticComponent<
+  React.PropsWithChildren<
+    Omit<PublicOf<MenuItemWC>, 'children' | 'style'> &
+    HTMLWCProps & {
+      onOnMenuClick?: (event: CustomEvent<unknown>) => void;
+      onExpandedChange?: (event: CustomEvent<unknown>) => void;
+    }
+  > & React.RefAttributes<MenuItemWC>
+>;
+export type MenuItemRef = MenuItemWC;
+
 export declare const Modal: React.ForwardRefExoticComponent<
   React.PropsWithChildren<
     Omit<PublicOf<ModalWC>, 'children' | 'style'> &
@@ -461,6 +518,15 @@ export declare const Progress: React.ForwardRefExoticComponent<
 >;
 export type ProgressRef = ProgressWC;
 
+export declare const ProgressRing: React.ForwardRefExoticComponent<
+  React.PropsWithChildren<
+    Omit<PublicOf<ProgressRingWC>, 'children' | 'style'> &
+    HTMLWCProps & {
+    }
+  > & React.RefAttributes<ProgressRingWC>
+>;
+export type ProgressRingRef = ProgressRingWC;
+
 export declare const Radio: React.ForwardRefExoticComponent<
   React.PropsWithChildren<
     Omit<PublicOf<RadioWC>, 'children' | 'style'> &
@@ -548,6 +614,15 @@ export declare const SegmentedControl: React.ForwardRefExoticComponent<
 >;
 export type SegmentedControlRef = SegmentedControlWC;
 
+export declare const SegmentedItem: React.ForwardRefExoticComponent<
+  React.PropsWithChildren<
+    Omit<PublicOf<SegmentedItemWC>, 'children' | 'style'> &
+    HTMLWCProps & {
+    }
+  > & React.RefAttributes<SegmentedItemWC>
+>;
+export type SegmentedItemRef = SegmentedItemWC;
+
 export declare const Select: React.ForwardRefExoticComponent<
   React.PropsWithChildren<
     Omit<PublicOf<SelectWC>, 'children' | 'style'> &
@@ -671,6 +746,15 @@ export declare const TabPanel: React.ForwardRefExoticComponent<
 >;
 export type TabPanelRef = TabPanelWC;
 
+export declare const Tabs: React.ForwardRefExoticComponent<
+  React.PropsWithChildren<
+    Omit<PublicOf<TabsWC>, 'children' | 'style'> &
+    HTMLWCProps & {
+    }
+  > & React.RefAttributes<TabsWC>
+>;
+export type TabsRef = TabsWC;
+
 export declare const TextArea: React.ForwardRefExoticComponent<
   React.PropsWithChildren<
     Omit<PublicOf<TextAreaWC>, 'children' | 'style'> &
@@ -707,6 +791,15 @@ export declare const Toolbar: React.ForwardRefExoticComponent<
 >;
 export type ToolbarRef = ToolbarWC;
 
+export declare const Tooltip: React.ForwardRefExoticComponent<
+  React.PropsWithChildren<
+    Omit<PublicOf<TooltipWC>, 'children' | 'style'> &
+    HTMLWCProps & {
+    }
+  > & React.RefAttributes<TooltipWC>
+>;
+export type TooltipRef = TooltipWC;
+
 export declare const TreeItem: React.ForwardRefExoticComponent<
   React.PropsWithChildren<
     Omit<PublicOf<TreeItemWC>, 'children' | 'style'> &
@@ -736,4 +829,13 @@ export declare const UrlInput: React.ForwardRefExoticComponent<
 >;
 export type UrlInputRef = UrlInputWC;
 
+export declare const SystemHealthOverlay: React.ForwardRefExoticComponent<
+  React.PropsWithChildren<
+    Omit<PublicOf<SystemHealthOverlayWC>, 'children' | 'style'> &
+    HTMLWCProps & {
+    }
+  > & React.RefAttributes<SystemHealthOverlayWC>
+>;
+export type SystemHealthOverlayRef = SystemHealthOverlayWC;
+
 export {};

package/dist/dts/segmented-item/segmented-item.d.ts

@@ -1,5 +1,8 @@
 import { Radio as FoundationFoundationRadio } from '@genesislcap/foundation-ui';
 import type { RadioOptions } from '@microsoft/fast-foundation';
+/**
+ * @tagname %%prefix%%-segmented-item
+ */
 export declare class SegmentedItem extends FoundationFoundationRadio {
 }
 export declare const rapidSegmentedItemShadowOptions: ShadowRootInit;

package/dist/dts/segmented-item/segmented-item.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"segmented-item.d.ts","sourceRoot":"","sources":["../../../src/segmented-item/segmented-item.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,IAAI,yBAAyB,EAAE,MAAM,4BAA4B,CAAC;AAChF,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,4BAA4B,CAAC;AAI/D,qBAAa,aAAc,SAAQ,yBAAyB;CAAG;AAG/D,eAAO,MAAM,+BAA+B,EAAE,cAA0B,CAAC;AAEzE,eAAO,MAAM,0BAA0B,IAAK,CAAC;AAE7C;;;;;;GAMG;AACH,eAAO,MAAM,kBAAkB,wSAM7B,CAAC"}
+{"version":3,"file":"segmented-item.d.ts","sourceRoot":"","sources":["../../../src/segmented-item/segmented-item.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,IAAI,yBAAyB,EAAE,MAAM,4BAA4B,CAAC;AAChF,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,4BAA4B,CAAC;AAI/D;;GAEG;AACH,qBAAa,aAAc,SAAQ,yBAAyB;CAAG;AAG/D,eAAO,MAAM,+BAA+B,EAAE,cAA0B,CAAC;AAEzE,eAAO,MAAM,0BAA0B,IAAK,CAAC;AAE7C;;;;;;GAMG;AACH,eAAO,MAAM,kBAAkB,wSAM7B,CAAC"}

package/dist/dts/tabs/tabs.d.ts

@@ -1,6 +1,9 @@
 import { Tabs as FoundationTabs } from '@genesislcap/foundation-ui';
 import { SwatchRGB } from '@microsoft/fast-components';
 export declare const swatchFromColor: (hexColor: any) => SwatchRGB;
+/**
+ * @tagname %%prefix%%-tabs
+ */
 export declare class Tabs extends FoundationTabs {
 }
 export declare const rapidTabs: (overrideDefinition?: import("@microsoft/fast-foundation").OverrideFoundationElementDefinition<import("@microsoft/fast-foundation").FoundationElementDefinition>) => import("@microsoft/fast-foundation").FoundationElementRegistry<import("@microsoft/fast-foundation").FoundationElementDefinition, typeof Tabs>;

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

@@ -1 +1 @@
-{"version":3,"file":"tabs.d.ts","sourceRoot":"","sources":["../../../src/tabs/tabs.ts"],"names":[],"mappings":"AAAA,OAAO,EACL,IAAI,IAAI,cAAc,EAGvB,MAAM,4BAA4B,CAAC;AAEpC,OAAO,EAAE,SAAS,EAAE,MAAM,4BAA4B,CAAC;AAIvD,eAAO,MAAM,eAAe,GAAI,aAAQ,cAMvC,CAAC;AAGF,qBAAa,IAAK,SAAQ,cAAc;CAAG;AAE3C,eAAO,MAAM,SAAS,oTAMpB,CAAC"}
+{"version":3,"file":"tabs.d.ts","sourceRoot":"","sources":["../../../src/tabs/tabs.ts"],"names":[],"mappings":"AAAA,OAAO,EACL,IAAI,IAAI,cAAc,EAGvB,MAAM,4BAA4B,CAAC;AAEpC,OAAO,EAAE,SAAS,EAAE,MAAM,4BAA4B,CAAC;AAIvD,eAAO,MAAM,eAAe,GAAI,aAAQ,cAMvC,CAAC;AAGF;;GAEG;AACH,qBAAa,IAAK,SAAQ,cAAc;CAAG;AAE3C,eAAO,MAAM,SAAS,oTAMpB,CAAC"}

package/dist/dts/tooltip/tooltip.d.ts

@@ -1,4 +1,7 @@
 import { Tooltip as foundationTooltip } from '@genesislcap/foundation-ui';
+/**
+ * @tagname %%prefix%%-tooltip
+ */
 export declare class Tooltip extends foundationTooltip {
 }
 export declare const rapidTooltip: (overrideDefinition?: import("@microsoft/fast-foundation").OverrideFoundationElementDefinition<import("@microsoft/fast-foundation").FoundationElementDefinition>) => import("@microsoft/fast-foundation").FoundationElementRegistry<import("@microsoft/fast-foundation").FoundationElementDefinition, typeof Tooltip>;

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

@@ -1 +1 @@
-{"version":3,"file":"tooltip.d.ts","sourceRoot":"","sources":["../../../src/tooltip/tooltip.ts"],"names":[],"mappings":"AAAA,OAAO,EACL,OAAO,IAAI,iBAAiB,EAG7B,MAAM,4BAA4B,CAAC;AAIpC,qBAAa,OAAQ,SAAQ,iBAAiB;CAAG;AAEjD,eAAO,MAAM,YAAY,uTAMvB,CAAC"}
+{"version":3,"file":"tooltip.d.ts","sourceRoot":"","sources":["../../../src/tooltip/tooltip.ts"],"names":[],"mappings":"AAAA,OAAO,EACL,OAAO,IAAI,iBAAiB,EAG7B,MAAM,4BAA4B,CAAC;AAIpC;;GAEG;AACH,qBAAa,OAAQ,SAAQ,iBAAiB;CAAG;AAEjD,eAAO,MAAM,YAAY,uTAMvB,CAAC"}

package/dist/esm/breadcrumb-item/breadcrumb-item.js

@@ -1,6 +1,9 @@
 import { BreadcrumbItem as FoundationBreadcrumbItem, defaultBreadcrumbItemConfig, foundationBreadcrumbItemShadowOptions, } from '@genesislcap/foundation-ui';
 import { rapidBreadcrumbItemStyles as styles } from './breadcrumb-item.styles';
 import { rapidBreadcrumbItemTemplate as template } from './breadcrumb-item.template';
+/**
+ * @tagname %%prefix%%-breadcrumb-item
+ */
 export class BreadcrumbItem extends FoundationBreadcrumbItem {
 }
 /**

package/dist/esm/checkbox/checkbox.js

@@ -1,6 +1,9 @@
 import { Checkbox as FoundationCheckbox, defaultCheckboxConfig, foundationCheckboxShadowOptions, } from '@genesislcap/foundation-ui';
 import { rapidCheckboxStyles as styles } from './checkbox.styles';
 import { rapidCheckboxTemplate as template } from './checkbox.template';
+/**
+ * @tagname %%prefix%%-checkbox
+ */
 export class Checkbox extends FoundationCheckbox {
 }
 export const rapidCheckbox = Checkbox.compose(Object.assign({ baseName: 'checkbox', template,

package/dist/esm/design-system-provider/design-system-provider.js

@@ -3,6 +3,9 @@ import { DesignSystemProvider as FASTDesignSystemProvider } from '@microsoft/fas
 import { html } from '@microsoft/fast-element';
 import * as tokens from '../_config/tokens';
 import * as values from '../_config/values';
+/**
+ * @tagname %%prefix%%-design-system-provider
+ */
 export class DesignSystemProvider extends FASTDesignSystemProvider {
     constructor() {
         super();

package/dist/esm/flipper/flipper.js

@@ -1,6 +1,9 @@
 import { defaultFlipperConfig, Flipper as FoundationFlipper, foundationFlipperShadowOptions, } from '@genesislcap/foundation-ui';
 import { rapidFlipperStyles as styles } from './flipper.styles';
 import { rapidFlipperTemplate as template } from './flipper.template';
+/**
+ * @tagname %%prefix%%-flipper
+ */
 export class Flipper extends FoundationFlipper {
 }
 export const rapidFlipper = Flipper.compose(Object.assign({ baseName: 'flipper', template,

package/dist/esm/menu-item/menu-item.js

@@ -1,10 +1,10 @@
 import { MenuItem as FoundationMenuItem, defaultMenuItemConfig, foundationMenuItemShadowOptions, } from '@genesislcap/foundation-ui';
 import { rapidMenuItemStyles as styles } from './menu-item.styles';
 import { rapidMenuItemTemplate as template } from './menu-item.template';
+export const rapidMenuItemShadowOptions = foundationMenuItemShadowOptions;
 /**
- * @tagname %%prefix%%-menu
+ * @tagname %%prefix%%-menu-item
  */
-export const rapidMenuItemShadowOptions = foundationMenuItemShadowOptions;
 export class MenuItem extends FoundationMenuItem {
 }
 export const rapidMenuItem = MenuItem.compose(Object.assign({ baseName: 'menu-item', template,

package/dist/esm/overlays/system-health/system-health-overlay.js

@@ -2,6 +2,7 @@ import { SystemHealthOverlay as FoundationSystemHealthOverlay, foundationSystemH
 /**
  * SystemHealthOverlay
  * @public
+ * @tagname %%prefix%%-system-health-overlay
  */
 export class SystemHealthOverlay extends FoundationSystemHealthOverlay {
 }

package/dist/esm/progress-ring/progress-ring.js

@@ -1,6 +1,9 @@
 import { foundationProgressRingShadowOptions, ProgressRing as FoundationProgressRing, defaultProgressRingConfig, } from '@genesislcap/foundation-ui';
 import { rapidProgressRingStyles as styles } from './progress-ring.styles';
 import { rapidProgressRingTemplate as template } from './progress-ring.template';
+/**
+ * @tagname %%prefix%%-progress-ring
+ */
 export class ProgressRing extends FoundationProgressRing {
 }
 export const defaultrapidProgressRingConfig = {};

package/dist/esm/segmented-item/segmented-item.js

@@ -1,6 +1,9 @@
 import { Radio as FoundationFoundationRadio } from '@genesislcap/foundation-ui';
 import { rapidSegmentedItemStyles as styles } from './segmented-item.styles';
 import { rapidSegmentedItemTemplate as template } from './segmented-item.template';
+/**
+ * @tagname %%prefix%%-segmented-item
+ */
 export class SegmentedItem extends FoundationFoundationRadio {
 }
 // explicitly declaring for extensibility

package/dist/esm/tabs/tabs.js

@@ -11,6 +11,9 @@ export const swatchFromColor = (hexColor) => {
     return null;
 };
 // neutralFillRest.withDefault(swatchFromColor('#1f282d'));
+/**
+ * @tagname %%prefix%%-tabs
+ */
 export class Tabs extends FoundationTabs {
 }
 export const rapidTabs = Tabs.compose(Object.assign({ baseName: 'tabs', template,

package/dist/esm/tooltip/tooltip.js

@@ -1,6 +1,9 @@
 import { Tooltip as foundationTooltip, foundationTooltipShadowOptions, defaultTooltipConfig, } from '@genesislcap/foundation-ui';
 import { rapidTooltipStyles as styles } from './tooltip.styles';
 import { rapidTooltipTemplate as template } from './tooltip.template';
+/**
+ * @tagname %%prefix%%-tooltip
+ */
 export class Tooltip extends foundationTooltip {
 }
 export const rapidTooltip = Tooltip.compose(Object.assign({ baseName: 'tooltip', template,

package/dist/react.cjs

@@ -16,14 +16,17 @@ const { AnchoredRegion: AnchoredRegionWC } = require('./esm/anchored-region/anch
 const { Avatar: AvatarWC } = require('./esm/avatar/avatar.js');
 const { Badge: BadgeWC } = require('./esm/badge/badge.js');
 const { Banner: BannerWC } = require('./esm/banner/banner.js');
+const { BreadcrumbItem: BreadcrumbItemWC } = require('./esm/breadcrumb-item/breadcrumb-item.js');
 const { Breadcrumb: BreadcrumbWC } = require('./esm/breadcrumb/breadcrumb.js');
 const { Button: ButtonWC } = require('./esm/button/button.js');
 const { Calendar: CalendarWC } = require('./esm/calendar/calendar.js');
 const { Card: CardWC } = require('./esm/card/card.js');
 const { CategorizedMultiselect: CategorizedMultiselectWC } = require('./esm/categorized-multiselect/categorized-multiselect.js');
+const { Checkbox: CheckboxWC } = require('./esm/checkbox/checkbox.js');
 const { Combobox: ComboboxWC } = require('./esm/combobox/combobox.js');
 const { ConnectionIndicator: ConnectionIndicatorWC } = require('./esm/connection-indicator/connection-indicator.js');
 const { DatePicker: DatePickerWC } = require('./esm/date-picker/date-picker.js');
+const { DesignSystemProvider: DesignSystemProviderWC } = require('./esm/design-system-provider/design-system-provider.js');
 const { Dialog: DialogWC } = require('./esm/dialog/dialog.js');
 const { Disclosure: DisclosureWC } = require('./esm/disclosure/disclosure.js');
 const { Divider: DividerWC } = require('./esm/divider/divider.js');
@@ -32,17 +35,21 @@ const { EnvironmentIndicator: EnvironmentIndicatorWC } = require('./esm/environm
 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');
+const { Flipper: FlipperWC } = require('./esm/flipper/flipper.js');
 const { Flyout: FlyoutWC } = require('./esm/flyout/flyout.js');
 const { HorizontalScroll: HorizontalScrollWC } = require('./esm/horizontal-scroll/horizontal-scroll.js');
 const { Icon: IconWC } = require('./esm/icon/icon.js');
 const { ListboxOption: ListboxOptionWC } = require('./esm/listbox-option/listbox-option.js');
 const { Listbox: ListboxWC } = require('./esm/listbox/listbox.js');
+const { MenuItem: MenuItemWC } = require('./esm/menu-item/menu-item.js');
 const { Menu: MenuWC } = require('./esm/menu/menu.js');
 const { Modal: ModalWC } = require('./esm/modal/modal.js');
 const { Multiselect: MultiselectWC } = require('./esm/multiselect/multiselect.js');
 const { NotificationListener: NotificationListenerWC } = require('./esm/notification-listener/notification-listener.js');
 const { NumberField: NumberFieldWC } = require('./esm/number-field/number-field.js');
 const { Optgroup: OptgroupWC } = require('./esm/optgroup/optgroup.js');
+const { SystemHealthOverlay: SystemHealthOverlayWC } = require('./esm/overlays/system-health/system-health-overlay.js');
+const { ProgressRing: ProgressRingWC } = require('./esm/progress-ring/progress-ring.js');
 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');
@@ -53,6 +60,7 @@ const { SearchBarCombobox: SearchBarComboboxWC } = require('./esm/search-bar/sea
 const { SearchBar: SearchBarWC } = require('./esm/search-bar/search-bar.js');
 const { SectionNavigator: SectionNavigatorWC } = require('./esm/section-navigator/section-navigator.js');
 const { SegmentedControl: SegmentedControlWC } = require('./esm/segmented-control/segmented-control.js');
+const { SegmentedItem: SegmentedItemWC } = require('./esm/segmented-item/segmented-item.js');
 const { Select: SelectWC } = require('./esm/select/select.js');
 const { Skeleton: SkeletonWC } = require('./esm/skeleton/skeleton.js');
 const { SliderLabel: SliderLabelWC } = require('./esm/slider-label/slider-label.js');
@@ -66,10 +74,12 @@ const { Stepper: StepperWC } = require('./esm/stepper/stepper.js');
 const { Switch: SwitchWC } = require('./esm/switch/switch.js');
 const { TabPanel: TabPanelWC } = require('./esm/tab-panel/tab-panel.js');
 const { Tab: TabWC } = require('./esm/tab/tab.js');
+const { Tabs: TabsWC } = require('./esm/tabs/tabs.js');
 const { TextArea: TextAreaWC } = require('./esm/text-area/text-area.js');
 const { TextField: TextFieldWC } = require('./esm/text-field/text-field.js');
 const { Toast: ToastWC } = require('./esm/toast/toast.js');
 const { Toolbar: ToolbarWC } = require('./esm/toolbar/toolbar.js');
+const { Tooltip: TooltipWC } = require('./esm/tooltip/tooltip.js');
 const { TreeItem: TreeItemWC } = require('./esm/tree-item/tree-item.js');
 const { TreeView: TreeViewWC } = require('./esm/tree-view/tree-view.js');
 const { UrlInput: UrlInputWC } = require('./esm/url-input/url-input.js');
@@ -172,6 +182,11 @@ const Breadcrumb = React.forwardRef(function Breadcrumb(props, ref) {
   return React.createElement(customElements.getName(BreadcrumbWC) ?? '%%prefix%%-breadcrumb', { ...rest, ref }, children);
 });
 
+const BreadcrumbItem = React.forwardRef(function BreadcrumbItem(props, ref) {
+  const { children, ...rest } = props;
+  return React.createElement(customElements.getName(BreadcrumbItemWC) ?? '%%prefix%%-breadcrumb-item', { ...rest, ref }, children);
+});
+
 const Button = React.forwardRef(function Button(props, ref) {
   const { children, ...rest } = props;
   return React.createElement(customElements.getName(ButtonWC) ?? '%%prefix%%-button', { ...rest, ref }, children);
@@ -204,6 +219,11 @@ const CategorizedMultiselect = React.forwardRef(function CategorizedMultiselect(
   return React.createElement(customElements.getName(CategorizedMultiselectWC) ?? '%%prefix%%-categorized-multiselect', { ...rest, ref: _mergeRefs(_innerRef, ref) }, children);
 });
 
+const Checkbox = React.forwardRef(function Checkbox(props, ref) {
+  const { children, ...rest } = props;
+  return React.createElement(customElements.getName(CheckboxWC) ?? '%%prefix%%-checkbox', { ...rest, ref }, children);
+});
+
 const Combobox = React.forwardRef(function Combobox(props, ref) {
   const { children, ...rest } = props;
   return React.createElement(customElements.getName(ComboboxWC) ?? '%%prefix%%-combobox', { ...rest, ref }, children);
@@ -231,6 +251,11 @@ const DatePicker = React.forwardRef(function DatePicker(props, ref) {
   return React.createElement(customElements.getName(DatePickerWC) ?? '%%prefix%%-date-picker', { ...rest, ref: _mergeRefs(_innerRef, ref) }, children);
 });
 
+const DesignSystemProvider = React.forwardRef(function DesignSystemProvider(props, ref) {
+  const { children, ...rest } = props;
+  return React.createElement(customElements.getName(DesignSystemProviderWC) ?? '%%prefix%%-design-system-provider', { ...rest, ref }, children);
+});
+
 const Dialog = React.forwardRef(function Dialog(props, ref) {
   const { onClose, children, ...rest } = props;
   const _innerRef = React.useRef(null);
@@ -327,6 +352,11 @@ const FilterBar = React.forwardRef(function FilterBar(props, ref) {
   return React.createElement(customElements.getName(FilterBarWC) ?? '%%prefix%%-filter-bar', { ...rest, ref }, children);
 });
 
+const Flipper = React.forwardRef(function Flipper(props, ref) {
+  const { children, ...rest } = props;
+  return React.createElement(customElements.getName(FlipperWC) ?? '%%prefix%%-flipper', { ...rest, ref }, children);
+});
+
 const Flyout = React.forwardRef(function Flyout(props, ref) {
   const { onClosed, children, ...rest } = props;
   const _innerRef = React.useRef(null);
@@ -386,6 +416,28 @@ const Menu = React.forwardRef(function Menu(props, ref) {
   return React.createElement(customElements.getName(MenuWC) ?? '%%prefix%%-menu', { ...rest, ref }, children);
 });
 
+const MenuItem = React.forwardRef(function MenuItem(props, ref) {
+  const { onOnMenuClick, onExpandedChange, children, ...rest } = props;
+  const _innerRef = React.useRef(null);
+  const _onOnMenuClickRef = React.useRef(onOnMenuClick);
+  _onOnMenuClickRef.current = onOnMenuClick;
+  const _onExpandedChangeRef = React.useRef(onExpandedChange);
+  _onExpandedChangeRef.current = onExpandedChange;
+  React.useLayoutEffect(() => {
+    const el = _innerRef.current;
+    if (!el) return;
+    const _onOnMenuClickFn = (e) => _onOnMenuClickRef.current?.(e);
+    el.addEventListener('onMenuClick', _onOnMenuClickFn);
+    const _onExpandedChangeFn = (e) => _onExpandedChangeRef.current?.(e);
+    el.addEventListener('expanded-change', _onExpandedChangeFn);
+    return () => {
+      el.removeEventListener('onMenuClick', _onOnMenuClickFn);
+      el.removeEventListener('expanded-change', _onExpandedChangeFn);
+    };
+  }, []);
+  return React.createElement(customElements.getName(MenuItemWC) ?? '%%prefix%%-menu-item', { ...rest, ref: _mergeRefs(_innerRef, ref) }, children);
+});
+
 const Modal = React.forwardRef(function Modal(props, ref) {
   const { children, ...rest } = props;
   return React.createElement(customElements.getName(ModalWC) ?? '%%prefix%%-modal', { ...rest, ref }, children);
@@ -433,6 +485,11 @@ const Progress = React.forwardRef(function Progress(props, ref) {
   return React.createElement(customElements.getName(ProgressWC) ?? '%%prefix%%-progress', { ...rest, ref }, children);
 });
 
+const ProgressRing = React.forwardRef(function ProgressRing(props, ref) {
+  const { children, ...rest } = props;
+  return React.createElement(customElements.getName(ProgressRingWC) ?? '%%prefix%%-progress-ring', { ...rest, ref }, children);
+});
+
 const Radio = React.forwardRef(function Radio(props, ref) {
   const { children, ...rest } = props;
   return React.createElement(customElements.getName(RadioWC) ?? '%%prefix%%-radio', { ...rest, ref }, children);
@@ -529,6 +586,11 @@ const SegmentedControl = React.forwardRef(function SegmentedControl(props, ref)
   return React.createElement(customElements.getName(SegmentedControlWC) ?? '%%prefix%%-segmented-control', { ...rest, ref }, children);
 });
 
+const SegmentedItem = React.forwardRef(function SegmentedItem(props, ref) {
+  const { children, ...rest } = props;
+  return React.createElement(customElements.getName(SegmentedItemWC) ?? '%%prefix%%-segmented-item', { ...rest, ref }, children);
+});
+
 const Select = React.forwardRef(function Select(props, ref) {
   const { children, ...rest } = props;
   return React.createElement(customElements.getName(SelectWC) ?? '%%prefix%%-select', { ...rest, ref }, children);
@@ -645,6 +707,11 @@ const TabPanel = React.forwardRef(function TabPanel(props, ref) {
   return React.createElement(customElements.getName(TabPanelWC) ?? '%%prefix%%-tab-panel', { ...rest, ref }, children);
 });
 
+const Tabs = React.forwardRef(function Tabs(props, ref) {
+  const { children, ...rest } = props;
+  return React.createElement(customElements.getName(TabsWC) ?? '%%prefix%%-tabs', { ...rest, ref }, children);
+});
+
 const TextArea = React.forwardRef(function TextArea(props, ref) {
   const { children, ...rest } = props;
   return React.createElement(customElements.getName(TextAreaWC) ?? '%%prefix%%-text-area', { ...rest, ref }, children);
@@ -665,6 +732,11 @@ const Toolbar = React.forwardRef(function Toolbar(props, ref) {
   return React.createElement(customElements.getName(ToolbarWC) ?? '%%prefix%%-toolbar', { ...rest, ref }, children);
 });
 
+const Tooltip = React.forwardRef(function Tooltip(props, ref) {
+  const { children, ...rest } = props;
+  return React.createElement(customElements.getName(TooltipWC) ?? '%%prefix%%-tooltip', { ...rest, ref }, children);
+});
+
 const TreeItem = React.forwardRef(function TreeItem(props, ref) {
   const { onExpandedChange, onSelectedChange, children, ...rest } = props;
   const _innerRef = React.useRef(null);
@@ -697,6 +769,11 @@ const UrlInput = React.forwardRef(function UrlInput(props, ref) {
   return React.createElement(customElements.getName(UrlInputWC) ?? '%%prefix%%-url-input', { ...rest, ref }, children);
 });
 
+const SystemHealthOverlay = React.forwardRef(function SystemHealthOverlay(props, ref) {
+  const { children, ...rest } = props;
+  return React.createElement(customElements.getName(SystemHealthOverlayWC) ?? '%%prefix%%-system-health-overlay', { ...rest, ref }, children);
+});
+
 module.exports = {
   Accordion,
   AccordionItem,
@@ -709,13 +786,16 @@ module.exports = {
   Badge,
   Banner,
   Breadcrumb,
+  BreadcrumbItem,
   Button,
   Calendar,
   Card,
   CategorizedMultiselect,
+  Checkbox,
   Combobox,
   ConnectionIndicator,
   DatePicker,
+  DesignSystemProvider,
   Dialog,
   Disclosure,
   Divider,
@@ -724,18 +804,21 @@ module.exports = {
   FileUpload,
   Filter,
   FilterBar,
+  Flipper,
   Flyout,
   HorizontalScroll,
   Icon,
   Listbox,
   ListboxOption,
   Menu,
+  MenuItem,
   Modal,
   Multiselect,
   NotificationListener,
   NumberField,
   Optgroup,
   Progress,
+  ProgressRing,
   Radio,
   RadioGroup,
   Scheduler,
@@ -745,6 +828,7 @@ module.exports = {
   SearchBar,
   SectionNavigator,
   SegmentedControl,
+  SegmentedItem,
   Select,
   Skeleton,
   Slider,
@@ -758,11 +842,14 @@ module.exports = {
   Switch,
   Tab,
   TabPanel,
+  Tabs,
   TextArea,
   TextField,
   Toast,
   Toolbar,
+  Tooltip,
   TreeItem,
   TreeView,
   UrlInput,
+  SystemHealthOverlay,
 };

package/dist/react.mjs

@@ -14,14 +14,17 @@ import { AnchoredRegion as AnchoredRegionWC } from './esm/anchored-region/anchor
 import { Avatar as AvatarWC } from './esm/avatar/avatar.js';
 import { Badge as BadgeWC } from './esm/badge/badge.js';
 import { Banner as BannerWC } from './esm/banner/banner.js';
+import { BreadcrumbItem as BreadcrumbItemWC } from './esm/breadcrumb-item/breadcrumb-item.js';
 import { Breadcrumb as BreadcrumbWC } from './esm/breadcrumb/breadcrumb.js';
 import { Button as ButtonWC } from './esm/button/button.js';
 import { Calendar as CalendarWC } from './esm/calendar/calendar.js';
 import { Card as CardWC } from './esm/card/card.js';
 import { CategorizedMultiselect as CategorizedMultiselectWC } from './esm/categorized-multiselect/categorized-multiselect.js';
+import { Checkbox as CheckboxWC } from './esm/checkbox/checkbox.js';
 import { Combobox as ComboboxWC } from './esm/combobox/combobox.js';
 import { ConnectionIndicator as ConnectionIndicatorWC } from './esm/connection-indicator/connection-indicator.js';
 import { DatePicker as DatePickerWC } from './esm/date-picker/date-picker.js';
+import { DesignSystemProvider as DesignSystemProviderWC } from './esm/design-system-provider/design-system-provider.js';
 import { Dialog as DialogWC } from './esm/dialog/dialog.js';
 import { Disclosure as DisclosureWC } from './esm/disclosure/disclosure.js';
 import { Divider as DividerWC } from './esm/divider/divider.js';
@@ -30,17 +33,21 @@ import { EnvironmentIndicator as EnvironmentIndicatorWC } from './esm/environmen
 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';
+import { Flipper as FlipperWC } from './esm/flipper/flipper.js';
 import { Flyout as FlyoutWC } from './esm/flyout/flyout.js';
 import { HorizontalScroll as HorizontalScrollWC } from './esm/horizontal-scroll/horizontal-scroll.js';
 import { Icon as IconWC } from './esm/icon/icon.js';
 import { ListboxOption as ListboxOptionWC } from './esm/listbox-option/listbox-option.js';
 import { Listbox as ListboxWC } from './esm/listbox/listbox.js';
+import { MenuItem as MenuItemWC } from './esm/menu-item/menu-item.js';
 import { Menu as MenuWC } from './esm/menu/menu.js';
 import { Modal as ModalWC } from './esm/modal/modal.js';
 import { Multiselect as MultiselectWC } from './esm/multiselect/multiselect.js';
 import { NotificationListener as NotificationListenerWC } from './esm/notification-listener/notification-listener.js';
 import { NumberField as NumberFieldWC } from './esm/number-field/number-field.js';
 import { Optgroup as OptgroupWC } from './esm/optgroup/optgroup.js';
+import { SystemHealthOverlay as SystemHealthOverlayWC } from './esm/overlays/system-health/system-health-overlay.js';
+import { ProgressRing as ProgressRingWC } from './esm/progress-ring/progress-ring.js';
 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';
@@ -51,6 +58,7 @@ import { SearchBarCombobox as SearchBarComboboxWC } from './esm/search-bar/searc
 import { SearchBar as SearchBarWC } from './esm/search-bar/search-bar.js';
 import { SectionNavigator as SectionNavigatorWC } from './esm/section-navigator/section-navigator.js';
 import { SegmentedControl as SegmentedControlWC } from './esm/segmented-control/segmented-control.js';
+import { SegmentedItem as SegmentedItemWC } from './esm/segmented-item/segmented-item.js';
 import { Select as SelectWC } from './esm/select/select.js';
 import { Skeleton as SkeletonWC } from './esm/skeleton/skeleton.js';
 import { SliderLabel as SliderLabelWC } from './esm/slider-label/slider-label.js';
@@ -64,10 +72,12 @@ import { Stepper as StepperWC } from './esm/stepper/stepper.js';
 import { Switch as SwitchWC } from './esm/switch/switch.js';
 import { TabPanel as TabPanelWC } from './esm/tab-panel/tab-panel.js';
 import { Tab as TabWC } from './esm/tab/tab.js';
+import { Tabs as TabsWC } from './esm/tabs/tabs.js';
 import { TextArea as TextAreaWC } from './esm/text-area/text-area.js';
 import { TextField as TextFieldWC } from './esm/text-field/text-field.js';
 import { Toast as ToastWC } from './esm/toast/toast.js';
 import { Toolbar as ToolbarWC } from './esm/toolbar/toolbar.js';
+import { Tooltip as TooltipWC } from './esm/tooltip/tooltip.js';
 import { TreeItem as TreeItemWC } from './esm/tree-item/tree-item.js';
 import { TreeView as TreeViewWC } from './esm/tree-view/tree-view.js';
 import { UrlInput as UrlInputWC } from './esm/url-input/url-input.js';
@@ -170,6 +180,11 @@ export const Breadcrumb = React.forwardRef(function Breadcrumb(props, ref) {
   return React.createElement(customElements.getName(BreadcrumbWC) ?? '%%prefix%%-breadcrumb', { ...rest, ref }, children);
 });
 
+export const BreadcrumbItem = React.forwardRef(function BreadcrumbItem(props, ref) {
+  const { children, ...rest } = props;
+  return React.createElement(customElements.getName(BreadcrumbItemWC) ?? '%%prefix%%-breadcrumb-item', { ...rest, ref }, children);
+});
+
 export const Button = React.forwardRef(function Button(props, ref) {
   const { children, ...rest } = props;
   return React.createElement(customElements.getName(ButtonWC) ?? '%%prefix%%-button', { ...rest, ref }, children);
@@ -202,6 +217,11 @@ export const CategorizedMultiselect = React.forwardRef(function CategorizedMulti
   return React.createElement(customElements.getName(CategorizedMultiselectWC) ?? '%%prefix%%-categorized-multiselect', { ...rest, ref: _mergeRefs(_innerRef, ref) }, children);
 });
 
+export const Checkbox = React.forwardRef(function Checkbox(props, ref) {
+  const { children, ...rest } = props;
+  return React.createElement(customElements.getName(CheckboxWC) ?? '%%prefix%%-checkbox', { ...rest, ref }, children);
+});
+
 export const Combobox = React.forwardRef(function Combobox(props, ref) {
   const { children, ...rest } = props;
   return React.createElement(customElements.getName(ComboboxWC) ?? '%%prefix%%-combobox', { ...rest, ref }, children);
@@ -229,6 +249,11 @@ export const DatePicker = React.forwardRef(function DatePicker(props, ref) {
   return React.createElement(customElements.getName(DatePickerWC) ?? '%%prefix%%-date-picker', { ...rest, ref: _mergeRefs(_innerRef, ref) }, children);
 });
 
+export const DesignSystemProvider = React.forwardRef(function DesignSystemProvider(props, ref) {
+  const { children, ...rest } = props;
+  return React.createElement(customElements.getName(DesignSystemProviderWC) ?? '%%prefix%%-design-system-provider', { ...rest, ref }, children);
+});
+
 export const Dialog = React.forwardRef(function Dialog(props, ref) {
   const { onClose, children, ...rest } = props;
   const _innerRef = React.useRef(null);
@@ -325,6 +350,11 @@ export const FilterBar = React.forwardRef(function FilterBar(props, ref) {
   return React.createElement(customElements.getName(FilterBarWC) ?? '%%prefix%%-filter-bar', { ...rest, ref }, children);
 });
 
+export const Flipper = React.forwardRef(function Flipper(props, ref) {
+  const { children, ...rest } = props;
+  return React.createElement(customElements.getName(FlipperWC) ?? '%%prefix%%-flipper', { ...rest, ref }, children);
+});
+
 export const Flyout = React.forwardRef(function Flyout(props, ref) {
   const { onClosed, children, ...rest } = props;
   const _innerRef = React.useRef(null);
@@ -384,6 +414,28 @@ export const Menu = React.forwardRef(function Menu(props, ref) {
   return React.createElement(customElements.getName(MenuWC) ?? '%%prefix%%-menu', { ...rest, ref }, children);
 });
 
+export const MenuItem = React.forwardRef(function MenuItem(props, ref) {
+  const { onOnMenuClick, onExpandedChange, children, ...rest } = props;
+  const _innerRef = React.useRef(null);
+  const _onOnMenuClickRef = React.useRef(onOnMenuClick);
+  _onOnMenuClickRef.current = onOnMenuClick;
+  const _onExpandedChangeRef = React.useRef(onExpandedChange);
+  _onExpandedChangeRef.current = onExpandedChange;
+  React.useLayoutEffect(() => {
+    const el = _innerRef.current;
+    if (!el) return;
+    const _onOnMenuClickFn = (e) => _onOnMenuClickRef.current?.(e);
+    el.addEventListener('onMenuClick', _onOnMenuClickFn);
+    const _onExpandedChangeFn = (e) => _onExpandedChangeRef.current?.(e);
+    el.addEventListener('expanded-change', _onExpandedChangeFn);
+    return () => {
+      el.removeEventListener('onMenuClick', _onOnMenuClickFn);
+      el.removeEventListener('expanded-change', _onExpandedChangeFn);
+    };
+  }, []);
+  return React.createElement(customElements.getName(MenuItemWC) ?? '%%prefix%%-menu-item', { ...rest, ref: _mergeRefs(_innerRef, ref) }, children);
+});
+
 export const Modal = React.forwardRef(function Modal(props, ref) {
   const { children, ...rest } = props;
   return React.createElement(customElements.getName(ModalWC) ?? '%%prefix%%-modal', { ...rest, ref }, children);
@@ -431,6 +483,11 @@ export const Progress = React.forwardRef(function Progress(props, ref) {
   return React.createElement(customElements.getName(ProgressWC) ?? '%%prefix%%-progress', { ...rest, ref }, children);
 });
 
+export const ProgressRing = React.forwardRef(function ProgressRing(props, ref) {
+  const { children, ...rest } = props;
+  return React.createElement(customElements.getName(ProgressRingWC) ?? '%%prefix%%-progress-ring', { ...rest, ref }, children);
+});
+
 export const Radio = React.forwardRef(function Radio(props, ref) {
   const { children, ...rest } = props;
   return React.createElement(customElements.getName(RadioWC) ?? '%%prefix%%-radio', { ...rest, ref }, children);
@@ -527,6 +584,11 @@ export const SegmentedControl = React.forwardRef(function SegmentedControl(props
   return React.createElement(customElements.getName(SegmentedControlWC) ?? '%%prefix%%-segmented-control', { ...rest, ref }, children);
 });
 
+export const SegmentedItem = React.forwardRef(function SegmentedItem(props, ref) {
+  const { children, ...rest } = props;
+  return React.createElement(customElements.getName(SegmentedItemWC) ?? '%%prefix%%-segmented-item', { ...rest, ref }, children);
+});
+
 export const Select = React.forwardRef(function Select(props, ref) {
   const { children, ...rest } = props;
   return React.createElement(customElements.getName(SelectWC) ?? '%%prefix%%-select', { ...rest, ref }, children);
@@ -643,6 +705,11 @@ export const TabPanel = React.forwardRef(function TabPanel(props, ref) {
   return React.createElement(customElements.getName(TabPanelWC) ?? '%%prefix%%-tab-panel', { ...rest, ref }, children);
 });
 
+export const Tabs = React.forwardRef(function Tabs(props, ref) {
+  const { children, ...rest } = props;
+  return React.createElement(customElements.getName(TabsWC) ?? '%%prefix%%-tabs', { ...rest, ref }, children);
+});
+
 export const TextArea = React.forwardRef(function TextArea(props, ref) {
   const { children, ...rest } = props;
   return React.createElement(customElements.getName(TextAreaWC) ?? '%%prefix%%-text-area', { ...rest, ref }, children);
@@ -663,6 +730,11 @@ export const Toolbar = React.forwardRef(function Toolbar(props, ref) {
   return React.createElement(customElements.getName(ToolbarWC) ?? '%%prefix%%-toolbar', { ...rest, ref }, children);
 });
 
+export const Tooltip = React.forwardRef(function Tooltip(props, ref) {
+  const { children, ...rest } = props;
+  return React.createElement(customElements.getName(TooltipWC) ?? '%%prefix%%-tooltip', { ...rest, ref }, children);
+});
+
 export const TreeItem = React.forwardRef(function TreeItem(props, ref) {
   const { onExpandedChange, onSelectedChange, children, ...rest } = props;
   const _innerRef = React.useRef(null);
@@ -694,3 +766,8 @@ export const UrlInput = React.forwardRef(function UrlInput(props, ref) {
   const { children, ...rest } = props;
   return React.createElement(customElements.getName(UrlInputWC) ?? '%%prefix%%-url-input', { ...rest, ref }, children);
 });
+
+export const SystemHealthOverlay = React.forwardRef(function SystemHealthOverlay(props, ref) {
+  const { children, ...rest } = props;
+  return React.createElement(customElements.getName(SystemHealthOverlayWC) ?? '%%prefix%%-system-health-overlay', { ...rest, ref }, children);
+});

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@genesislcap/rapid-design-system",
   "description": "Rapid Design System",
-  "version": "14.430.2",
+  "version": "14.431.0",
   "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.430.2",
-    "@genesislcap/rollup-builder": "14.430.2",
-    "@genesislcap/ts-builder": "14.430.2",
-    "@genesislcap/uvu-playwright-builder": "14.430.2",
-    "@genesislcap/vite-builder": "14.430.2",
-    "@genesislcap/webpack-builder": "14.430.2"
+    "@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"
   },
   "dependencies": {
-    "@genesislcap/foundation-logger": "14.430.2",
-    "@genesislcap/foundation-ui": "14.430.2",
-    "@genesislcap/foundation-utils": "14.430.2",
+    "@genesislcap/foundation-logger": "14.431.0",
+    "@genesislcap/foundation-ui": "14.431.0",
+    "@genesislcap/foundation-utils": "14.431.0",
     "@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": "8f0909f596913e22983d0c0558939c2924689e64"
+  "gitHead": "4e523b6a77df321a9c70fcdf7c12a4ffcb98769a"
 }