@loadsmart/miranda-react 3.12.2 → 3.14.0

package/dist/index.d.ts

@@ -48,6 +48,7 @@ import { ReactWebComponent } from '@lit/react';
 import { RefAttributes } from 'react';
 import { SelectionType } from '@loadsmart/miranda-wc';
 import { SelectionValue } from '@loadsmart/miranda-wc';
+import { SideNavigationTrigger as SideNavigationTrigger_2 } from '@loadsmart/miranda-wc';
 import { StepChangeEventDetail } from '@loadsmart/miranda-wc';
 import { StepNavigateEventDetail } from '@loadsmart/miranda-wc';
 import { SwitchSize } from '@loadsmart/miranda-wc';
@@ -90,7 +91,6 @@ import { ToggleSize } from '@loadsmart/miranda-wc';
 import { TooltipPlacement } from '@loadsmart/miranda-wc';
 import { TooltipTrigger } from '@loadsmart/miranda-wc';
 import { TopNavigation as TopNavigation_2 } from '@loadsmart/miranda-wc';
-import { TopNavigationActions as TopNavigationActions_2 } from '@loadsmart/miranda-wc';
 import { TopNavigationItem as TopNavigationItem_2 } from '@loadsmart/miranda-wc';
 import { TypographyVariant } from '@loadsmart/miranda-wc';
 import { Accordion as WCAccordion } from '@loadsmart/miranda-wc';
@@ -99,6 +99,7 @@ import { AccordionProps as WCAccordionProps } from '@loadsmart/miranda-wc';
 import { AccordionTitle as WCAccordionTitle } from '@loadsmart/miranda-wc';
 import { ActionableTag as WCActionableTag } from '@loadsmart/miranda-wc';
 import { ActionableTagProps as WCActionableTagProps } from '@loadsmart/miranda-wc';
+import { Avatar as WCAvatar } from '@loadsmart/miranda-wc';
 import { BackButton as WCBackButton } from '@loadsmart/miranda-wc';
 import { Badge as WCBadge } from '@loadsmart/miranda-wc';
 import { BadgeProps as WCBadgeProps } from '@loadsmart/miranda-wc';
@@ -192,6 +193,7 @@ import { LabelProps as WCLabelProps } from '@loadsmart/miranda-wc';
 import { Link as WCLink } from '@loadsmart/miranda-wc';
 import { LogoLoader as WCLogoLoader } from '@loadsmart/miranda-wc';
 import { LogoLoaderProps as WCLogoLoaderProps } from '@loadsmart/miranda-wc';
+import { Page as WCPage } from '@loadsmart/miranda-wc';
 import { PageContent as WCPageContent } from '@loadsmart/miranda-wc';
 import { Pagination as WCPagination } from '@loadsmart/miranda-wc';
 import { PaginationProps as WCPaginationProps } from '@loadsmart/miranda-wc';
@@ -304,6 +306,10 @@ export { ActionableTagVariant }
 
 export { AlignItemsValue }
 
+export declare const Avatar: ReactWebComponent<WCAvatar, {}>;
+
+export declare type AvatarProps = ComponentProps<typeof Avatar>;
+
 export declare const BackButton: ReactWebComponent<WCBackButton, {}>;
 
 export declare type BackButtonProps = ComponentProps<typeof BackButton>;
@@ -741,6 +747,23 @@ export declare type MirandaChangeEvent<T = Element> = ChangeEvent<T> & Event;
  */
 declare type MirandaChangeEvent_2<T = Element> = ChangeEvent<T> & Event;
 
+export declare const Page: ReactWebComponent<WCPage, {}> & {
+    Content: ReactWebComponent<WCPageContent, {}> & {
+        Body: ReactWebComponent<WCBody, {}>;
+    };
+    Header: ReactWebComponent<WCHeader, {}> & {
+        Actions: ReactWebComponent<WCHeaderActions, {}>;
+        Content: ReactWebComponent<WCHeaderContent, {}>;
+        Title: ReactWebComponent<WCHeaderTitle, {}>;
+        SubHeader: ReactWebComponent<WCSubHeader, {}>;
+        BackButton: ReactWebComponent<WCBackButton, {}>;
+        Tabs: ReactWebComponent<HeaderTabs_2, {
+        onTabChange: EventName<CustomEvent<TabChangeEventDetail>>;
+        }>;
+    };
+    Body: ReactWebComponent<WCBody, {}>;
+};
+
 export declare const PageContent: ReactWebComponent<WCPageContent, {}> & {
     Body: ReactWebComponent<WCBody, {}>;
 };
@@ -884,6 +907,7 @@ export declare const SideNavigation: ReactWebComponent<WCSideNavigation, {}> & {
     SubNavContent: ReactWebComponent<WCSideNavigationSubNavContent, {}>;
     SubNavItem: ReactWebComponent<WCSideNavigationSubNavItem, {}>;
     SubNavTitle: ReactWebComponent<WCSideNavigationSubNavTitle, {}>;
+    Trigger: ReactWebComponent<SideNavigationTrigger_2, {}>;
 };
 
 export declare const SideNavigationBody: ReactWebComponent<WCSideNavigationBody, {}>;
@@ -926,6 +950,10 @@ export declare const SideNavigationSubNavTitle: ReactWebComponent<WCSideNavigati
 
 export declare type SideNavigationSubNavTitleProps = ComponentProps<typeof SideNavigationSubNavTitle>;
 
+export declare const SideNavigationTrigger: ReactWebComponent<SideNavigationTrigger_2, {}>;
+
+export declare type SideNavigationTriggerProps = ComponentProps<typeof SideNavigationTrigger>;
+
 export declare const SpinnerWheel: ReactWebComponent<WCSpinnerWheel, {}>;
 
 export declare type SpinnerWheelProps = ComponentProps<typeof SpinnerWheel>;
@@ -1275,14 +1303,9 @@ export declare type TooltipProps = ComponentProps<typeof WiredTooltip> & {
 export { TooltipTrigger }
 
 export declare const TopNavigation: ReactWebComponent<TopNavigation_2, {}> & {
-    Actions: ReactWebComponent<TopNavigationActions_2, {}>;
     Item: ReactWebComponent<TopNavigationItem_2, {}>;
 };
 
-export declare const TopNavigationActions: ReactWebComponent<TopNavigationActions_2, {}>;
-
-export declare type TopNavigationActionsProps = ComponentProps<typeof TopNavigationActions>;
-
 export declare const TopNavigationItem: ReactWebComponent<TopNavigationItem_2, {}>;
 
 export declare type TopNavigationItemProps = ComponentProps<typeof TopNavigationItem>;
@@ -1312,6 +1335,8 @@ export { WCActionableTag }
 
 export { WCActionableTagProps }
 
+export { WCAvatar }
+
 export { WCBackButton }
 
 export { WCBadge }
@@ -1498,6 +1523,8 @@ export { WCLogoLoader }
 
 export { WCLogoLoaderProps }
 
+export { WCPage }
+
 export { WCPageContent }
 
 export { WCPagination }
@@ -1776,17 +1803,17 @@ declare module 'react' {
 
 declare module 'react' {
     interface CSSProperties {
-        '--m-divider-margin-top'?: string;
-        '--m-divider-margin-bottom'?: string;
-        '--m-divider-margin-y'?: string;
+        '--m-icon-size'?: string;
+        '--m-icon-color'?: string;
     }
 }
 
 
 declare module 'react' {
     interface CSSProperties {
-        '--m-icon-size'?: string;
-        '--m-icon-color'?: string;
+        '--m-divider-margin-top'?: string;
+        '--m-divider-margin-bottom'?: string;
+        '--m-divider-margin-y'?: string;
     }
 }
 
@@ -1798,18 +1825,15 @@ declare module 'react' {
         '--m-table-border-top-right-radius'?: string;
         '--m-table-border-bottom-left-radius'?: string;
         '--m-table-border-bottom-right-radius'?: string;
+        '--m-table-border-width'?: string;
     }
 }
 
 
 declare module 'react' {
     interface CSSProperties {
-        '--m-table-border-radius'?: string;
-        '--m-table-border-top-left-radius'?: string;
-        '--m-table-border-top-right-radius'?: string;
-        '--m-table-border-bottom-left-radius'?: string;
-        '--m-table-border-bottom-right-radius'?: string;
-        '--m-table-border-width'?: string;
+        '--m-text-display'?: string;
+        '--m-text-max-width'?: string;
     }
 }
 
@@ -1827,7 +1851,10 @@ declare module 'react' {
 
 declare module 'react' {
     interface CSSProperties {
-        '--m-text-display'?: string;
-        '--m-text-max-width'?: string;
+        '--m-table-border-radius'?: string;
+        '--m-table-border-top-left-radius'?: string;
+        '--m-table-border-top-right-radius'?: string;
+        '--m-table-border-bottom-left-radius'?: string;
+        '--m-table-border-bottom-right-radius'?: string;
     }
 }

package/dist/index.js

@@ -1,5 +1,5 @@
-import { AccordionTitle as AccordionTitle$1, AccordionContent as AccordionContent$1, Accordion as Accordion$1, BackButton as BackButton$1, Badge as Badge$1, BannerActionPrimary as BannerActionPrimary$1, BannerActions as BannerActions$1, BannerActionSecondary as BannerActionSecondary$1, BannerDescription as BannerDescription$1, BannerIcon as BannerIcon$1, BannerTitle as BannerTitle$1, Banner as Banner$1, Button as Button$1, CardTitle as CardTitle$1, CardSubtitle as CardSubtitle$1, CardBody as CardBody$1, CardDivider as CardDivider$1, CardActionPrimary as CardActionPrimary$1, CardActionSecondary as CardActionSecondary$1, CardActionTertiary as CardActionTertiary$1, CardFooter as CardFooter$1, Card as Card$1, Checkbox as Checkbox$1, DialogActionPrimary as DialogActionPrimary$1, DialogActionSecondary as DialogActionSecondary$1, DialogActionTertiary as DialogActionTertiary$1, DialogActions as DialogActions$1, DialogBody as DialogBody$1, DialogClose as DialogClose$1, DialogFooter as DialogFooter$1, DialogHeader as DialogHeader$1, Dialog as Dialog$1, Divider as Divider$1, DrawerActionPrimary as DrawerActionPrimary$1, DrawerActionSecondary as DrawerActionSecondary$1, DrawerActionTertiary as DrawerActionTertiary$1, DrawerActions as DrawerActions$1, DrawerBody as DrawerBody$1, DrawerClose as DrawerClose$1, DrawerHeader as DrawerHeader$1, Drawer as Drawer$1, DropdownItem as DropdownItem$1, DropdownDivider as DropdownDivider$1, DropdownMenu as DropdownMenu$1, DropdownTrigger as DropdownTrigger$1, Dropdown as Dropdown$1, EmptyStateIllustration as EmptyStateIllustration$1, EmptyStateHeader as EmptyStateHeader$1, EmptyStateMessage as EmptyStateMessage$1, EmptyStateAction as EmptyStateAction$1, EmptyState as EmptyState$1, FieldLabel as FieldLabel$1, FieldHint as FieldHint$1, Field as Field$1, HeaderActions as HeaderActions$1, HeaderContent as HeaderContent$1, HeaderTitle as HeaderTitle$1, SubHeader as SubHeader$1, HeaderTabs as HeaderTabs$1, Header as Header$1, Icon as Icon$1, LabeledValueLabel as LabeledValueLabel$1, LabeledValueValue as LabeledValueValue$1, LabeledValue as LabeledValue$1, Box as Box$1, Group as Group$1, Stack as Stack$1, Grid as Grid$1, Sidebar as Sidebar$1, Switcher as Switcher$1, Container as Container$1, Row as Row$1, Column as Column$1, Link as Link$1, Body as Body$1, PageContent as PageContent$1, Pagination as Pagination$1, ProgressBar as ProgressBar$1, ProgressBarCountdown as ProgressBarCountdown$1, Radio as Radio$1, RadioGroup as RadioGroup$1, SectionTitle as SectionTitle$1, Section as Section$1, SelectOption as SelectOption$1, Select as Select$1, SideNavigationBody as SideNavigationBody$1, SideNavigationDivider as SideNavigationDivider$1, SideNavigationFooter as SideNavigationFooter$1, SideNavigationHeader as SideNavigationHeader$1, SideNavigationItem as SideNavigationItem$1, SideNavigationSubNav as SideNavigationSubNav$1, SideNavigationSubNavContent as SideNavigationSubNavContent$1, SideNavigationSubNavItem as SideNavigationSubNavItem$1, SideNavigationSubNavTitle as SideNavigationSubNavTitle$1, SideNavigation as SideNavigation$1, SpinnerWheel as SpinnerWheel$1, Step as Step$1, Steps as Steps$1, Switch as Switch$1, TableHead as TableHead$2, TableBody as TableBody$2, TableFoot as TableFoot$2, TableRow as TableRow$2, TableCell as TableCell$2, TableToolbar as TableToolbar$1, TableHeadCell as TableHeadCell$2, TableFeedback as TableFeedback$1, TableActions as TableActions$1, TableSelectionCell as TableSelectionCell$1, Table as Table$2, TableHeadV2, TableBodyV2, TableFootV2, TableRowV2, TableCellV2, TableHeadCellV2, TableRowSelectV2, TableRowExpandV2, TableV2, TableLayoutToolbar as TableLayoutToolbar$1, TableLayoutFeedback as TableLayoutFeedback$1, TableLayoutActions as TableLayoutActions$1, TableLayout as TableLayout$1, Tab as Tab$1, TabPanel as TabPanel$1, Tabs as Tabs$1, TagRemove as TagRemove$1, TagExpand as TagExpand$1, Tag as Tag$1, ActionableTag as ActionableTag$1, Text as Text$1, TextArea as TextArea$1, TextField as TextField$1, TimelineItem as TimelineItem$1, TimelineExpandableItem as TimelineExpandableItem$1, TimelineItemBody as TimelineItemBody$1, TimelineItemFooter as TimelineItemFooter$1, TimelineItemHeader as TimelineItemHeader$1, TimelineItemHeaderSubtitle as TimelineItemHeaderSubtitle$1, TimelineItemHeaderTitle as TimelineItemHeaderTitle$1, TimelineItemIcon as TimelineItemIcon$1, Timeline as Timeline$1, Toggle as Toggle$1, ToggleGroup as ToggleGroup$1, Tooltip as Tooltip$1, TopNavigationActions as TopNavigationActions$1, TopNavigationItem as TopNavigationItem$1, TopNavigation as TopNavigation$1, LogoLoader as LogoLoader$1, DotsLoader as DotsLoader$1, FileItem, FilePicker as FilePicker$1 } from "@loadsmart/miranda-wc";
-import { DIALOG_SIZES, DIALOG_VARIANTS, DRAWER_SIZES, EMPTY_STATE_VARIANTS, Accordion, AccordionContent, AccordionTitle, ActionableTag, BackButton, Badge, Banner, BannerActionPrimary, BannerActionSecondary, BannerActions, BannerDescription, BannerIcon, BannerTitle, Body, Box, Button, Card, CardActionPrimary, CardActionSecondary, CardActionTertiary, CardBody, CardDivider, CardFooter, CardSubtitle, CardTitle, CaretButton, Checkbox, CloseButton, Column, Container, Dialog, DialogActionPrimary, DialogActionSecondary, DialogActionTertiary, DialogActions, DialogBody, DialogClose, DialogFooter, DialogHeader, Divider, Drawer, DrawerActionPrimary, DrawerActionSecondary, DrawerActionTertiary, DrawerActions, DrawerBody, DrawerClose, DrawerHeader, Dropdown, DropdownItem, DropdownMenu, DropdownTrigger, EmptyState, EmptyStateAction, EmptyStateHeader, EmptyStateIllustration, EmptyStateMessage, Field, FieldHint, FieldLabel, FilePicker, Grid, Group, Header, HeaderActions, HeaderContent, HeaderTitle, Icon, Label, LabeledValue, LabeledValueLabel, LabeledValueValue, Link, LogoLoader, PageContent, Pagination, ProgressBar, ProgressBarCountdown, Radio, RadioGroup, Row, Section, SectionTitle, Select, SelectOption, SideNavigation, SideNavigationBody, SideNavigationDivider, SideNavigationFooter, SideNavigationHeader, SideNavigationItem, SideNavigationSubNav, SideNavigationSubNavContent, SideNavigationSubNavItem, SideNavigationSubNavTitle, Sidebar, SpinnerWheel, Stack, Step, Steps, SubHeader, Switch, Switcher, Tab, TabPanel, Table, TableActions, TableBody, TableCell, TableFeedback, TableFoot, TableHead, TableHeadCell, TableRow, TableToolbar, TableV2 as TableV22, Tabs, Tag, Text, TextArea, TextField, Timeline, TimelineExpandableItem, TimelineItem, TimelineItemBody, TimelineItemFooter, TimelineItemHeader, TimelineItemHeaderSubtitle, TimelineItemHeaderTitle, TimelineItemIcon, Toggle, ToggleGroup, Tooltip } from "@loadsmart/miranda-wc";
+import { AccordionTitle as AccordionTitle$1, AccordionContent as AccordionContent$1, Accordion as Accordion$1, Avatar as Avatar$1, BackButton as BackButton$1, Badge as Badge$1, BannerActionPrimary as BannerActionPrimary$1, BannerActions as BannerActions$1, BannerActionSecondary as BannerActionSecondary$1, BannerDescription as BannerDescription$1, BannerIcon as BannerIcon$1, BannerTitle as BannerTitle$1, Banner as Banner$1, Button as Button$1, CardTitle as CardTitle$1, CardSubtitle as CardSubtitle$1, CardBody as CardBody$1, CardDivider as CardDivider$1, CardActionPrimary as CardActionPrimary$1, CardActionSecondary as CardActionSecondary$1, CardActionTertiary as CardActionTertiary$1, CardFooter as CardFooter$1, Card as Card$1, Checkbox as Checkbox$1, DialogActionPrimary as DialogActionPrimary$1, DialogActionSecondary as DialogActionSecondary$1, DialogActionTertiary as DialogActionTertiary$1, DialogActions as DialogActions$1, DialogBody as DialogBody$1, DialogClose as DialogClose$1, DialogFooter as DialogFooter$1, DialogHeader as DialogHeader$1, Dialog as Dialog$1, Divider as Divider$1, DrawerActionPrimary as DrawerActionPrimary$1, DrawerActionSecondary as DrawerActionSecondary$1, DrawerActionTertiary as DrawerActionTertiary$1, DrawerActions as DrawerActions$1, DrawerBody as DrawerBody$1, DrawerClose as DrawerClose$1, DrawerHeader as DrawerHeader$1, Drawer as Drawer$1, DropdownItem as DropdownItem$1, DropdownDivider as DropdownDivider$1, DropdownMenu as DropdownMenu$1, DropdownTrigger as DropdownTrigger$1, Dropdown as Dropdown$1, EmptyStateIllustration as EmptyStateIllustration$1, EmptyStateHeader as EmptyStateHeader$1, EmptyStateMessage as EmptyStateMessage$1, EmptyStateAction as EmptyStateAction$1, EmptyState as EmptyState$1, FieldLabel as FieldLabel$1, FieldHint as FieldHint$1, Field as Field$1, HeaderActions as HeaderActions$1, HeaderContent as HeaderContent$1, HeaderTitle as HeaderTitle$1, SubHeader as SubHeader$1, HeaderTabs as HeaderTabs$1, Header as Header$1, Icon as Icon$1, LabeledValueLabel as LabeledValueLabel$1, LabeledValueValue as LabeledValueValue$1, LabeledValue as LabeledValue$1, Box as Box$1, Group as Group$1, Stack as Stack$1, Grid as Grid$1, Sidebar as Sidebar$1, Switcher as Switcher$1, Container as Container$1, Row as Row$1, Column as Column$1, Link as Link$1, Body as Body$1, PageContent as PageContent$1, Page as Page$1, Pagination as Pagination$1, ProgressBar as ProgressBar$1, ProgressBarCountdown as ProgressBarCountdown$1, Radio as Radio$1, RadioGroup as RadioGroup$1, SectionTitle as SectionTitle$1, Section as Section$1, SelectOption as SelectOption$1, Select as Select$1, SideNavigationBody as SideNavigationBody$1, SideNavigationDivider as SideNavigationDivider$1, SideNavigationFooter as SideNavigationFooter$1, SideNavigationHeader as SideNavigationHeader$1, SideNavigationItem as SideNavigationItem$1, SideNavigationSubNav as SideNavigationSubNav$1, SideNavigationSubNavContent as SideNavigationSubNavContent$1, SideNavigationSubNavItem as SideNavigationSubNavItem$1, SideNavigationSubNavTitle as SideNavigationSubNavTitle$1, SideNavigationTrigger as SideNavigationTrigger$1, SideNavigation as SideNavigation$1, SpinnerWheel as SpinnerWheel$1, Step as Step$1, Steps as Steps$1, Switch as Switch$1, TableHead as TableHead$2, TableBody as TableBody$2, TableFoot as TableFoot$2, TableRow as TableRow$2, TableCell as TableCell$2, TableToolbar as TableToolbar$1, TableHeadCell as TableHeadCell$2, TableFeedback as TableFeedback$1, TableActions as TableActions$1, TableSelectionCell as TableSelectionCell$1, Table as Table$2, TableHeadV2, TableBodyV2, TableFootV2, TableRowV2, TableCellV2, TableHeadCellV2, TableRowSelectV2, TableRowExpandV2, TableV2, TableLayoutToolbar as TableLayoutToolbar$1, TableLayoutFeedback as TableLayoutFeedback$1, TableLayoutActions as TableLayoutActions$1, TableLayout as TableLayout$1, Tab as Tab$1, TabPanel as TabPanel$1, Tabs as Tabs$1, TagRemove as TagRemove$1, TagExpand as TagExpand$1, Tag as Tag$1, ActionableTag as ActionableTag$1, Text as Text$1, TextArea as TextArea$1, TextField as TextField$1, TimelineItem as TimelineItem$1, TimelineExpandableItem as TimelineExpandableItem$1, TimelineItemBody as TimelineItemBody$1, TimelineItemFooter as TimelineItemFooter$1, TimelineItemHeader as TimelineItemHeader$1, TimelineItemHeaderSubtitle as TimelineItemHeaderSubtitle$1, TimelineItemHeaderTitle as TimelineItemHeaderTitle$1, TimelineItemIcon as TimelineItemIcon$1, Timeline as Timeline$1, Toggle as Toggle$1, ToggleGroup as ToggleGroup$1, Tooltip as Tooltip$1, TopNavigationItem as TopNavigationItem$1, TopNavigation as TopNavigation$1, LogoLoader as LogoLoader$1, DotsLoader as DotsLoader$1, FileItem, FilePicker as FilePicker$1 } from "@loadsmart/miranda-wc";
+import { DIALOG_SIZES, DIALOG_VARIANTS, DRAWER_SIZES, EMPTY_STATE_VARIANTS, Accordion, AccordionContent, AccordionTitle, ActionableTag, Avatar, BackButton, Badge, Banner, BannerActionPrimary, BannerActionSecondary, BannerActions, BannerDescription, BannerIcon, BannerTitle, Body, Box, Button, Card, CardActionPrimary, CardActionSecondary, CardActionTertiary, CardBody, CardDivider, CardFooter, CardSubtitle, CardTitle, CaretButton, Checkbox, CloseButton, Column, Container, Dialog, DialogActionPrimary, DialogActionSecondary, DialogActionTertiary, DialogActions, DialogBody, DialogClose, DialogFooter, DialogHeader, Divider, Drawer, DrawerActionPrimary, DrawerActionSecondary, DrawerActionTertiary, DrawerActions, DrawerBody, DrawerClose, DrawerHeader, Dropdown, DropdownItem, DropdownMenu, DropdownTrigger, EmptyState, EmptyStateAction, EmptyStateHeader, EmptyStateIllustration, EmptyStateMessage, Field, FieldHint, FieldLabel, FilePicker, Grid, Group, Header, HeaderActions, HeaderContent, HeaderTitle, Icon, Label, LabeledValue, LabeledValueLabel, LabeledValueValue, Link, LogoLoader, Page, PageContent, Pagination, ProgressBar, ProgressBarCountdown, Radio, RadioGroup, Row, Section, SectionTitle, Select, SelectOption, SideNavigation, SideNavigationBody, SideNavigationDivider, SideNavigationFooter, SideNavigationHeader, SideNavigationItem, SideNavigationSubNav, SideNavigationSubNavContent, SideNavigationSubNavItem, SideNavigationSubNavTitle, Sidebar, SpinnerWheel, Stack, Step, Steps, SubHeader, Switch, Switcher, Tab, TabPanel, Table, TableActions, TableBody, TableCell, TableFeedback, TableFoot, TableHead, TableHeadCell, TableRow, TableToolbar, TableV2 as TableV22, Tabs, Tag, Text, TextArea, TextField, Timeline, TimelineExpandableItem, TimelineItem, TimelineItemBody, TimelineItemFooter, TimelineItemHeader, TimelineItemHeaderSubtitle, TimelineItemHeaderTitle, TimelineItemIcon, Toggle, ToggleGroup, Tooltip } from "@loadsmart/miranda-wc";
 import * as React from "react";
 import React__default, { forwardRef, useState, useCallback, Children, isValidElement, cloneElement } from "react";
 import { createComponent as createComponent$1 } from "@lit/react";
@@ -46,6 +46,11 @@ const Accordion2 = createComponent({
     Content: AccordionContent2
   }
 });
+const Avatar2 = createComponent({
+  tagName: "m-avatar",
+  elementClass: Avatar$1,
+  displayName: "Avatar"
+});
 const BackButton2 = createComponent({
   tagName: "m-back-button",
   elementClass: BackButton$1,
@@ -644,6 +649,16 @@ const PageContent2 = createComponent({
     Body: Body2
   }
 });
+const Page2 = createComponent({
+  tagName: "m-page",
+  elementClass: Page$1,
+  displayName: "Page",
+  subComponents: {
+    Content: PageContent2,
+    Header: Header2,
+    Body: Body2
+  }
+});
 const Pagination2 = createComponent({
   tagName: "m-pagination",
   elementClass: Pagination$1,
@@ -794,6 +809,11 @@ const SideNavigationSubNavTitle2 = createComponent({
   elementClass: SideNavigationSubNavTitle$1,
   displayName: "SideNavigationSubNavTitle"
 });
+const SideNavigationTrigger = createComponent({
+  tagName: "m-side-navigation-trigger",
+  elementClass: SideNavigationTrigger$1,
+  displayName: "SideNavigationTrigger"
+});
 const SideNavigation2 = createComponent({
   tagName: "m-side-navigation",
   elementClass: SideNavigation$1,
@@ -807,7 +827,8 @@ const SideNavigation2 = createComponent({
     SubNav: SideNavigationSubNav2,
     SubNavContent: SideNavigationSubNavContent2,
     SubNavItem: SideNavigationSubNavItem2,
-    SubNavTitle: SideNavigationSubNavTitle2
+    SubNavTitle: SideNavigationSubNavTitle2,
+    Trigger: SideNavigationTrigger
   }
 });
 const SpinnerWheel2 = createComponent({
@@ -1329,11 +1350,6 @@ function Tooltip2(props) {
   })();
   return /* @__PURE__ */ React__default.createElement(React__default.Fragment, null, /* @__PURE__ */ React__default.createElement(WiredTooltip, { anchor: anchorId, ...rest }, message), childWithId);
 }
-const TopNavigationActions = createComponent({
-  tagName: "m-top-navigation-actions",
-  elementClass: TopNavigationActions$1,
-  displayName: "TopNavigationActions"
-});
 const TopNavigationItem = createComponent({
   tagName: "m-top-navigation-item",
   elementClass: TopNavigationItem$1,
@@ -1344,7 +1360,6 @@ const TopNavigation = createComponent({
   elementClass: TopNavigation$1,
   displayName: "TopNavigation",
   subComponents: {
-    Actions: TopNavigationActions,
     Item: TopNavigationItem
   }
 });
@@ -1372,6 +1387,7 @@ const FilePicker2 = createComponent({
 export {
   Accordion2 as Accordion,
   ActionableTag2 as ActionableTag,
+  Avatar2 as Avatar,
   BackButton2 as BackButton,
   Badge2 as Badge,
   Banner2 as Banner,
@@ -1410,6 +1426,7 @@ export {
   Layout,
   Link2 as Link,
   LogoLoader2 as LogoLoader,
+  Page2 as Page,
   PageContent2 as PageContent,
   Pagination2 as Pagination,
   ProgressBar2 as ProgressBar,
@@ -1429,6 +1446,7 @@ export {
   SideNavigationSubNavContent2 as SideNavigationSubNavContent,
   SideNavigationSubNavItem2 as SideNavigationSubNavItem,
   SideNavigationSubNavTitle2 as SideNavigationSubNavTitle,
+  SideNavigationTrigger,
   Sidebar2 as Sidebar,
   SpinnerWheel2 as SpinnerWheel,
   Stack2 as Stack,
@@ -1483,12 +1501,12 @@ export {
   ToggleGroup2 as ToggleGroup,
   Tooltip2 as Tooltip,
   TopNavigation,
-  TopNavigationActions,
   TopNavigationItem,
   Accordion as WCAccordion,
   AccordionContent as WCAccordionContent,
   AccordionTitle as WCAccordionTitle,
   ActionableTag as WCActionableTag,
+  Avatar as WCAvatar,
   BackButton as WCBackButton,
   Badge as WCBadge,
   Banner as WCBanner,
@@ -1559,6 +1577,7 @@ export {
   LabeledValueValue as WCLabeledValueValue,
   Link as WCLink,
   LogoLoader as WCLogoLoader,
+  Page as WCPage,
   PageContent as WCPageContent,
   Pagination as WCPagination,
   ProgressBar as WCProgressBar,

package/dist/tokens.d.ts

@@ -19,17 +19,17 @@ declare module 'react' {
 
 declare module 'react' {
     interface CSSProperties {
-        '--m-divider-margin-top'?: string;
-        '--m-divider-margin-bottom'?: string;
-        '--m-divider-margin-y'?: string;
+        '--m-icon-size'?: string;
+        '--m-icon-color'?: string;
     }
 }
 
 
 declare module 'react' {
     interface CSSProperties {
-        '--m-icon-size'?: string;
-        '--m-icon-color'?: string;
+        '--m-divider-margin-top'?: string;
+        '--m-divider-margin-bottom'?: string;
+        '--m-divider-margin-y'?: string;
     }
 }
 
@@ -41,18 +41,15 @@ declare module 'react' {
         '--m-table-border-top-right-radius'?: string;
         '--m-table-border-bottom-left-radius'?: string;
         '--m-table-border-bottom-right-radius'?: string;
+        '--m-table-border-width'?: string;
     }
 }
 
 
 declare module 'react' {
     interface CSSProperties {
-        '--m-table-border-radius'?: string;
-        '--m-table-border-top-left-radius'?: string;
-        '--m-table-border-top-right-radius'?: string;
-        '--m-table-border-bottom-left-radius'?: string;
-        '--m-table-border-bottom-right-radius'?: string;
-        '--m-table-border-width'?: string;
+        '--m-text-display'?: string;
+        '--m-text-max-width'?: string;
     }
 }
 
@@ -70,7 +67,10 @@ declare module 'react' {
 
 declare module 'react' {
     interface CSSProperties {
-        '--m-text-display'?: string;
-        '--m-text-max-width'?: string;
+        '--m-table-border-radius'?: string;
+        '--m-table-border-top-left-radius'?: string;
+        '--m-table-border-top-right-radius'?: string;
+        '--m-table-border-bottom-left-radius'?: string;
+        '--m-table-border-bottom-right-radius'?: string;
     }
 }

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@loadsmart/miranda-react",
-	"version": "3.12.2",
+	"version": "3.14.0",
 	"description": "React component library based on Miranda Web Components",
 	"main": "dist/index.js",
 	"types": "dist/index.d.ts",
@@ -49,8 +49,8 @@
 	"dependencies": {
 		"@figma/code-connect": "^1.3.3",
 		"@lit/react": "^1.0.5",
-		"@loadsmart/miranda-tokens": "4.12.2",
-		"@loadsmart/miranda-wc": "3.12.2",
+		"@loadsmart/miranda-tokens": "4.14.0",
+		"@loadsmart/miranda-wc": "3.14.0",
 		"react-is": "^18.3.1"
 	},
 	"directories": {