@ably/ui 15.6.0-dev.274a3001 → 15.6.0-dev.46254f5

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (85) hide show
  1. package/core/DropdownMenu.js +1 -1
  2. package/core/DropdownMenu.js.map +1 -1
  3. package/core/Flash.js +1 -1
  4. package/core/Flash.js.map +1 -1
  5. package/core/Flyout.js +1 -1
  6. package/core/Flyout.js.map +1 -1
  7. package/core/Header/HeaderLinks.js +1 -1
  8. package/core/Header/HeaderLinks.js.map +1 -1
  9. package/core/Header.js +1 -1
  10. package/core/Header.js.map +1 -1
  11. package/core/LegacyMeganav/MeganavBlogPostsList/component.js +2 -0
  12. package/core/LegacyMeganav/MeganavBlogPostsList/component.js.map +1 -0
  13. package/core/LegacyMeganav/MeganavControl/component.js +2 -0
  14. package/core/LegacyMeganav/MeganavControl/component.js.map +1 -0
  15. package/core/LegacyMeganav/MeganavControlMobileDropdown/component.js +2 -0
  16. package/core/LegacyMeganav/MeganavControlMobileDropdown/component.js.map +1 -0
  17. package/core/LegacyMeganav/MeganavControlMobilePanelClose/component.js +2 -0
  18. package/core/LegacyMeganav/MeganavControlMobilePanelClose/component.js.map +1 -0
  19. package/core/LegacyMeganav/MeganavControlMobilePanelOpen/component.js +2 -0
  20. package/core/LegacyMeganav/MeganavControlMobilePanelOpen/component.js.map +1 -0
  21. package/core/LegacyMeganav/MeganavSearchAutocomplete/component.js +2 -0
  22. package/core/LegacyMeganav/MeganavSearchAutocomplete/component.js.map +1 -0
  23. package/core/LegacyMeganav/MeganavSearchSuggestions/component.js +2 -0
  24. package/core/LegacyMeganav/MeganavSearchSuggestions/component.js.map +1 -0
  25. package/core/LegacyMeganav/component.js +2 -0
  26. package/core/{Meganav → LegacyMeganav}/component.js.map +1 -1
  27. package/core/LegacyMeganav.js +2 -0
  28. package/core/LegacyMeganav.js.map +1 -0
  29. package/core/Meganav/.DS_Store +0 -0
  30. package/core/Meganav/Meganav.js +2 -0
  31. package/core/Meganav/Meganav.js.map +1 -0
  32. package/core/Meganav/MeganavMobile.js +2 -0
  33. package/core/Meganav/MeganavMobile.js.map +1 -0
  34. package/core/Meganav/MeganavPanel.js +2 -0
  35. package/core/Meganav/MeganavPanel.js.map +1 -0
  36. package/core/Meganav/data.js +2 -0
  37. package/core/Meganav/data.js.map +1 -0
  38. package/core/Meganav/images/fan-engagement-nav-image.png +0 -0
  39. package/core/Meganav/images/founders-nav-image.png +0 -0
  40. package/core/MeganavBlogPostsList.js.map +1 -1
  41. package/core/MeganavContentCompany.js.map +1 -1
  42. package/core/MeganavContentDevelopers.js.map +1 -1
  43. package/core/MeganavContentProducts.js.map +1 -1
  44. package/core/MeganavContentUseCases.js.map +1 -1
  45. package/core/MeganavControl.js.map +1 -1
  46. package/core/MeganavControlMobileDropdown.js.map +1 -1
  47. package/core/MeganavItemsDesktop.js +1 -1
  48. package/core/MeganavItemsDesktop.js.map +1 -1
  49. package/core/MeganavItemsMobile.js +1 -1
  50. package/core/MeganavItemsMobile.js.map +1 -1
  51. package/core/MeganavItemsSignedIn.js.map +1 -1
  52. package/core/MeganavSearch.js.map +1 -1
  53. package/core/MeganavSearchPanel.js.map +1 -1
  54. package/core/MeganavSearchSuggestions.js.map +1 -1
  55. package/core/Notice.js +1 -1
  56. package/core/Notice.js.map +1 -1
  57. package/core/SignOutLink.js.map +1 -1
  58. package/core/images/award/g2-best-meets-requirements-2025.png +0 -0
  59. package/core/images/award/g2-best-support-2025.png +0 -0
  60. package/core/images/award/g2-high-performer-2025.png +0 -0
  61. package/core/images/award/g2-users-most-likely-to-recommend-2025.png +0 -0
  62. package/index.d.ts +251 -152
  63. package/package.json +9 -11
  64. package/core/Meganav/component.js +0 -2
  65. package/core/Meganav.js +0 -2
  66. package/core/Meganav.js.map +0 -1
  67. package/core/MeganavBlogPostsList/component.js +0 -2
  68. package/core/MeganavBlogPostsList/component.js.map +0 -1
  69. package/core/MeganavControl/component.js +0 -2
  70. package/core/MeganavControl/component.js.map +0 -1
  71. package/core/MeganavControlMobileDropdown/component.js +0 -2
  72. package/core/MeganavControlMobileDropdown/component.js.map +0 -1
  73. package/core/MeganavControlMobilePanelClose/component.js +0 -2
  74. package/core/MeganavControlMobilePanelClose/component.js.map +0 -1
  75. package/core/MeganavControlMobilePanelOpen/component.js +0 -2
  76. package/core/MeganavControlMobilePanelOpen/component.js.map +0 -1
  77. package/core/MeganavSearchAutocomplete/component.js +0 -2
  78. package/core/MeganavSearchAutocomplete/component.js.map +0 -1
  79. package/core/MeganavSearchSuggestions/component.js +0 -2
  80. package/core/MeganavSearchSuggestions/component.js.map +0 -1
  81. package/core/hooks/use-rails-ujs-hooks.js +0 -2
  82. package/core/hooks/use-rails-ujs-hooks.js.map +0 -1
  83. package/core/styles/colors/computed-colors.json +0 -1
  84. /package/core/{Meganav → LegacyMeganav}/component.css +0 -0
  85. /package/core/{Meganav → LegacyMeganav}/component.json +0 -0
package/index.d.ts CHANGED
@@ -343,28 +343,51 @@ declare module '@ably/ui/core/DropdownMenu' {
343
343
  import { ReactNode } from "react";
344
344
  import { IconName } from "@ably/ui/core/Icon/types";
345
345
  type DropdownMenuProps = {
346
+ /**
347
+ * The content to be displayed within the dropdown menu.
348
+ */
346
349
  children: ReactNode;
347
350
  };
348
351
  type TriggerProps = {
352
+ /**
353
+ * The content to be displayed within the trigger element.
354
+ */
349
355
  children: ReactNode;
350
- additionalTriggerCSS?: string;
356
+ /**
357
+ * Additional class names to apply to the trigger element.
358
+ */
359
+ triggerClassNames?: string;
360
+ /**
361
+ * A description for the trigger element, used for accessibility purposes.
362
+ */
363
+ description?: string;
351
364
  };
352
365
  type ContentProps = {
366
+ /**
367
+ * The content to be displayed within the dropdown menu.
368
+ */
353
369
  children: ReactNode;
370
+ /**
371
+ * The position of the dropdown menu relative to the trigger element.
372
+ * Defaults to "right".
373
+ */
354
374
  anchorPosition?: string;
355
- additionalContentCSS?: string;
375
+ /**
376
+ * Additional class names to apply to the content container.
377
+ */
378
+ contentClassNames?: string;
356
379
  };
357
380
  type LinkProps = {
358
381
  url: string;
359
382
  title: string;
360
- subtitle: string;
361
- iconName: IconName;
362
- children: ReactNode;
383
+ subtitle?: string;
384
+ iconName?: IconName;
385
+ children?: ReactNode;
363
386
  };
364
387
  const DropdownMenu: {
365
388
  ({ children }: DropdownMenuProps): import("react/jsx-runtime").JSX.Element;
366
- Trigger: ({ children, additionalTriggerCSS }: TriggerProps) => import("react/jsx-runtime").JSX.Element;
367
- Content: ({ children, anchorPosition, additionalContentCSS, }: ContentProps) => import("react/jsx-runtime").JSX.Element | null;
389
+ Trigger: ({ children, triggerClassNames, description, }: TriggerProps) => import("react/jsx-runtime").JSX.Element;
390
+ Content: ({ children, anchorPosition, contentClassNames, }: ContentProps) => import("react/jsx-runtime").JSX.Element | null;
368
391
  Link: ({ url, title, subtitle, iconName, children }: LinkProps) => import("react/jsx-runtime").JSX.Element;
369
392
  };
370
393
  export default DropdownMenu;
@@ -417,7 +440,7 @@ type FlashProps = {
417
440
  };
418
441
  type FlashesProps = {
419
442
  flashes: {
420
- items: Pick<FlashProps, "type" | "content">[];
443
+ items: FlashProps[];
421
444
  };
422
445
  };
423
446
  type BackendFlashesProps = {
@@ -452,9 +475,9 @@ type FlyoutProps = {
452
475
  */
453
476
  menuItems: {
454
477
  /**
455
- * Label for the menu item.
478
+ * name for the menu item.
456
479
  */
457
- label: string;
480
+ name: string;
458
481
  /**
459
482
  * Optional content to be displayed in the flyout panel.
460
483
  */
@@ -522,14 +545,42 @@ export const HeaderLinks: React.FC<Pick<HeaderProps, "sessionState" | "headerLin
522
545
 
523
546
  declare module '@ably/ui/core/Header' {
524
547
  import React, { ReactNode } from "react";
548
+ import { NoticeProps } from "@ably/ui/core/Notice";
525
549
  export type ThemedScrollpoint = {
526
550
  id: string;
527
551
  className: string;
528
552
  };
553
+ /**
554
+ * Represents the state of the user session in the header.
555
+ */
556
+ export type HeaderSessionState = {
557
+ /**
558
+ * Indicates if the user is signed in.
559
+ */
560
+ signedIn: boolean;
561
+ /**
562
+ * Information required to log out the user.
563
+ */
564
+ logOut: {
565
+ /**
566
+ * Token used for logging out.
567
+ */
568
+ token: string;
569
+ /**
570
+ * URL to log out the user.
571
+ */
572
+ href: string;
573
+ };
574
+ /**
575
+ * Name of the user's account.
576
+ */
577
+ accountName: string;
578
+ };
529
579
  /**
530
580
  * Props for the Header component.
531
581
  */
532
582
  export type HeaderProps = {
583
+ headerClassName?: string;
533
584
  /**
534
585
  * Optional search bar element.
535
586
  */
@@ -570,31 +621,7 @@ export type HeaderProps = {
570
621
  /**
571
622
  * State of the user session.
572
623
  */
573
- sessionState?: {
574
- /**
575
- * Indicates if the user is signed in.
576
- */
577
- signedIn: boolean;
578
- /**
579
- * Account information.
580
- */
581
- account: {
582
- /**
583
- * Links related to the account.
584
- */
585
- links: {
586
- /**
587
- * Dashboard link information.
588
- */
589
- dashboard: {
590
- /**
591
- * URL for the dashboard link.
592
- */
593
- href: string;
594
- };
595
- };
596
- };
597
- };
624
+ sessionState?: HeaderSessionState;
598
625
  /**
599
626
  * Array of themed scrollpoints. The header will change its appearance based on the scrollpoint in view.
600
627
  */
@@ -606,6 +633,14 @@ export type HeaderProps = {
606
633
  * - "mobile": Visible only on mobile devices.
607
634
  */
608
635
  searchButtonVisibility?: "all" | "desktop" | "mobile";
636
+ /**
637
+ Props for the notice component to be displayed in the header.
638
+ */
639
+ notice: NoticeProps;
640
+ /**
641
+ Reference to the notice DOM element for handling visibility and overflow.
642
+ */
643
+ noticeRef: React.RefObject<HTMLDivElement>;
609
644
  };
610
645
  const Header: React.FC<HeaderProps>;
611
646
  export default Header;
@@ -658,50 +693,63 @@ export default Icon;
658
693
  //# sourceMappingURL=Icon.d.ts.map
659
694
  }
660
695
 
661
- declare module '@ably/ui/core/LinkButton' {
662
- import React from "react";
663
- import { ButtonPropsBase } from "@ably/ui/core/Button";
664
- import { ColorClass, ColorThemeSet } from "@ably/ui/core/styles/colors/types";
665
- export type LinkButtonProps = ButtonPropsBase & {
666
- disabled?: boolean;
667
- onClick?: (event: React.MouseEvent<HTMLAnchorElement>) => void;
668
- iconColor?: ColorClass | ColorThemeSet;
669
- } & React.AnchorHTMLAttributes<HTMLAnchorElement>;
670
- const LinkButton: React.FC<LinkButtonProps>;
671
- export default LinkButton;
672
- //# sourceMappingURL=LinkButton.d.ts.map
696
+ declare module '@ably/ui/core/LegacyMeganav/MeganavControl/component' {
697
+ export default MeganavControl;
698
+ function MeganavControl(): {
699
+ teardown: () => void;
700
+ clear: () => void;
701
+ }[];
702
+ //# sourceMappingURL=component.d.ts.map
673
703
  }
674
704
 
675
- declare module '@ably/ui/core/Loader' {
676
- type LoaderProps = {
677
- size?: string;
678
- ringColor?: string;
679
- additionalCSS?: string;
705
+ declare module '@ably/ui/core/LegacyMeganav/MeganavControlMobileDropdown/component' {
706
+ export default MeganavControlMobileDropdown;
707
+ function MeganavControlMobileDropdown({ clearPanels }: {
708
+ clearPanels: any;
709
+ }): {
710
+ teardown: () => void;
711
+ clear: () => void;
680
712
  };
681
- const Loader: ({ ringColor, size, additionalCSS, }: LoaderProps) => import("react/jsx-runtime").JSX.Element;
682
- export default Loader;
683
- //# sourceMappingURL=Loader.d.ts.map
713
+ //# sourceMappingURL=component.d.ts.map
684
714
  }
685
715
 
686
- declare module '@ably/ui/core/Logo' {
687
- import React from "react";
688
- type LogoProps = {
689
- dataId?: string;
690
- logoUrl?: string;
691
- logoAlt?: string;
692
- href?: string;
693
- additionalImgAttrs?: object;
694
- additionalLinkAttrs?: object;
695
- theme?: "light" | "dark";
696
- variant?: "default" | "mono";
697
- orientation?: "default" | "stacked";
698
- };
699
- const _default: React.MemoExoticComponent<({ dataId, href, additionalImgAttrs, additionalLinkAttrs, theme, variant, orientation, logoUrl, logoAlt, }: LogoProps) => import("react/jsx-runtime").JSX.Element>;
716
+ declare module '@ably/ui/core/LegacyMeganav/MeganavControlMobilePanelClose/component' {
717
+ function _default(): {
718
+ teardown: () => void;
719
+ clear: () => void;
720
+ }[];
700
721
  export default _default;
701
- //# sourceMappingURL=Logo.d.ts.map
722
+ //# sourceMappingURL=component.d.ts.map
723
+ }
724
+
725
+ declare module '@ably/ui/core/LegacyMeganav/MeganavControlMobilePanelOpen/component' {
726
+ function _default(): {
727
+ teardown: () => void;
728
+ clear: () => void;
729
+ }[];
730
+ export default _default;
731
+ //# sourceMappingURL=component.d.ts.map
732
+ }
733
+
734
+ declare module '@ably/ui/core/LegacyMeganav/MeganavSearchAutocomplete/component' {
735
+ function _default(apiKey: any): {
736
+ teardown: () => void;
737
+ clear: () => void;
738
+ }[];
739
+ export default _default;
740
+ //# sourceMappingURL=component.d.ts.map
741
+ }
742
+
743
+ declare module '@ably/ui/core/LegacyMeganav/MeganavSearchSuggestions/component' {
744
+ export default MeganavSearchSuggestions;
745
+ function MeganavSearchSuggestions(): {
746
+ teardown: () => void;
747
+ clear: () => void;
748
+ };
749
+ //# sourceMappingURL=component.d.ts.map
702
750
  }
703
751
 
704
- declare module '@ably/ui/core/Meganav/component' {
752
+ declare module '@ably/ui/core/LegacyMeganav/component' {
705
753
  export default function Meganav({ themeName, addSearchApiKey }: {
706
754
  themeName: any;
707
755
  addSearchApiKey: any;
@@ -709,7 +757,7 @@ export default function Meganav({ themeName, addSearchApiKey }: {
709
757
  //# sourceMappingURL=component.d.ts.map
710
758
  }
711
759
 
712
- declare module '@ably/ui/core/Meganav' {
760
+ declare module '@ably/ui/core/LegacyMeganav' {
713
761
  import { ReactNode } from "react";
714
762
  import { ColorClass } from "@ably/ui/core/styles/colors/types";
715
763
  export type MeganavTheme = {
@@ -726,6 +774,9 @@ export type MeganavPaths = {
726
774
  logo?: string;
727
775
  iconSprites: string;
728
776
  ablyStack: string;
777
+ blogThumb1: string;
778
+ blogThumb2: string;
779
+ blogThumb3: string;
729
780
  awsLogo?: string;
730
781
  };
731
782
  export type MeganavPanels = {
@@ -760,7 +811,7 @@ export type MeganavSessionState = {
760
811
  href: string;
761
812
  };
762
813
  };
763
- export type NoticeApiProps = {
814
+ export type MeganavNoticeProps = {
764
815
  props: {
765
816
  title: string;
766
817
  bodyText: string;
@@ -779,7 +830,7 @@ export type NoticeApiProps = {
779
830
  type MeganavProps = {
780
831
  paths?: MeganavPaths;
781
832
  themeName: "white" | "black" | "transparentToWhite";
782
- notice?: NoticeApiProps;
833
+ notice?: MeganavNoticeProps;
783
834
  loginLink?: string;
784
835
  urlBase?: string;
785
836
  addSearchApiKey: string;
@@ -788,11 +839,121 @@ type MeganavProps = {
788
839
  };
789
840
  const Meganav: ({ paths, themeName, notice, loginLink, urlBase, addSearchApiKey, statusUrl, searchDataId, }: MeganavProps) => import("react/jsx-runtime").JSX.Element;
790
841
  export default Meganav;
842
+ //# sourceMappingURL=LegacyMeganav.d.ts.map
843
+ }
844
+
845
+ declare module '@ably/ui/core/LinkButton' {
846
+ import React from "react";
847
+ import { ButtonPropsBase } from "@ably/ui/core/Button";
848
+ import { ColorClass, ColorThemeSet } from "@ably/ui/core/styles/colors/types";
849
+ export type LinkButtonProps = ButtonPropsBase & {
850
+ disabled?: boolean;
851
+ onClick?: (event: React.MouseEvent<HTMLAnchorElement>) => void;
852
+ iconColor?: ColorClass | ColorThemeSet;
853
+ } & React.AnchorHTMLAttributes<HTMLAnchorElement>;
854
+ const LinkButton: React.FC<LinkButtonProps>;
855
+ export default LinkButton;
856
+ //# sourceMappingURL=LinkButton.d.ts.map
857
+ }
858
+
859
+ declare module '@ably/ui/core/Loader' {
860
+ type LoaderProps = {
861
+ size?: string;
862
+ ringColor?: string;
863
+ additionalCSS?: string;
864
+ };
865
+ const Loader: ({ ringColor, size, additionalCSS, }: LoaderProps) => import("react/jsx-runtime").JSX.Element;
866
+ export default Loader;
867
+ //# sourceMappingURL=Loader.d.ts.map
868
+ }
869
+
870
+ declare module '@ably/ui/core/Logo' {
871
+ import React from "react";
872
+ type LogoProps = {
873
+ dataId?: string;
874
+ logoUrl?: string;
875
+ logoAlt?: string;
876
+ href?: string;
877
+ additionalImgAttrs?: object;
878
+ additionalLinkAttrs?: object;
879
+ theme?: "light" | "dark";
880
+ variant?: "default" | "mono";
881
+ orientation?: "default" | "stacked";
882
+ };
883
+ const _default: React.MemoExoticComponent<({ dataId, href, additionalImgAttrs, additionalLinkAttrs, theme, variant, orientation, logoUrl, logoAlt, }: LogoProps) => import("react/jsx-runtime").JSX.Element>;
884
+ export default _default;
885
+ //# sourceMappingURL=Logo.d.ts.map
886
+ }
887
+
888
+ declare module '@ably/ui/core/Meganav/Meganav' {
889
+ import { HeaderSessionState } from ".@ably/ui/core/Header";
890
+ import { NoticeProps } from ".@ably/ui/core/Notice";
891
+ export type MeganavProps = {
892
+ sessionState: HeaderSessionState;
893
+ searchDataId: string;
894
+ notice: NoticeProps;
895
+ };
896
+ const Meganav: ({ sessionState, searchDataId, notice }: MeganavProps) => import("react/jsx-runtime").JSX.Element;
897
+ export default Meganav;
791
898
  //# sourceMappingURL=Meganav.d.ts.map
792
899
  }
793
900
 
901
+ declare module '@ably/ui/core/Meganav/MeganavMobile' {
902
+ import { AccordionData } from ".@ably/ui/core/Accordion/types";
903
+ export const MeganavMobile: ({ mobileNavItems, }: {
904
+ mobileNavItems: AccordionData[];
905
+ }) => import("react/jsx-runtime").JSX.Element;
906
+ //# sourceMappingURL=MeganavMobile.d.ts.map
907
+ }
908
+
909
+ declare module '@ably/ui/core/Meganav/MeganavPanel' {
910
+ import React from "react";
911
+ import { FlyoutPanelHighlight, FlyoutPanelList } from "@ably/ui/core/data";
912
+ export const MeganavPanel: ({ displayProductTile, panelLeft, panelLeftClassName, panelRightHeading, panelRightItems, panelRightBottom, }: {
913
+ displayProductTile?: boolean;
914
+ panelLeft?: FlyoutPanelHighlight;
915
+ panelLeftClassName?: string;
916
+ panelRightHeading?: string;
917
+ panelRightItems: FlyoutPanelList[];
918
+ panelRightBottom?: React.ReactNode;
919
+ }) => import("react/jsx-runtime").JSX.Element;
920
+ //# sourceMappingURL=MeganavPanel.d.ts.map
921
+ }
922
+
923
+ declare module '@ably/ui/core/Meganav/data' {
924
+ import React from "react";
925
+ import { IconName } from ".@ably/ui/core/Icon/types";
926
+ export type FlyoutPanelList = {
927
+ label: string;
928
+ icon: IconName;
929
+ link: string;
930
+ isMobile?: boolean;
931
+ };
932
+ export type FlyoutPanelHighlight = {
933
+ heading: string;
934
+ content: string;
935
+ labelLink: string;
936
+ url: string;
937
+ image: string;
938
+ };
939
+ export type MenuItem = {
940
+ name: string;
941
+ link?: string;
942
+ isHiddenMobile?: boolean;
943
+ content?: React.ReactNode;
944
+ panelClassName?: string;
945
+ };
946
+ export const menuItemLinks: {
947
+ name: string;
948
+ link: string;
949
+ isHiddenMobile: boolean;
950
+ }[];
951
+ export const menuItemsForHeader: MenuItem[];
952
+ //# sourceMappingURL=data.d.ts.map
953
+ }
954
+
794
955
  declare module '@ably/ui/core/MeganavBlogPostsList' {
795
- import { AbsUrl } from "@ably/ui/core/Meganav";
956
+ import { AbsUrl } from "@ably/ui/core/LegacyMeganav";
796
957
  type MeganavBlogPostsListProps = {
797
958
  recentBlogPosts: {
798
959
  link: string;
@@ -807,7 +968,7 @@ export default MeganavBlogPostsList;
807
968
  }
808
969
 
809
970
  declare module '@ably/ui/core/MeganavContentCompany' {
810
- import { AbsUrl, MeganavPaths } from "@ably/ui/core/Meganav";
971
+ import { AbsUrl, MeganavPaths } from "@ably/ui/core/LegacyMeganav";
811
972
  type MeganavContentCompanyProps = {
812
973
  absUrl: AbsUrl;
813
974
  paths?: MeganavPaths;
@@ -818,7 +979,7 @@ export default MeganavContentCompany;
818
979
  }
819
980
 
820
981
  declare module '@ably/ui/core/MeganavContentDevelopers' {
821
- import { AbsUrl } from "@ably/ui/core/Meganav";
982
+ import { AbsUrl } from "@ably/ui/core/LegacyMeganav";
822
983
  const MeganavContentDevelopers: ({ absUrl, statusUrl, }: {
823
984
  absUrl: AbsUrl;
824
985
  statusUrl: string;
@@ -828,7 +989,7 @@ export default MeganavContentDevelopers;
828
989
  }
829
990
 
830
991
  declare module '@ably/ui/core/MeganavContentProducts' {
831
- import { AbsUrl, MeganavPaths } from "@ably/ui/core/Meganav";
992
+ import { AbsUrl, MeganavPaths } from "@ably/ui/core/LegacyMeganav";
832
993
  type MeganavContentProductsProps = {
833
994
  paths?: MeganavPaths;
834
995
  absUrl: AbsUrl;
@@ -839,7 +1000,7 @@ export default MeganavContentProducts;
839
1000
  }
840
1001
 
841
1002
  declare module '@ably/ui/core/MeganavContentUseCases' {
842
- import { AbsUrl } from "@ably/ui/core/Meganav";
1003
+ import { AbsUrl } from "@ably/ui/core/LegacyMeganav";
843
1004
  const MeganavContentUseCases: ({ absUrl }: {
844
1005
  absUrl: AbsUrl;
845
1006
  }) => import("react/jsx-runtime").JSX.Element;
@@ -847,18 +1008,9 @@ export default MeganavContentUseCases;
847
1008
  //# sourceMappingURL=MeganavContentUseCases.d.ts.map
848
1009
  }
849
1010
 
850
- declare module '@ably/ui/core/MeganavControl/component' {
851
- export default MeganavControl;
852
- function MeganavControl(): {
853
- teardown: () => void;
854
- clear: () => void;
855
- }[];
856
- //# sourceMappingURL=component.d.ts.map
857
- }
858
-
859
1011
  declare module '@ably/ui/core/MeganavControl' {
860
1012
  import { ReactNode } from "react";
861
- import { MeganavTheme } from "@ably/ui/core/Meganav";
1013
+ import { MeganavTheme } from "@ably/ui/core/LegacyMeganav";
862
1014
  type MeganavControlProps = {
863
1015
  ariaControls: string;
864
1016
  ariaLabel: string;
@@ -871,19 +1023,8 @@ export default MeganavControl;
871
1023
  //# sourceMappingURL=MeganavControl.d.ts.map
872
1024
  }
873
1025
 
874
- declare module '@ably/ui/core/MeganavControlMobileDropdown/component' {
875
- export default MeganavControlMobileDropdown;
876
- function MeganavControlMobileDropdown({ clearPanels }: {
877
- clearPanels: any;
878
- }): {
879
- teardown: () => void;
880
- clear: () => void;
881
- };
882
- //# sourceMappingURL=component.d.ts.map
883
- }
884
-
885
1026
  declare module '@ably/ui/core/MeganavControlMobileDropdown' {
886
- import { MeganavTheme } from "@ably/ui/core/Meganav";
1027
+ import { MeganavTheme } from "@ably/ui/core/LegacyMeganav";
887
1028
  const MeganavControlMobileDropdown: ({ theme }: {
888
1029
  theme: MeganavTheme;
889
1030
  }) => import("react/jsx-runtime").JSX.Element;
@@ -891,15 +1032,6 @@ export default MeganavControlMobileDropdown;
891
1032
  //# sourceMappingURL=MeganavControlMobileDropdown.d.ts.map
892
1033
  }
893
1034
 
894
- declare module '@ably/ui/core/MeganavControlMobilePanelClose/component' {
895
- function _default(): {
896
- teardown: () => void;
897
- clear: () => void;
898
- }[];
899
- export default _default;
900
- //# sourceMappingURL=component.d.ts.map
901
- }
902
-
903
1035
  declare module '@ably/ui/core/MeganavControlMobilePanelClose' {
904
1036
  type MeganavControlMobilePanelCloseProps = {
905
1037
  ariaControls: string;
@@ -910,15 +1042,6 @@ export default MeganavControlMobilePanelClose;
910
1042
  //# sourceMappingURL=MeganavControlMobilePanelClose.d.ts.map
911
1043
  }
912
1044
 
913
- declare module '@ably/ui/core/MeganavControlMobilePanelOpen/component' {
914
- function _default(): {
915
- teardown: () => void;
916
- clear: () => void;
917
- }[];
918
- export default _default;
919
- //# sourceMappingURL=component.d.ts.map
920
- }
921
-
922
1045
  declare module '@ably/ui/core/MeganavControlMobilePanelOpen' {
923
1046
  import { ReactNode } from "react";
924
1047
  type MeganavControlMobilePanelOpenProps = {
@@ -932,7 +1055,7 @@ export default MeganavControlMobilePanelOpen;
932
1055
 
933
1056
  declare module '@ably/ui/core/MeganavItemsDesktop' {
934
1057
  import React from "react";
935
- import { AbsUrl, MeganavPanels, MeganavPaths, MeganavTheme } from "@ably/ui/core/Meganav";
1058
+ import { AbsUrl, MeganavPanels, MeganavPaths, MeganavTheme } from "@ably/ui/core/LegacyMeganav";
936
1059
  type MeganavDesktopItems = {
937
1060
  panels: MeganavPanels;
938
1061
  paths?: MeganavPaths;
@@ -948,7 +1071,7 @@ export default _default;
948
1071
 
949
1072
  declare module '@ably/ui/core/MeganavItemsMobile' {
950
1073
  import React from "react";
951
- import { AbsUrl, MeganavPanels, MeganavPaths, MeganavSessionState, MeganavTheme } from "@ably/ui/core/Meganav";
1074
+ import { AbsUrl, MeganavPanels, MeganavPaths, MeganavSessionState, MeganavTheme } from "@ably/ui/core/LegacyMeganav";
952
1075
  type MeganavItemsMobileProps = {
953
1076
  panels: MeganavPanels;
954
1077
  paths?: MeganavPaths;
@@ -965,7 +1088,7 @@ export default _default;
965
1088
  }
966
1089
 
967
1090
  declare module '@ably/ui/core/MeganavItemsSignedIn' {
968
- import { AbsUrl, MeganavSessionState, MeganavTheme } from "@ably/ui/core/Meganav";
1091
+ import { AbsUrl, MeganavSessionState, MeganavTheme } from "@ably/ui/core/LegacyMeganav";
969
1092
  type MeganavItemsSignedIn = {
970
1093
  sessionState: MeganavSessionState;
971
1094
  theme: MeganavTheme;
@@ -978,7 +1101,7 @@ export default MeganavItemsSignedIn;
978
1101
  }
979
1102
 
980
1103
  declare module '@ably/ui/core/MeganavSearch' {
981
- import { AbsUrl } from "@ably/ui/core/Meganav";
1104
+ import { AbsUrl } from "@ably/ui/core/LegacyMeganav";
982
1105
  const MeganavSearch: ({ absUrl, dataId, }: {
983
1106
  absUrl: AbsUrl;
984
1107
  dataId?: string;
@@ -987,15 +1110,6 @@ export default MeganavSearch;
987
1110
  //# sourceMappingURL=MeganavSearch.d.ts.map
988
1111
  }
989
1112
 
990
- declare module '@ably/ui/core/MeganavSearchAutocomplete/component' {
991
- function _default(apiKey: any): {
992
- teardown: () => void;
993
- clear: () => void;
994
- }[];
995
- export default _default;
996
- //# sourceMappingURL=component.d.ts.map
997
- }
998
-
999
1113
  declare module '@ably/ui/core/MeganavSearchAutocomplete' {
1000
1114
  const MeganavSearchAutocomplete: () => import("react/jsx-runtime").JSX.Element;
1001
1115
  export default MeganavSearchAutocomplete;
@@ -1003,7 +1117,7 @@ export default MeganavSearchAutocomplete;
1003
1117
  }
1004
1118
 
1005
1119
  declare module '@ably/ui/core/MeganavSearchPanel' {
1006
- import { AbsUrl } from "@ably/ui/core/Meganav";
1120
+ import { AbsUrl } from "@ably/ui/core/LegacyMeganav";
1007
1121
  const MeganavSearchPanel: ({ absUrl }: {
1008
1122
  absUrl: AbsUrl;
1009
1123
  }) => import("react/jsx-runtime").JSX.Element;
@@ -1011,17 +1125,8 @@ export default MeganavSearchPanel;
1011
1125
  //# sourceMappingURL=MeganavSearchPanel.d.ts.map
1012
1126
  }
1013
1127
 
1014
- declare module '@ably/ui/core/MeganavSearchSuggestions/component' {
1015
- export default MeganavSearchSuggestions;
1016
- function MeganavSearchSuggestions(): {
1017
- teardown: () => void;
1018
- clear: () => void;
1019
- };
1020
- //# sourceMappingURL=component.d.ts.map
1021
- }
1022
-
1023
1128
  declare module '@ably/ui/core/MeganavSearchSuggestions' {
1024
- import { AbsUrl } from "@ably/ui/core/Meganav";
1129
+ import { AbsUrl } from "@ably/ui/core/LegacyMeganav";
1025
1130
  type MeganavSearchSuggestionsProps = {
1026
1131
  absUrl: AbsUrl;
1027
1132
  displaySupportLink: boolean;
@@ -1043,6 +1148,7 @@ function Notice({ bannerContainer, cookieId, noticeId, options }: {
1043
1148
  }
1044
1149
 
1045
1150
  declare module '@ably/ui/core/Notice' {
1151
+ import React from "react";
1046
1152
  import { ColorClass, ColorThemeSet } from "@ably/ui/core/styles/colors/types";
1047
1153
  export type NoticeProps = {
1048
1154
  buttonLink?: string;
@@ -1066,7 +1172,7 @@ export type NoticeProps = {
1066
1172
  collapse: boolean;
1067
1173
  };
1068
1174
  };
1069
- const Notice: ({ buttonLink, buttonLabel, bodyText, title, config, closeBtn, bgColor, textColor, }: NoticeProps) => import("react/jsx-runtime").JSX.Element;
1175
+ const Notice: React.ForwardRefExoticComponent<NoticeProps & React.RefAttributes<HTMLDivElement>>;
1070
1176
  export default Notice;
1071
1177
  //# sourceMappingURL=Notice.d.ts.map
1072
1178
  }
@@ -1248,7 +1354,7 @@ export default ProductTile;
1248
1354
 
1249
1355
  declare module '@ably/ui/core/SignOutLink' {
1250
1356
  import { MouseEventHandler, ReactNode } from "react";
1251
- import { AbsUrl } from "@ably/ui/core/Meganav";
1357
+ import { AbsUrl } from "@ably/ui/core/LegacyMeganav";
1252
1358
  type SignOutLinkProps = {
1253
1359
  token: string;
1254
1360
  href: string;
@@ -1462,13 +1568,6 @@ export function queryIdAll(val: any, root?: Document): NodeListOf<Element>;
1462
1568
  //# sourceMappingURL=dom-query.d.ts.map
1463
1569
  }
1464
1570
 
1465
- declare module '@ably/ui/core/hooks/use-rails-ujs-hooks' {
1466
- import { RefObject } from "react";
1467
- const useRailsUjsLinks: () => RefObject<HTMLDivElement>;
1468
- export default useRailsUjsLinks;
1469
- //# sourceMappingURL=use-rails-ujs-hooks.d.ts.map
1470
- }
1471
-
1472
1571
  declare module '@ably/ui/core/hubspot-chat-toggle' {
1473
1572
  export default function toggleChatWidget(params: any): (() => void) | undefined;
1474
1573
  //# sourceMappingURL=hubspot-chat-toggle.d.ts.map