npm - @phis/ui - Versions diffs - 0.2.1 → 0.4.0 - Mend

@phis/ui 0.2.1 → 0.4.0

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 (1804) hide show

package/components/shell/phi-antd-icon.d.ts CHANGED Viewed

@@ -1,64 +1,121 @@
+import { type CSSProperties } from "react";
 declare const PHI_ANTD_ICON_LOADERS: {
-    readonly ApartmentOutlined: () => Promise<typeof import("@ant-design/icons/es/icons/ApartmentOutlined")>;
-    readonly ApiOutlined: () => Promise<typeof import("@ant-design/icons/es/icons/ApiOutlined")>;
-    readonly AppleOutlined: () => Promise<typeof import("@ant-design/icons/es/icons/AppleOutlined")>;
-    readonly AppstoreOutlined: () => Promise<typeof import("@ant-design/icons/es/icons/AppstoreOutlined")>;
-    readonly BranchesOutlined: () => Promise<typeof import("@ant-design/icons/es/icons/BranchesOutlined")>;
-    readonly CheckOutlined: () => Promise<typeof import("@ant-design/icons/es/icons/CheckOutlined")>;
-    readonly ClusterOutlined: () => Promise<typeof import("@ant-design/icons/es/icons/ClusterOutlined")>;
-    readonly CloseOutlined: () => Promise<typeof import("@ant-design/icons/es/icons/CloseOutlined")>;
-    readonly CloudUploadOutlined: () => Promise<typeof import("@ant-design/icons/es/icons/CloudUploadOutlined")>;
-    readonly CodeOutlined: () => Promise<typeof import("@ant-design/icons/es/icons/CodeOutlined")>;
-    readonly ColumnWidthOutlined: () => Promise<typeof import("@ant-design/icons/es/icons/ColumnWidthOutlined")>;
-    readonly CustomerServiceOutlined: () => Promise<typeof import("@ant-design/icons/es/icons/CustomerServiceOutlined")>;
-    readonly DashboardOutlined: () => Promise<typeof import("@ant-design/icons/es/icons/DashboardOutlined")>;
-    readonly DeleteOutlined: () => Promise<typeof import("@ant-design/icons/es/icons/DeleteOutlined")>;
-    readonly DownloadOutlined: () => Promise<typeof import("@ant-design/icons/es/icons/DownloadOutlined")>;
-    readonly EditOutlined: () => Promise<typeof import("@ant-design/icons/es/icons/EditOutlined")>;
-    readonly EnvironmentOutlined: () => Promise<typeof import("@ant-design/icons/es/icons/EnvironmentOutlined")>;
-    readonly ExperimentOutlined: () => Promise<typeof import("@ant-design/icons/es/icons/ExperimentOutlined")>;
-    readonly EyeInvisibleOutlined: () => Promise<typeof import("@ant-design/icons/es/icons/EyeInvisibleOutlined")>;
-    readonly EyeOutlined: () => Promise<typeof import("@ant-design/icons/es/icons/EyeOutlined")>;
-    readonly FileTextOutlined: () => Promise<typeof import("@ant-design/icons/es/icons/FileTextOutlined")>;
-    readonly FolderAddOutlined: () => Promise<typeof import("@ant-design/icons/es/icons/FolderAddOutlined")>;
-    readonly GithubOutlined: () => Promise<typeof import("@ant-design/icons/es/icons/GithubOutlined")>;
-    readonly GlobalOutlined: () => Promise<typeof import("@ant-design/icons/es/icons/GlobalOutlined")>;
-    readonly GoogleOutlined: () => Promise<typeof import("@ant-design/icons/es/icons/GoogleOutlined")>;
-    readonly HistoryOutlined: () => Promise<typeof import("@ant-design/icons/es/icons/HistoryOutlined")>;
-    readonly HomeOutlined: () => Promise<typeof import("@ant-design/icons/es/icons/HomeOutlined")>;
-    readonly InfoCircleOutlined: () => Promise<typeof import("@ant-design/icons/es/icons/InfoCircleOutlined")>;
-    readonly LinkOutlined: () => Promise<typeof import("@ant-design/icons/es/icons/LinkOutlined")>;
-    readonly LogoutOutlined: () => Promise<typeof import("@ant-design/icons/es/icons/LogoutOutlined")>;
-    readonly MailOutlined: () => Promise<typeof import("@ant-design/icons/es/icons/MailOutlined")>;
-    readonly MenuOutlined: () => Promise<typeof import("@ant-design/icons/es/icons/MenuOutlined")>;
-    readonly MessageOutlined: () => Promise<typeof import("@ant-design/icons/es/icons/MessageOutlined")>;
-    readonly MinusOutlined: () => Promise<typeof import("@ant-design/icons/es/icons/MinusOutlined")>;
-    readonly NotificationOutlined: () => Promise<typeof import("@ant-design/icons/es/icons/NotificationOutlined")>;
-    readonly PictureOutlined: () => Promise<typeof import("@ant-design/icons/es/icons/PictureOutlined")>;
-    readonly PlusOutlined: () => Promise<typeof import("@ant-design/icons/es/icons/PlusOutlined")>;
-    readonly ProfileOutlined: () => Promise<typeof import("@ant-design/icons/es/icons/ProfileOutlined")>;
-    readonly QuestionCircleOutlined: () => Promise<typeof import("@ant-design/icons/es/icons/QuestionCircleOutlined")>;
-    readonly ReadOutlined: () => Promise<typeof import("@ant-design/icons/es/icons/ReadOutlined")>;
-    readonly RedoOutlined: () => Promise<typeof import("@ant-design/icons/es/icons/RedoOutlined")>;
-    readonly ReloadOutlined: () => Promise<typeof import("@ant-design/icons/es/icons/ReloadOutlined")>;
-    readonly SafetyCertificateOutlined: () => Promise<typeof import("@ant-design/icons/es/icons/SafetyCertificateOutlined")>;
-    readonly SaveOutlined: () => Promise<typeof import("@ant-design/icons/es/icons/SaveOutlined")>;
-    readonly SendOutlined: () => Promise<typeof import("@ant-design/icons/es/icons/SendOutlined")>;
-    readonly SearchOutlined: () => Promise<typeof import("@ant-design/icons/es/icons/SearchOutlined")>;
-    readonly SettingOutlined: () => Promise<typeof import("@ant-design/icons/es/icons/SettingOutlined")>;
-    readonly ShoppingOutlined: () => Promise<typeof import("@ant-design/icons/es/icons/ShoppingOutlined")>;
-    readonly SkinOutlined: () => Promise<typeof import("@ant-design/icons/es/icons/SkinOutlined")>;
-    readonly StarOutlined: () => Promise<typeof import("@ant-design/icons/es/icons/StarOutlined")>;
-    readonly StopOutlined: () => Promise<typeof import("@ant-design/icons/es/icons/StopOutlined")>;
-    readonly TableOutlined: () => Promise<typeof import("@ant-design/icons/es/icons/TableOutlined")>;
-    readonly TeamOutlined: () => Promise<typeof import("@ant-design/icons/es/icons/TeamOutlined")>;
-    readonly TranslationOutlined: () => Promise<typeof import("@ant-design/icons/es/icons/TranslationOutlined")>;
-    readonly UndoOutlined: () => Promise<typeof import("@ant-design/icons/es/icons/UndoOutlined")>;
-    readonly UserAddOutlined: () => Promise<typeof import("@ant-design/icons/es/icons/UserAddOutlined")>;
-    readonly UserOutlined: () => Promise<typeof import("@ant-design/icons/es/icons/UserOutlined")>;
-    readonly WindowsOutlined: () => Promise<typeof import("@ant-design/icons/es/icons/WindowsOutlined")>;
+    readonly AlignCenterOutlined: () => Promise<typeof import("@ant-design/icons-svg/es/asn/AlignCenterOutlined")>;
+    readonly AlignLeftOutlined: () => Promise<typeof import("@ant-design/icons-svg/es/asn/AlignLeftOutlined")>;
+    readonly AlignRightOutlined: () => Promise<typeof import("@ant-design/icons-svg/es/asn/AlignRightOutlined")>;
+    readonly ApartmentOutlined: () => Promise<typeof import("@ant-design/icons-svg/es/asn/ApartmentOutlined")>;
+    readonly ApiOutlined: () => Promise<typeof import("@ant-design/icons-svg/es/asn/ApiOutlined")>;
+    readonly AppleOutlined: () => Promise<typeof import("@ant-design/icons-svg/es/asn/AppleOutlined")>;
+    readonly AppstoreOutlined: () => Promise<typeof import("@ant-design/icons-svg/es/asn/AppstoreOutlined")>;
+    readonly ArrowDownOutlined: () => Promise<typeof import("@ant-design/icons-svg/es/asn/ArrowDownOutlined")>;
+    readonly ArrowUpOutlined: () => Promise<typeof import("@ant-design/icons-svg/es/asn/ArrowUpOutlined")>;
+    readonly AudioTwoTone: () => Promise<typeof import("@ant-design/icons/es/icons/AudioTwoTone")>;
+    readonly BgColorsOutlined: () => Promise<typeof import("@ant-design/icons-svg/es/asn/BgColorsOutlined")>;
+    readonly BlockOutlined: () => Promise<typeof import("@ant-design/icons-svg/es/asn/BlockOutlined")>;
+    readonly BuildOutlined: () => Promise<typeof import("@ant-design/icons-svg/es/asn/BuildOutlined")>;
+    readonly BranchesOutlined: () => Promise<typeof import("@ant-design/icons-svg/es/asn/BranchesOutlined")>;
+    readonly CalendarOutlined: () => Promise<typeof import("@ant-design/icons-svg/es/asn/CalendarOutlined")>;
+    readonly CheckOutlined: () => Promise<typeof import("@ant-design/icons-svg/es/asn/CheckOutlined")>;
+    readonly CloseOutlined: () => Promise<typeof import("@ant-design/icons-svg/es/asn/CloseOutlined")>;
+    readonly CloudUploadOutlined: () => Promise<typeof import("@ant-design/icons-svg/es/asn/CloudUploadOutlined")>;
+    readonly ClusterOutlined: () => Promise<typeof import("@ant-design/icons-svg/es/asn/ClusterOutlined")>;
+    readonly CodeOutlined: () => Promise<typeof import("@ant-design/icons-svg/es/asn/CodeOutlined")>;
+    readonly ColumnWidthOutlined: () => Promise<typeof import("@ant-design/icons-svg/es/asn/ColumnWidthOutlined")>;
+    readonly CopyOutlined: () => Promise<typeof import("@ant-design/icons-svg/es/asn/CopyOutlined")>;
+    readonly CustomerServiceOutlined: () => Promise<typeof import("@ant-design/icons-svg/es/asn/CustomerServiceOutlined")>;
+    readonly DashOutlined: () => Promise<typeof import("@ant-design/icons-svg/es/asn/DashOutlined")>;
+    readonly DashboardOutlined: () => Promise<typeof import("@ant-design/icons-svg/es/asn/DashboardOutlined")>;
+    readonly DeleteOutlined: () => Promise<typeof import("@ant-design/icons-svg/es/asn/DeleteOutlined")>;
+    readonly DownOutlined: () => Promise<typeof import("@ant-design/icons-svg/es/asn/DownOutlined")>;
+    readonly DownloadOutlined: () => Promise<typeof import("@ant-design/icons-svg/es/asn/DownloadOutlined")>;
+    readonly EditOutlined: () => Promise<typeof import("@ant-design/icons-svg/es/asn/EditOutlined")>;
+    readonly EnvironmentOutlined: () => Promise<typeof import("@ant-design/icons-svg/es/asn/EnvironmentOutlined")>;
+    readonly ExperimentOutlined: () => Promise<typeof import("@ant-design/icons-svg/es/asn/ExperimentOutlined")>;
+    readonly EyeInvisibleOutlined: () => Promise<typeof import("@ant-design/icons-svg/es/asn/EyeInvisibleOutlined")>;
+    readonly EyeOutlined: () => Promise<typeof import("@ant-design/icons-svg/es/asn/EyeOutlined")>;
+    readonly FileImageTwoTone: () => Promise<typeof import("@ant-design/icons/es/icons/FileImageTwoTone")>;
+    readonly FilePdfTwoTone: () => Promise<typeof import("@ant-design/icons/es/icons/FilePdfTwoTone")>;
+    readonly FileTextOutlined: () => Promise<typeof import("@ant-design/icons-svg/es/asn/FileTextOutlined")>;
+    readonly FileTextTwoTone: () => Promise<typeof import("@ant-design/icons/es/icons/FileTextTwoTone")>;
+    readonly FileUnknownTwoTone: () => Promise<typeof import("@ant-design/icons/es/icons/FileUnknownTwoTone")>;
+    readonly FileZipTwoTone: () => Promise<typeof import("@ant-design/icons/es/icons/FileZipTwoTone")>;
+    readonly FolderAddOutlined: () => Promise<typeof import("@ant-design/icons-svg/es/asn/FolderAddOutlined")>;
+    readonly FontColorsOutlined: () => Promise<typeof import("@ant-design/icons-svg/es/asn/FontColorsOutlined")>;
+    readonly FontSizeOutlined: () => Promise<typeof import("@ant-design/icons-svg/es/asn/FontSizeOutlined")>;
+    readonly FormOutlined: () => Promise<typeof import("@ant-design/icons-svg/es/asn/FormOutlined")>;
+    readonly FormatPainterOutlined: () => Promise<typeof import("@ant-design/icons-svg/es/asn/FormatPainterOutlined")>;
+    readonly GithubOutlined: () => Promise<typeof import("@ant-design/icons-svg/es/asn/GithubOutlined")>;
+    readonly GlobalOutlined: () => Promise<typeof import("@ant-design/icons-svg/es/asn/GlobalOutlined")>;
+    readonly GoogleOutlined: () => Promise<typeof import("@ant-design/icons-svg/es/asn/GoogleOutlined")>;
+    readonly HddTwoTone: () => Promise<typeof import("@ant-design/icons/es/icons/HddTwoTone")>;
+    readonly HighlightTwoTone: () => Promise<typeof import("@ant-design/icons/es/icons/HighlightTwoTone")>;
+    readonly HistoryOutlined: () => Promise<typeof import("@ant-design/icons-svg/es/asn/HistoryOutlined")>;
+    readonly HolderOutlined: () => Promise<typeof import("@ant-design/icons-svg/es/asn/HolderOutlined")>;
+    readonly HomeOutlined: () => Promise<typeof import("@ant-design/icons-svg/es/asn/HomeOutlined")>;
+    readonly IdcardOutlined: () => Promise<typeof import("@ant-design/icons-svg/es/asn/IdcardOutlined")>;
+    readonly InfoCircleOutlined: () => Promise<typeof import("@ant-design/icons-svg/es/asn/InfoCircleOutlined")>;
+    readonly LayoutOutlined: () => Promise<typeof import("@ant-design/icons-svg/es/asn/LayoutOutlined")>;
+    readonly LeftOutlined: () => Promise<typeof import("@ant-design/icons-svg/es/asn/LeftOutlined")>;
+    readonly LinkOutlined: () => Promise<typeof import("@ant-design/icons-svg/es/asn/LinkOutlined")>;
+    readonly LogoutOutlined: () => Promise<typeof import("@ant-design/icons-svg/es/asn/LogoutOutlined")>;
+    readonly MailOutlined: () => Promise<typeof import("@ant-design/icons-svg/es/asn/MailOutlined")>;
+    readonly MenuFoldOutlined: () => Promise<typeof import("@ant-design/icons-svg/es/asn/MenuFoldOutlined")>;
+    readonly MenuOutlined: () => Promise<typeof import("@ant-design/icons-svg/es/asn/MenuOutlined")>;
+    readonly MenuUnfoldOutlined: () => Promise<typeof import("@ant-design/icons-svg/es/asn/MenuUnfoldOutlined")>;
+    readonly MessageOutlined: () => Promise<typeof import("@ant-design/icons-svg/es/asn/MessageOutlined")>;
+    readonly MinusOutlined: () => Promise<typeof import("@ant-design/icons-svg/es/asn/MinusOutlined")>;
+    readonly MonitorOutlined: () => Promise<typeof import("@ant-design/icons-svg/es/asn/MonitorOutlined")>;
+    readonly MoonOutlined: () => Promise<typeof import("@ant-design/icons-svg/es/asn/MoonOutlined")>;
+    readonly NodeIndexOutlined: () => Promise<typeof import("@ant-design/icons-svg/es/asn/NodeIndexOutlined")>;
+    readonly NotificationOutlined: () => Promise<typeof import("@ant-design/icons-svg/es/asn/NotificationOutlined")>;
+    readonly PictureOutlined: () => Promise<typeof import("@ant-design/icons-svg/es/asn/PictureOutlined")>;
+    readonly PauseCircleOutlined: () => Promise<typeof import("@ant-design/icons-svg/es/asn/PauseCircleOutlined")>;
+    readonly PlayCircleFilled: () => Promise<typeof import("@ant-design/icons-svg/es/asn/PlayCircleFilled")>;
+    readonly PlayCircleOutlined: () => Promise<typeof import("@ant-design/icons-svg/es/asn/PlayCircleOutlined")>;
+    readonly PlusOutlined: () => Promise<typeof import("@ant-design/icons-svg/es/asn/PlusOutlined")>;
+    readonly ProfileOutlined: () => Promise<typeof import("@ant-design/icons-svg/es/asn/ProfileOutlined")>;
+    readonly QuestionCircleOutlined: () => Promise<typeof import("@ant-design/icons-svg/es/asn/QuestionCircleOutlined")>;
+    readonly ReadOutlined: () => Promise<typeof import("@ant-design/icons-svg/es/asn/ReadOutlined")>;
+    readonly RedoOutlined: () => Promise<typeof import("@ant-design/icons-svg/es/asn/RedoOutlined")>;
+    readonly ReloadOutlined: () => Promise<typeof import("@ant-design/icons-svg/es/asn/ReloadOutlined")>;
+    readonly RightOutlined: () => Promise<typeof import("@ant-design/icons-svg/es/asn/RightOutlined")>;
+    readonly SafetyCertificateOutlined: () => Promise<typeof import("@ant-design/icons-svg/es/asn/SafetyCertificateOutlined")>;
+    readonly SaveOutlined: () => Promise<typeof import("@ant-design/icons-svg/es/asn/SaveOutlined")>;
+    readonly SearchOutlined: () => Promise<typeof import("@ant-design/icons-svg/es/asn/SearchOutlined")>;
+    readonly SendOutlined: () => Promise<typeof import("@ant-design/icons-svg/es/asn/SendOutlined")>;
+    readonly SettingOutlined: () => Promise<typeof import("@ant-design/icons-svg/es/asn/SettingOutlined")>;
+    readonly ShareAltOutlined: () => Promise<typeof import("@ant-design/icons-svg/es/asn/ShareAltOutlined")>;
+    readonly ShoppingCartOutlined: () => Promise<typeof import("@ant-design/icons-svg/es/asn/ShoppingCartOutlined")>;
+    readonly ShoppingOutlined: () => Promise<typeof import("@ant-design/icons-svg/es/asn/ShoppingOutlined")>;
+    readonly SkinOutlined: () => Promise<typeof import("@ant-design/icons-svg/es/asn/SkinOutlined")>;
+    readonly StarOutlined: () => Promise<typeof import("@ant-design/icons-svg/es/asn/StarOutlined")>;
+    readonly StopOutlined: () => Promise<typeof import("@ant-design/icons-svg/es/asn/StopOutlined")>;
+    readonly SunOutlined: () => Promise<typeof import("@ant-design/icons-svg/es/asn/SunOutlined")>;
+    readonly TableOutlined: () => Promise<typeof import("@ant-design/icons-svg/es/asn/TableOutlined")>;
+    readonly TeamOutlined: () => Promise<typeof import("@ant-design/icons-svg/es/asn/TeamOutlined")>;
+    readonly TranslationOutlined: () => Promise<typeof import("@ant-design/icons-svg/es/asn/TranslationOutlined")>;
+    readonly UndoOutlined: () => Promise<typeof import("@ant-design/icons-svg/es/asn/UndoOutlined")>;
+    readonly UnorderedListOutlined: () => Promise<typeof import("@ant-design/icons-svg/es/asn/UnorderedListOutlined")>;
+    readonly UpOutlined: () => Promise<typeof import("@ant-design/icons-svg/es/asn/UpOutlined")>;
+    readonly UploadOutlined: () => Promise<typeof import("@ant-design/icons-svg/es/asn/UploadOutlined")>;
+    readonly UserAddOutlined: () => Promise<typeof import("@ant-design/icons-svg/es/asn/UserAddOutlined")>;
+    readonly UserOutlined: () => Promise<typeof import("@ant-design/icons-svg/es/asn/UserOutlined")>;
+    readonly VideoCameraTwoTone: () => Promise<typeof import("@ant-design/icons/es/icons/VideoCameraTwoTone")>;
+    readonly WarningOutlined: () => Promise<typeof import("@ant-design/icons-svg/es/asn/WarningOutlined")>;
+    readonly WindowsOutlined: () => Promise<typeof import("@ant-design/icons-svg/es/asn/WindowsOutlined")>;
 };
 export type PhiAntdIconKey = keyof typeof PHI_ANTD_ICON_LOADERS;
+/**
+ * How an icon is presented, beyond which one it is. `twoToneColor` only means something to a two-tone
+ * icon; the others ignore it.
+ */
+export type PhiAntdIconPresentation = {
+    style?: CSSProperties;
+    className?: string;
+    title?: string;
+    ariaLabel?: string;
+    twoToneColor?: string;
+};
 /**
  * The names `PhiIcon` resolves to an Ant Design icon, bare or after `antd:`.
  *
@@ -66,8 +123,8 @@ export type PhiAntdIconKey = keyof typeof PHI_ANTD_ICON_LOADERS;
  * separately loaded registry; with every icon its own chunk there is nothing left to keep apart.
  */
 export declare const PHI_ANTD_ICON_NAMES: Readonly<Record<string, PhiAntdIconKey>>;
-export declare function PhiAntdIcon({ icon, size, }: {
+export declare function PhiAntdIcon({ icon, size, style, className, title, ariaLabel, twoToneColor, }: {
     icon: PhiAntdIconKey;
     size?: number | string;
-}): import("react").JSX.Element;
+} & PhiAntdIconPresentation): import("react").JSX.Element;
 export {};

package/components/shell/phi-antd-icon.js CHANGED Viewed

@@ -1,6 +1,7 @@
 "use client";
 import { jsx as _jsx } from "react/jsx-runtime";
 import { createElement, lazy, Suspense } from "react";
+import AntdIconLight from "@ant-design/icons/es/components/AntdIconLight";
 /*
  * Every Ant Design icon a Phi icon name can stand for, one chunk each.
  *
@@ -10,74 +11,134 @@ import { createElement, lazy, Suspense } from "react";
  * loaders, an icon is fetched where it is drawn; rendered on the Server it is in the HTML already, and
  * hydration waits for its chunk rather than drawing it twice.
  *
+ * An outlined or filled icon loads its SVG definition alone and is drawn by `AntdIconLight`, imported
+ * once above. Loading the package's ready icon component instead brought that component, its SVG
+ * renderer and style insertion into every icon's chunk: a contact page carried eleven copies, ~20 kB
+ * gzip, for icons of ~0.3 kB each. A two-tone icon still loads the package's component: its renderer
+ * brings the colour palette along, which belongs only where a two-tone icon is drawn.
+ *
  * Literal imports, not a template: a computed specifier would make the bundler emit every icon the
  * package has.
  */
 const PHI_ANTD_ICON_LOADERS = {
-    ApartmentOutlined: () => import("@ant-design/icons/es/icons/ApartmentOutlined"),
-    ApiOutlined: () => import("@ant-design/icons/es/icons/ApiOutlined"),
-    AppleOutlined: () => import("@ant-design/icons/es/icons/AppleOutlined"),
-    AppstoreOutlined: () => import("@ant-design/icons/es/icons/AppstoreOutlined"),
-    BranchesOutlined: () => import("@ant-design/icons/es/icons/BranchesOutlined"),
-    CheckOutlined: () => import("@ant-design/icons/es/icons/CheckOutlined"),
-    ClusterOutlined: () => import("@ant-design/icons/es/icons/ClusterOutlined"),
-    CloseOutlined: () => import("@ant-design/icons/es/icons/CloseOutlined"),
-    CloudUploadOutlined: () => import("@ant-design/icons/es/icons/CloudUploadOutlined"),
-    CodeOutlined: () => import("@ant-design/icons/es/icons/CodeOutlined"),
-    ColumnWidthOutlined: () => import("@ant-design/icons/es/icons/ColumnWidthOutlined"),
-    CustomerServiceOutlined: () => import("@ant-design/icons/es/icons/CustomerServiceOutlined"),
-    DashboardOutlined: () => import("@ant-design/icons/es/icons/DashboardOutlined"),
-    DeleteOutlined: () => import("@ant-design/icons/es/icons/DeleteOutlined"),
-    DownloadOutlined: () => import("@ant-design/icons/es/icons/DownloadOutlined"),
-    EditOutlined: () => import("@ant-design/icons/es/icons/EditOutlined"),
-    EnvironmentOutlined: () => import("@ant-design/icons/es/icons/EnvironmentOutlined"),
-    ExperimentOutlined: () => import("@ant-design/icons/es/icons/ExperimentOutlined"),
-    EyeInvisibleOutlined: () => import("@ant-design/icons/es/icons/EyeInvisibleOutlined"),
-    EyeOutlined: () => import("@ant-design/icons/es/icons/EyeOutlined"),
-    FileTextOutlined: () => import("@ant-design/icons/es/icons/FileTextOutlined"),
-    FolderAddOutlined: () => import("@ant-design/icons/es/icons/FolderAddOutlined"),
-    GithubOutlined: () => import("@ant-design/icons/es/icons/GithubOutlined"),
-    GlobalOutlined: () => import("@ant-design/icons/es/icons/GlobalOutlined"),
-    GoogleOutlined: () => import("@ant-design/icons/es/icons/GoogleOutlined"),
-    HistoryOutlined: () => import("@ant-design/icons/es/icons/HistoryOutlined"),
-    HomeOutlined: () => import("@ant-design/icons/es/icons/HomeOutlined"),
-    InfoCircleOutlined: () => import("@ant-design/icons/es/icons/InfoCircleOutlined"),
-    LinkOutlined: () => import("@ant-design/icons/es/icons/LinkOutlined"),
-    LogoutOutlined: () => import("@ant-design/icons/es/icons/LogoutOutlined"),
-    MailOutlined: () => import("@ant-design/icons/es/icons/MailOutlined"),
-    MenuOutlined: () => import("@ant-design/icons/es/icons/MenuOutlined"),
-    MessageOutlined: () => import("@ant-design/icons/es/icons/MessageOutlined"),
-    MinusOutlined: () => import("@ant-design/icons/es/icons/MinusOutlined"),
-    NotificationOutlined: () => import("@ant-design/icons/es/icons/NotificationOutlined"),
-    PictureOutlined: () => import("@ant-design/icons/es/icons/PictureOutlined"),
-    PlusOutlined: () => import("@ant-design/icons/es/icons/PlusOutlined"),
-    ProfileOutlined: () => import("@ant-design/icons/es/icons/ProfileOutlined"),
-    QuestionCircleOutlined: () => import("@ant-design/icons/es/icons/QuestionCircleOutlined"),
-    ReadOutlined: () => import("@ant-design/icons/es/icons/ReadOutlined"),
-    RedoOutlined: () => import("@ant-design/icons/es/icons/RedoOutlined"),
-    ReloadOutlined: () => import("@ant-design/icons/es/icons/ReloadOutlined"),
-    SafetyCertificateOutlined: () => import("@ant-design/icons/es/icons/SafetyCertificateOutlined"),
-    SaveOutlined: () => import("@ant-design/icons/es/icons/SaveOutlined"),
-    SendOutlined: () => import("@ant-design/icons/es/icons/SendOutlined"),
-    SearchOutlined: () => import("@ant-design/icons/es/icons/SearchOutlined"),
-    SettingOutlined: () => import("@ant-design/icons/es/icons/SettingOutlined"),
-    ShoppingOutlined: () => import("@ant-design/icons/es/icons/ShoppingOutlined"),
-    SkinOutlined: () => import("@ant-design/icons/es/icons/SkinOutlined"),
-    StarOutlined: () => import("@ant-design/icons/es/icons/StarOutlined"),
-    StopOutlined: () => import("@ant-design/icons/es/icons/StopOutlined"),
-    TableOutlined: () => import("@ant-design/icons/es/icons/TableOutlined"),
-    TeamOutlined: () => import("@ant-design/icons/es/icons/TeamOutlined"),
-    TranslationOutlined: () => import("@ant-design/icons/es/icons/TranslationOutlined"),
-    UndoOutlined: () => import("@ant-design/icons/es/icons/UndoOutlined"),
-    UserAddOutlined: () => import("@ant-design/icons/es/icons/UserAddOutlined"),
-    UserOutlined: () => import("@ant-design/icons/es/icons/UserOutlined"),
-    WindowsOutlined: () => import("@ant-design/icons/es/icons/WindowsOutlined"),
+    AlignCenterOutlined: () => import("@ant-design/icons-svg/es/asn/AlignCenterOutlined"),
+    AlignLeftOutlined: () => import("@ant-design/icons-svg/es/asn/AlignLeftOutlined"),
+    AlignRightOutlined: () => import("@ant-design/icons-svg/es/asn/AlignRightOutlined"),
+    ApartmentOutlined: () => import("@ant-design/icons-svg/es/asn/ApartmentOutlined"),
+    ApiOutlined: () => import("@ant-design/icons-svg/es/asn/ApiOutlined"),
+    AppleOutlined: () => import("@ant-design/icons-svg/es/asn/AppleOutlined"),
+    AppstoreOutlined: () => import("@ant-design/icons-svg/es/asn/AppstoreOutlined"),
+    ArrowDownOutlined: () => import("@ant-design/icons-svg/es/asn/ArrowDownOutlined"),
+    ArrowUpOutlined: () => import("@ant-design/icons-svg/es/asn/ArrowUpOutlined"),
+    AudioTwoTone: () => import("@ant-design/icons/es/icons/AudioTwoTone"),
+    BgColorsOutlined: () => import("@ant-design/icons-svg/es/asn/BgColorsOutlined"),
+    BlockOutlined: () => import("@ant-design/icons-svg/es/asn/BlockOutlined"),
+    BuildOutlined: () => import("@ant-design/icons-svg/es/asn/BuildOutlined"),
+    BranchesOutlined: () => import("@ant-design/icons-svg/es/asn/BranchesOutlined"),
+    CalendarOutlined: () => import("@ant-design/icons-svg/es/asn/CalendarOutlined"),
+    CheckOutlined: () => import("@ant-design/icons-svg/es/asn/CheckOutlined"),
+    CloseOutlined: () => import("@ant-design/icons-svg/es/asn/CloseOutlined"),
+    CloudUploadOutlined: () => import("@ant-design/icons-svg/es/asn/CloudUploadOutlined"),
+    ClusterOutlined: () => import("@ant-design/icons-svg/es/asn/ClusterOutlined"),
+    CodeOutlined: () => import("@ant-design/icons-svg/es/asn/CodeOutlined"),
+    ColumnWidthOutlined: () => import("@ant-design/icons-svg/es/asn/ColumnWidthOutlined"),
+    CopyOutlined: () => import("@ant-design/icons-svg/es/asn/CopyOutlined"),
+    CustomerServiceOutlined: () => import("@ant-design/icons-svg/es/asn/CustomerServiceOutlined"),
+    DashOutlined: () => import("@ant-design/icons-svg/es/asn/DashOutlined"),
+    DashboardOutlined: () => import("@ant-design/icons-svg/es/asn/DashboardOutlined"),
+    DeleteOutlined: () => import("@ant-design/icons-svg/es/asn/DeleteOutlined"),
+    DownOutlined: () => import("@ant-design/icons-svg/es/asn/DownOutlined"),
+    DownloadOutlined: () => import("@ant-design/icons-svg/es/asn/DownloadOutlined"),
+    EditOutlined: () => import("@ant-design/icons-svg/es/asn/EditOutlined"),
+    EnvironmentOutlined: () => import("@ant-design/icons-svg/es/asn/EnvironmentOutlined"),
+    ExperimentOutlined: () => import("@ant-design/icons-svg/es/asn/ExperimentOutlined"),
+    EyeInvisibleOutlined: () => import("@ant-design/icons-svg/es/asn/EyeInvisibleOutlined"),
+    EyeOutlined: () => import("@ant-design/icons-svg/es/asn/EyeOutlined"),
+    FileImageTwoTone: () => import("@ant-design/icons/es/icons/FileImageTwoTone"),
+    FilePdfTwoTone: () => import("@ant-design/icons/es/icons/FilePdfTwoTone"),
+    FileTextOutlined: () => import("@ant-design/icons-svg/es/asn/FileTextOutlined"),
+    FileTextTwoTone: () => import("@ant-design/icons/es/icons/FileTextTwoTone"),
+    FileUnknownTwoTone: () => import("@ant-design/icons/es/icons/FileUnknownTwoTone"),
+    FileZipTwoTone: () => import("@ant-design/icons/es/icons/FileZipTwoTone"),
+    FolderAddOutlined: () => import("@ant-design/icons-svg/es/asn/FolderAddOutlined"),
+    FontColorsOutlined: () => import("@ant-design/icons-svg/es/asn/FontColorsOutlined"),
+    FontSizeOutlined: () => import("@ant-design/icons-svg/es/asn/FontSizeOutlined"),
+    FormOutlined: () => import("@ant-design/icons-svg/es/asn/FormOutlined"),
+    FormatPainterOutlined: () => import("@ant-design/icons-svg/es/asn/FormatPainterOutlined"),
+    GithubOutlined: () => import("@ant-design/icons-svg/es/asn/GithubOutlined"),
+    GlobalOutlined: () => import("@ant-design/icons-svg/es/asn/GlobalOutlined"),
+    GoogleOutlined: () => import("@ant-design/icons-svg/es/asn/GoogleOutlined"),
+    HddTwoTone: () => import("@ant-design/icons/es/icons/HddTwoTone"),
+    HighlightTwoTone: () => import("@ant-design/icons/es/icons/HighlightTwoTone"),
+    HistoryOutlined: () => import("@ant-design/icons-svg/es/asn/HistoryOutlined"),
+    HolderOutlined: () => import("@ant-design/icons-svg/es/asn/HolderOutlined"),
+    HomeOutlined: () => import("@ant-design/icons-svg/es/asn/HomeOutlined"),
+    IdcardOutlined: () => import("@ant-design/icons-svg/es/asn/IdcardOutlined"),
+    InfoCircleOutlined: () => import("@ant-design/icons-svg/es/asn/InfoCircleOutlined"),
+    LayoutOutlined: () => import("@ant-design/icons-svg/es/asn/LayoutOutlined"),
+    LeftOutlined: () => import("@ant-design/icons-svg/es/asn/LeftOutlined"),
+    LinkOutlined: () => import("@ant-design/icons-svg/es/asn/LinkOutlined"),
+    LogoutOutlined: () => import("@ant-design/icons-svg/es/asn/LogoutOutlined"),
+    MailOutlined: () => import("@ant-design/icons-svg/es/asn/MailOutlined"),
+    MenuFoldOutlined: () => import("@ant-design/icons-svg/es/asn/MenuFoldOutlined"),
+    MenuOutlined: () => import("@ant-design/icons-svg/es/asn/MenuOutlined"),
+    MenuUnfoldOutlined: () => import("@ant-design/icons-svg/es/asn/MenuUnfoldOutlined"),
+    MessageOutlined: () => import("@ant-design/icons-svg/es/asn/MessageOutlined"),
+    MinusOutlined: () => import("@ant-design/icons-svg/es/asn/MinusOutlined"),
+    MonitorOutlined: () => import("@ant-design/icons-svg/es/asn/MonitorOutlined"),
+    MoonOutlined: () => import("@ant-design/icons-svg/es/asn/MoonOutlined"),
+    NodeIndexOutlined: () => import("@ant-design/icons-svg/es/asn/NodeIndexOutlined"),
+    NotificationOutlined: () => import("@ant-design/icons-svg/es/asn/NotificationOutlined"),
+    PictureOutlined: () => import("@ant-design/icons-svg/es/asn/PictureOutlined"),
+    PauseCircleOutlined: () => import("@ant-design/icons-svg/es/asn/PauseCircleOutlined"),
+    PlayCircleFilled: () => import("@ant-design/icons-svg/es/asn/PlayCircleFilled"),
+    PlayCircleOutlined: () => import("@ant-design/icons-svg/es/asn/PlayCircleOutlined"),
+    PlusOutlined: () => import("@ant-design/icons-svg/es/asn/PlusOutlined"),
+    ProfileOutlined: () => import("@ant-design/icons-svg/es/asn/ProfileOutlined"),
+    QuestionCircleOutlined: () => import("@ant-design/icons-svg/es/asn/QuestionCircleOutlined"),
+    ReadOutlined: () => import("@ant-design/icons-svg/es/asn/ReadOutlined"),
+    RedoOutlined: () => import("@ant-design/icons-svg/es/asn/RedoOutlined"),
+    ReloadOutlined: () => import("@ant-design/icons-svg/es/asn/ReloadOutlined"),
+    RightOutlined: () => import("@ant-design/icons-svg/es/asn/RightOutlined"),
+    SafetyCertificateOutlined: () => import("@ant-design/icons-svg/es/asn/SafetyCertificateOutlined"),
+    SaveOutlined: () => import("@ant-design/icons-svg/es/asn/SaveOutlined"),
+    SearchOutlined: () => import("@ant-design/icons-svg/es/asn/SearchOutlined"),
+    SendOutlined: () => import("@ant-design/icons-svg/es/asn/SendOutlined"),
+    SettingOutlined: () => import("@ant-design/icons-svg/es/asn/SettingOutlined"),
+    ShareAltOutlined: () => import("@ant-design/icons-svg/es/asn/ShareAltOutlined"),
+    ShoppingCartOutlined: () => import("@ant-design/icons-svg/es/asn/ShoppingCartOutlined"),
+    ShoppingOutlined: () => import("@ant-design/icons-svg/es/asn/ShoppingOutlined"),
+    SkinOutlined: () => import("@ant-design/icons-svg/es/asn/SkinOutlined"),
+    StarOutlined: () => import("@ant-design/icons-svg/es/asn/StarOutlined"),
+    StopOutlined: () => import("@ant-design/icons-svg/es/asn/StopOutlined"),
+    SunOutlined: () => import("@ant-design/icons-svg/es/asn/SunOutlined"),
+    TableOutlined: () => import("@ant-design/icons-svg/es/asn/TableOutlined"),
+    TeamOutlined: () => import("@ant-design/icons-svg/es/asn/TeamOutlined"),
+    TranslationOutlined: () => import("@ant-design/icons-svg/es/asn/TranslationOutlined"),
+    UndoOutlined: () => import("@ant-design/icons-svg/es/asn/UndoOutlined"),
+    UnorderedListOutlined: () => import("@ant-design/icons-svg/es/asn/UnorderedListOutlined"),
+    UpOutlined: () => import("@ant-design/icons-svg/es/asn/UpOutlined"),
+    UploadOutlined: () => import("@ant-design/icons-svg/es/asn/UploadOutlined"),
+    UserAddOutlined: () => import("@ant-design/icons-svg/es/asn/UserAddOutlined"),
+    UserOutlined: () => import("@ant-design/icons-svg/es/asn/UserOutlined"),
+    VideoCameraTwoTone: () => import("@ant-design/icons/es/icons/VideoCameraTwoTone"),
+    WarningOutlined: () => import("@ant-design/icons-svg/es/asn/WarningOutlined"),
+    WindowsOutlined: () => import("@ant-design/icons-svg/es/asn/WindowsOutlined"),
 };
+// A two-tone loader hands over the package's component; every other loader hands over the bare SVG.
+function isIconDefinition(loaded) {
+    return typeof loaded === "object" && "icon" in loaded && "theme" in loaded;
+}
 const lazyIcons = new Map();
 function readLazyIcon(icon) {
     let Icon = lazyIcons.get(icon);
     if (!Icon) {
-        Icon = lazy(PHI_ANTD_ICON_LOADERS[icon]);
+        Icon = lazy(async () => {
+            const loaded = (await PHI_ANTD_ICON_LOADERS[icon]()).default;
+            if (!isIconDefinition(loaded))
+                return { default: loaded };
+            return { default: (props) => createElement(AntdIconLight, { ...props, icon: loaded }) };
+        });
         lazyIcons.set(icon, Icon);
     }
     return Icon;
@@ -89,6 +150,8 @@ function readLazyIcon(icon) {
  * separately loaded registry; with every icon its own chunk there is nothing left to keep apart.
  */
 export const PHI_ANTD_ICON_NAMES = {
+    block: "BlockOutlined",
+    "block-outlined": "BlockOutlined",
     cluster: "ClusterOutlined",
     "cluster-outlined": "ClusterOutlined",
     send: "SendOutlined",
@@ -104,6 +167,8 @@ export const PHI_ANTD_ICON_NAMES = {
     "global-outlined": "GlobalOutlined",
     shopping: "ShoppingOutlined",
     "shopping-outlined": "ShoppingOutlined",
+    "shopping-cart": "ShoppingCartOutlined",
+    "shopping-cart-outlined": "ShoppingCartOutlined",
     star: "StarOutlined",
     "star-outlined": "StarOutlined",
     question: "QuestionCircleOutlined",
@@ -142,6 +207,8 @@ export const PHI_ANTD_ICON_NAMES = {
     "column-width-outlined": "ColumnWidthOutlined",
     "customer-service": "CustomerServiceOutlined",
     "customer-service-outlined": "CustomerServiceOutlined",
+    dash: "DashOutlined",
+    "dash-outlined": "DashOutlined",
     dashboard: "DashboardOutlined",
     "dashboard-outlined": "DashboardOutlined",
     delete: "DeleteOutlined",
@@ -170,6 +237,10 @@ export const PHI_ANTD_ICON_NAMES = {
     "plus-outlined": "PlusOutlined",
     profile: "ProfileOutlined",
     "profile-outlined": "ProfileOutlined",
+    calendar: "CalendarOutlined",
+    "calendar-outlined": "CalendarOutlined",
+    form: "FormOutlined",
+    "form-outlined": "FormOutlined",
     read: "ReadOutlined",
     "read-outlined": "ReadOutlined",
     "safety-certificate": "SafetyCertificateOutlined",
@@ -186,7 +257,109 @@ export const PHI_ANTD_ICON_NAMES = {
     "translation-outlined": "TranslationOutlined",
     "user-add": "UserAddOutlined",
     "user-add-outlined": "UserAddOutlined",
+    "align-center": "AlignCenterOutlined",
+    "align-center-outlined": "AlignCenterOutlined",
+    "align-left": "AlignLeftOutlined",
+    "align-left-outlined": "AlignLeftOutlined",
+    "align-right": "AlignRightOutlined",
+    "align-right-outlined": "AlignRightOutlined",
+    "arrow-down": "ArrowDownOutlined",
+    "arrow-down-outlined": "ArrowDownOutlined",
+    "arrow-up": "ArrowUpOutlined",
+    "arrow-up-outlined": "ArrowUpOutlined",
+    "audio-two-tone": "AudioTwoTone",
+    "bg-colors": "BgColorsOutlined",
+    "bg-colors-outlined": "BgColorsOutlined",
+    build: "BuildOutlined",
+    "build-outlined": "BuildOutlined",
+    idcard: "IdcardOutlined",
+    "idcard-outlined": "IdcardOutlined",
+    "font-colors": "FontColorsOutlined",
+    "font-colors-outlined": "FontColorsOutlined",
+    copy: "CopyOutlined",
+    "copy-outlined": "CopyOutlined",
+    down: "DownOutlined",
+    "down-outlined": "DownOutlined",
+    "file-image-two-tone": "FileImageTwoTone",
+    "file-pdf-two-tone": "FilePdfTwoTone",
+    "file-text-two-tone": "FileTextTwoTone",
+    "file-unknown-two-tone": "FileUnknownTwoTone",
+    "file-zip-two-tone": "FileZipTwoTone",
+    "font-size": "FontSizeOutlined",
+    "font-size-outlined": "FontSizeOutlined",
+    "format-painter": "FormatPainterOutlined",
+    "format-painter-outlined": "FormatPainterOutlined",
+    "hdd-two-tone": "HddTwoTone",
+    "highlight-two-tone": "HighlightTwoTone",
+    holder: "HolderOutlined",
+    "holder-outlined": "HolderOutlined",
+    layout: "LayoutOutlined",
+    "layout-outlined": "LayoutOutlined",
+    left: "LeftOutlined",
+    "left-outlined": "LeftOutlined",
+    "menu-fold": "MenuFoldOutlined",
+    "menu-fold-outlined": "MenuFoldOutlined",
+    "menu-unfold": "MenuUnfoldOutlined",
+    "menu-unfold-outlined": "MenuUnfoldOutlined",
+    monitor: "MonitorOutlined",
+    "monitor-outlined": "MonitorOutlined",
+    moon: "MoonOutlined",
+    "moon-outlined": "MoonOutlined",
+    "node-index": "NodeIndexOutlined",
+    "node-index-outlined": "NodeIndexOutlined",
+    "pause-circle": "PauseCircleOutlined",
+    "pause-circle-outlined": "PauseCircleOutlined",
+    "play-circle": "PlayCircleOutlined",
+    "play-circle-filled": "PlayCircleFilled",
+    "play-circle-outlined": "PlayCircleOutlined",
+    right: "RightOutlined",
+    "right-outlined": "RightOutlined",
+    "share-alt": "ShareAltOutlined",
+    "share-alt-outlined": "ShareAltOutlined",
+    sun: "SunOutlined",
+    "sun-outlined": "SunOutlined",
+    "unordered-list": "UnorderedListOutlined",
+    "unordered-list-outlined": "UnorderedListOutlined",
+    up: "UpOutlined",
+    "up-outlined": "UpOutlined",
+    upload: "UploadOutlined",
+    "upload-outlined": "UploadOutlined",
+    "video-camera-two-tone": "VideoCameraTwoTone",
+    warning: "WarningOutlined",
+    "warning-outlined": "WarningOutlined",
+    "cloud-upload": "CloudUploadOutlined",
+    "cloud-upload-outlined": "CloudUploadOutlined",
+    "eye-invisible": "EyeInvisibleOutlined",
+    "eye-invisible-outlined": "EyeInvisibleOutlined",
+    eye: "EyeOutlined",
+    "eye-outlined": "EyeOutlined",
+    "folder-add": "FolderAddOutlined",
+    "folder-add-outlined": "FolderAddOutlined",
+    link: "LinkOutlined",
+    "link-outlined": "LinkOutlined",
+    minus: "MinusOutlined",
+    "minus-outlined": "MinusOutlined",
+    redo: "RedoOutlined",
+    "redo-outlined": "RedoOutlined",
+    reload: "ReloadOutlined",
+    "reload-outlined": "ReloadOutlined",
+    save: "SaveOutlined",
+    "save-outlined": "SaveOutlined",
+    search: "SearchOutlined",
+    "search-outlined": "SearchOutlined",
+    stop: "StopOutlined",
+    "stop-outlined": "StopOutlined",
+    undo: "UndoOutlined",
+    "undo-outlined": "UndoOutlined",
 };
-export function PhiAntdIcon({ icon, size = "1em", }) {
-    return (_jsx(Suspense, { fallback: _jsx("span", { className: "anticon", "aria-hidden": "true", style: { display: "inline-flex", width: size, height: size } }), children: createElement(readLazyIcon(icon), { style: size === "1em" ? undefined : { fontSize: size } }) }));
+export function PhiAntdIcon({ icon, size = "1em", style, className, title, ariaLabel, twoToneColor, }) {
+    const sizeStyle = size === "1em" ? undefined : { fontSize: size };
+    const resolvedStyle = sizeStyle || style ? { ...sizeStyle, ...style } : undefined;
+    return (_jsx(Suspense, { fallback: _jsx("span", { className: className ? `anticon ${className}` : "anticon", "aria-hidden": "true", style: { display: "inline-flex", width: size, height: size, ...style } }), children: createElement(readLazyIcon(icon), {
+            style: resolvedStyle,
+            className,
+            title,
+            "aria-label": ariaLabel,
+            twoToneColor,
+        }) }));
 }

package/components/shell/phi-cms-shell.d.ts CHANGED Viewed

@@ -19,5 +19,11 @@ export type PhiCmsShellProps = {
      * configs already, and the Page-owned `header_bottom` never reaches here as anything but a subtree.
      */
     headerPaneStickyTop?: string | null;
+    /**
+     * The room a browser-decided `header_top` holds, as the server sees it for this Page (SHELL.md
+     * "Region visibility per Page"). Set on the Shell element, where the Region updates it later and the
+     * pane and the bands below read it.
+     */
+    headerTopRoom?: Record<`--phi-shell-header-top-${string}`, string>;
 };
-export declare function PhiCmsShell({ content, headerTop, headerMain, headerBottom, hero, siderLeft, siderRight, siderLeftFullHeight, footerTop, footerMain, footerBottom, drawer, headerPaneStickyTop, }: PhiCmsShellProps): import("react").JSX.Element;
+export declare function PhiCmsShell({ content, headerTop, headerMain, headerBottom, hero, siderLeft, siderRight, siderLeftFullHeight, footerTop, footerMain, footerBottom, drawer, headerPaneStickyTop, headerTopRoom, }: PhiCmsShellProps): import("react").JSX.Element;