@guorui20/typical-page-shells 0.1.1

package/dist/pro-list-page/bridge/query-filter.js

@@ -0,0 +1,146 @@
+import { jsxs as B, jsx as u, Fragment as S } from "react/jsx-runtime";
+import Q, { useState as y, useMemo as C } from "react";
+import { useMemoizedFn as V } from "ahooks";
+import { Button as q } from "@hi-ui/hiui";
+import { ClearOutlined as Y } from "@hi-ui/icons";
+import { QueryFilterProvider as E, QueryFilter as j, FilterDrawer as L, FilterButton as z, SearchInput as O } from "@hi-ui/query-filter";
+import { useSubscribe as K } from "@hi-ui/use-subscription";
+import { matchFieldRenderFn as T } from "@hi-ui/schema-fields";
+import { toValues as h, toFilters as g, buildEmptyFilterFormValues as _ } from "../hooks/use-fetch-list.js";
+import { useProListPageContext as w } from "../context/entry.js";
+import { useInnerContext as P } from "../context/inner.js";
+import { useTypicalPageFieldMap as G } from "../../schema-field-map/field-map.js";
+function H(e, r) {
+  return e.map((t) => {
+    const n = t.title, l = t.dataIndex, p = !t.control?.hidden;
+    return {
+      field: l,
+      // 保留 label 给 FilterDrawer 和显式 showLabel 场景复用；典型列表页行内筛选默认隐藏该标签。
+      label: n,
+      visible: p,
+      component: Q.createElement(J, { field: t, fieldMap: r })
+    };
+  });
+}
+function J(e) {
+  const { field: r, fieldMap: o, ...t } = e, n = r, l = n.renderer?.renderFormItem ?? T({
+    name: "QueryFilter",
+    field: n,
+    fieldMap: o,
+    renderKey: "renderFormItem"
+  });
+  return l ? /* @__PURE__ */ u(S, { children: l(null, {
+    field: n,
+    // @ts-expect-error 无法获取正确的 formBinding 类型
+    formBinding: t,
+    rawData: {},
+    // @ts-expect-error 此处没有定义 formRef
+    formRef: null
+  }) }) : null;
+}
+const N = (e) => e === void 0 || e === "" || e === null || Array.isArray(e) && e.length === 0;
+function U() {
+  const { subscription: e } = w(), { allDepValues: r } = K(e, ["filters"]), o = r.filters, t = h(o ?? []), n = Object.values(t).filter((l) => !N(l)).length;
+  return { formData: t, filteredCount: n };
+}
+function W() {
+  const { propsRef: e } = P(), r = e.current.queryFields, o = G(), t = C(
+    () => H(r ?? [], o),
+    [r, o]
+  ), [n, l] = y({}), { allFields: p, showedFields: f } = C(() => {
+    const s = [], m = [];
+    for (const i of t) {
+      const a = n[i.field] ?? i.visible;
+      s.push({ ...i, visible: a }), a && m.push(i);
+    }
+    return { allFields: s, showedFields: m };
+  }, [t, n]), F = V((s) => {
+    l((m) => {
+      const i = { ...m };
+      return s.forEach((a) => {
+        i[a.field] = a.visible ?? !0;
+      }), i;
+    });
+  });
+  return { allFields: p, showedFields: f, setAllFields: F };
+}
+function X(e) {
+  const { subscription: r } = w(), { allDepValues: o } = K(r, ["filters"]), t = h(o.filters ?? []), n = t.keyword != null && t.keyword !== "" ? String(t.keyword) : "", l = V(
+    (p, f) => {
+      const F = h(r.getValue().filters ?? []);
+      r.mergeValue({
+        filters: g({ ...F, keyword: f }),
+        pagination: { current: 1 }
+      });
+    }
+  );
+  return /* @__PURE__ */ u(O, { placeholder: e.placeholder, value: n, onChange: l });
+}
+function ue(e) {
+  const { subscription: r } = w(), { propsRef: o } = P(), {
+    // 典型表格页默认回到 HiUI5 QueryFilter 官方行为：showLabel=false + appearance=contained。
+    // 这里需要显式给 contained，避免把 `appearance={undefined}` 传下去时冲掉 QueryFilter 内部默认值。
+    appearance: t = "contained",
+    showKeywordSearch: n = !0,
+    showLabel: l = !1,
+    searchPlaceholder: p = "关键词",
+    prepend: f,
+    ...F
+  } = e, { formData: s, filteredCount: m } = U(), { allFields: i, showedFields: a, setAllFields: R } = W(), [x, b] = y(!1), [D, k] = y(0), I = (d) => {
+    const v = { ...h(r.getValue().filters ?? []), ...d };
+    r.mergeValue({
+      filters: g(v),
+      pagination: { current: 1 }
+    }), e.onChange?.(d);
+  }, M = (d, c) => {
+    R(c);
+    const A = { ...h(r.getValue().filters ?? []), ...d };
+    r.mergeValue({
+      filters: g(A),
+      pagination: { current: 1 }
+    });
+  };
+  return /* @__PURE__ */ B(E, { children: [
+    /* @__PURE__ */ u(
+      j,
+      {
+        prepend: f ?? (n ? /* @__PURE__ */ u(X, { placeholder: p }) : void 0),
+        append: [
+          /* @__PURE__ */ u(z, { count: m, onClick: () => b(!0), children: "全部筛选" }, "all-filter"),
+          m > 0 ? /* @__PURE__ */ u(q, { icon: /* @__PURE__ */ u(Y, {}), onClick: () => {
+            const d = _(o.current.queryFields, {
+              includeKeyword: n && f == null
+            });
+            r.setValue((c) => ({
+              ...c,
+              filters: g(d),
+              pagination: { ...c.pagination, current: 1 }
+            })), k((c) => c + 1), e.onChange?.(d);
+          }, children: "清空" }, "clear-filter") : null
+        ],
+        appearance: t,
+        showLabel: l,
+        ...F,
+        onChange: I,
+        formData: s,
+        filterFields: a
+      }
+    ),
+    /* @__PURE__ */ u(
+      L,
+      {
+        width: 360,
+        visible: x,
+        title: "全部筛选",
+        formData: s,
+        onChange: M,
+        filterFields: i,
+        onClose: () => b(!1)
+      }
+    )
+  ] }, D);
+}
+export {
+  ue as QueryFilter,
+  H as mapFields
+};

package/dist/pro-list-page/bridge/table.d.ts

@@ -0,0 +1,7 @@
+import type { TableProps } from '@hi-ui/hiui';
+type PaginationProps = NonNullable<Partial<TableProps['pagination']>>;
+type TableBridgeProps = Omit<TableProps, 'data' | 'pagination'> & {
+    paginationProps?: PaginationProps;
+};
+declare function TableBridge(props: TableBridgeProps): import("react/jsx-runtime").JSX.Element;
+export { TableBridge as Table, type TableBridgeProps as TableProps, };

package/dist/pro-list-page/bridge/table.js

@@ -0,0 +1,62 @@
+import { jsx as g } from "react/jsx-runtime";
+import { SchemaTable as b } from "@hi-ui/schema-table";
+import { useSubscribe as C } from "@hi-ui/use-subscription";
+import { cx as P } from "@hi-ui/classname";
+import x from "@hi-ui/empty-state";
+import { useProListPageContext as z } from "../context/entry.js";
+import { useInnerContext as S } from "../context/inner.js";
+function N(t) {
+  const { subscription: i, listData: o, isListDataLoading: m } = z(), { propsRef: c } = S(), { tableFields: n = [] } = c.current, { allDepValues: f } = C(i, ["filters", "pagination"]), s = f.pagination, p = (e, a, l) => {
+    i.mergeValue({ pagination: { current: e, pageSize: l } }), t.paginationProps?.onChange?.(e, a, l);
+  }, d = (e, a) => {
+    i.mergeValue({ pagination: { current: a, pageSize: e } }), t.paginationProps?.onPageSizeChange?.(e, a);
+  }, u = P("pro-list-page__table", t.className), r = o.total ?? 0, h = r > 0;
+  return /* @__PURE__ */ g(
+    b,
+    {
+      fields: n,
+      dataSource: o.list,
+      className: u,
+      tableProps: {
+        fieldKey: "id",
+        setting: !0,
+        loading: m,
+        fixedToColumn: {
+          // TODO 此处还有优化空间
+          left: n.filter((e) => e.control?.fixed === "left").map((e) => e.dataIndex).slice(-1)[0],
+          right: n.filter((e) => e.control?.fixed === "right").map((e) => e.dataIndex).slice(-1)[0]
+        },
+        sticky: !0,
+        bordered: !1,
+        ...t,
+        /** 与典型页表格行高基线一致：列表默认中号 */
+        size: t.size ?? "md",
+        /** 默认 true；置于 `...props` 之后以便单页 `resizable={false}` 覆盖 */
+        resizable: t.resizable !== !1,
+        /**
+         * 空数据：`@hi-ui/table` 用 `pagination={false}` 整块不渲染底部分页（见 `Table.js` · `hiddenPagination`）。
+         * 总条数 0 时仍传对象会出现「共 0 条」等，与产品约定不符。
+         */
+        pagination: h ? {
+          showTotal: !0,
+          showJumper: !0,
+          pageSizeOptions: [20, 50, 100, 200],
+          ...t.paginationProps,
+          total: r,
+          current: s.current,
+          pageSize: s.pageSize,
+          onChange: p,
+          onPageSizeChange: d
+        } : !1,
+        /**
+         * 与 HiUI 文档「基础用法」一致：`<EmptyState />` 使用默认灰阶线稿资源（`icons/default`）。
+         * **禁止**表格空状态使用 `@hi-ui/empty-state` 的 `*_COLORFUL` 插图（见 `empty-state.mdx` · 彩色图标）。
+         */
+        emptyContent: t.emptyContent ?? /* @__PURE__ */ g(x, {})
+      }
+    }
+  );
+}
+export {
+  N as Table
+};

package/dist/pro-list-page/context/entry.d.ts

@@ -0,0 +1,24 @@
+import React from 'react';
+import { type Subscription } from '@hi-ui/use-subscription';
+import type { GetDataSourceBasicParamsType, GetDataSourceResType, GetDataSourceType } from '@hi-ui/schema-core';
+/** 与 table-normal ListSubscriptionType 对齐：筛选、排序、分页 */
+export type ListSubscriptionType = {
+    filters: GetDataSourceBasicParamsType['filters'];
+    sorters: GetDataSourceBasicParamsType['sorters'];
+    pagination: NonNullable<GetDataSourceBasicParamsType['pagination']>;
+};
+/** 对外暴露的 context 类型：仅包含 subscription，由 Provider 提供 */
+export type ProListPageContextValue = {
+    subscription: Subscription<ListSubscriptionType>;
+    listData: GetDataSourceResType;
+    isListDataLoading: boolean;
+    getListData: () => Promise<GetDataSourceResType>;
+    refreshListData: () => Promise<GetDataSourceResType>;
+};
+export type ProListPageProviderProps = {
+    request?: GetDataSourceType<AnyObject>;
+    /** 初始每页条数，默认 20 */
+    defaultPageSize?: number;
+};
+export declare function ProListPageProvider(props: React.PropsWithChildren<ProListPageProviderProps>): import("react/jsx-runtime").JSX.Element;
+export declare function useProListPageContext(): ProListPageContextValue;

package/dist/pro-list-page/context/entry.js

@@ -0,0 +1,42 @@
+import { jsx as u } from "react/jsx-runtime";
+import s from "react";
+import { useSubscription as c } from "@hi-ui/use-subscription";
+import { useFetchList as L } from "../hooks/use-fetch-list.js";
+const a = s.createContext(null);
+function d(e) {
+  const { request: r, defaultPageSize: o } = e, i = c({
+    filters: [],
+    sorters: [],
+    pagination: {
+      current: 1,
+      pageSize: o ?? 20
+    }
+  }), t = L({ subscription: i, request: r }), n = s.useMemo(
+    () => ({
+      subscription: i,
+      listData: t.listData,
+      isListDataLoading: t.isListDataLoading,
+      getListData: t.getListData,
+      refreshListData: t.refreshListData
+    }),
+    [
+      // 依赖项
+      i,
+      t.listData,
+      t.isListDataLoading,
+      t.getListData,
+      t.refreshListData
+    ]
+  );
+  return /* @__PURE__ */ u(a.Provider, { value: n, children: e.children });
+}
+function l() {
+  const e = s.useContext(a);
+  if (!e)
+    throw new Error("useProListPageContext must be used within a ProListPageProvider");
+  return e;
+}
+export {
+  d as ProListPageProvider,
+  l as useProListPageContext
+};

package/dist/pro-list-page/context/index.d.ts

@@ -0,0 +1,2 @@
+export { useInnerContext, InnerProvider } from './inner';
+export { ProListPageProvider, useProListPageContext, type ProListPageContextValue } from './entry';

package/dist/pro-list-page/context/inner.d.ts

@@ -0,0 +1,10 @@
+import React from 'react';
+import type { NormalizedProListPageProps } from '../hooks/use-props';
+export type InnerContextValue = {
+    propsRef: React.MutableRefObject<NormalizedProListPageProps>;
+};
+export declare function InnerProvider(props: React.PropsWithChildren<{
+    value: InnerContextValue;
+}>): import("react/jsx-runtime").JSX.Element;
+/** 仅在 EntryProvider 内部可用，外部调用返回 null */
+export declare function useInnerContext(): InnerContextValue;

package/dist/pro-list-page/context/inner.js

@@ -0,0 +1,16 @@
+import { jsx as r } from "react/jsx-runtime";
+import n from "react";
+const t = n.createContext(null);
+function i(e) {
+  return /* @__PURE__ */ r(t.Provider, { value: e.value, children: e.children });
+}
+function c() {
+  const e = n.useContext(t);
+  if (!e)
+    throw new Error("useInnerContext must be used within a ProListPage.useInnerContext");
+  return e;
+}
+export {
+  i as InnerProvider,
+  c as useInnerContext
+};

package/dist/pro-list-page/hooks/use-fetch-list.d.ts

@@ -0,0 +1,25 @@
+import { type Subscription } from '@hi-ui/use-subscription';
+import type { FieldConfigType, GetDataSourceParamsType, GetDataSourceType } from '@hi-ui/schema-core';
+import type { ListSubscriptionType } from '../context/entry';
+type Filters = Required<GetDataSourceParamsType>['filters'];
+type UseFetchListParams = {
+    subscription: Subscription<ListSubscriptionType>;
+    request?: GetDataSourceType<AnyObject>;
+};
+export declare function useFetchList(params: UseFetchListParams): {
+    listData: import("@hi-ui/schema-core").GetDataSourceResType<AnyObject>;
+    isListDataLoading: boolean;
+    getListData: () => Promise<import("@hi-ui/schema-core").GetDataSourceResType<AnyObject>>;
+    refreshListData: () => Promise<import("@hi-ui/schema-core").GetDataSourceResType<AnyObject>>;
+};
+export declare function toFilters(data: UnknownObject): Filters;
+export declare function toValues(filters: Filters): UnknownObject;
+export declare function buildEmptyFilterFormValues(queryFields: FieldConfigType[] | undefined, options: {
+    includeKeyword?: boolean;
+}): Record<string, unknown>;
+export declare function toLegacyQueryParams(params: GetDataSourceParamsType): {
+    sorters: import("@hi-ui/schema-core").SortingStateType[] | undefined;
+    current: number | undefined;
+    pageSize: number | undefined;
+};
+export {};

package/dist/pro-list-page/hooks/use-fetch-list.js

@@ -0,0 +1,64 @@
+import { useRequest as p } from "ahooks";
+import { useSubscribe as g } from "@hi-ui/use-subscription";
+const u = { list: [], total: 0, pageSize: 0, current: 0 };
+function h(t) {
+  const { subscription: e, request: r } = t, { allDepValues: n } = g(e, ["filters", "sorters", "pagination"]), { filters: i, sorters: s, pagination: a } = n, { data: c, loading: l, runAsync: f, refreshAsync: d } = p(
+    async function() {
+      const o = r;
+      return o ? o({
+        pagination: a ?? { current: 1, pageSize: 20 },
+        filters: i,
+        sorters: s
+      }) : u;
+    },
+    {
+      refreshDeps: [i, s, a],
+      debounceWait: 200
+    }
+  );
+  return {
+    listData: c ?? u,
+    isListDataLoading: l,
+    getListData: f,
+    refreshListData: d
+  };
+}
+function v(t) {
+  return Object.entries(t).map(([e, r]) => ({ id: e, value: r }));
+}
+function m(t) {
+  return Array.isArray(t) ? Object.fromEntries(t.map((e) => [e.id, e?.value])) : {};
+}
+function y(t) {
+  const e = String(t.valueType ?? "").toLowerCase();
+  if (e.includes("date") || e.includes("time"))
+    return null;
+  if (e.includes("check") && (e.includes("select") || e.includes("tree")))
+    return [];
+}
+function z(t, e) {
+  const r = {};
+  e.includeKeyword !== !1 && (r.keyword = "");
+  for (const n of t ?? []) {
+    const i = n.dataIndex;
+    i == null || i === "" || (r[String(i)] = y(n));
+  }
+  return r;
+}
+function A(t) {
+  const { pagination: e, filters: r, sorters: n } = t;
+  return {
+    current: e?.current,
+    pageSize: e?.pageSize,
+    ...r ? m(r) : {},
+    sorters: n
+    // TODO 待更新
+  };
+}
+export {
+  z as buildEmptyFilterFormValues,
+  v as toFilters,
+  A as toLegacyQueryParams,
+  m as toValues,
+  h as useFetchList
+};

package/dist/pro-list-page/hooks/use-filter-height.d.ts

@@ -0,0 +1,7 @@
+/**
+ * 通过监听筛选容器 DOM 尺寸变化获取高度，用于表格 sticky 定位
+ */
+export declare function useFilterHeight(): {
+    filterRef: import("react").RefObject<HTMLDivElement>;
+    filterHeight: number;
+};

package/dist/pro-list-page/hooks/use-filter-height.js

@@ -0,0 +1,22 @@
+import { useRef as u, useState as l, useEffect as a } from "react";
+function m() {
+  const t = u(null), [o, r] = l(0);
+  return a(() => {
+    const e = t.current;
+    if (!e) return;
+    const s = requestAnimationFrame(() => {
+      r(e.offsetHeight);
+    }), n = new ResizeObserver((i) => {
+      for (const f of i) {
+        const c = f.target;
+        r(c.offsetHeight);
+      }
+    });
+    return n.observe(e), () => {
+      cancelAnimationFrame(s), n.disconnect();
+    };
+  }, []), { filterRef: t, filterHeight: o };
+}
+export {
+  m as useFilterHeight
+};

package/dist/pro-list-page/hooks/use-props.d.ts

@@ -0,0 +1,9 @@
+import type { ProListPageProps } from '../types';
+import { ReadonlyRefObject } from '@hi-ui/use-ref-state';
+/** 统一化后的 ProListPage props，供 context 的 propsRef 使用 */
+export type NormalizedProListPageProps = ProListPageProps;
+declare function getNormalizedProps(props: ProListPageProps): NormalizedProListPageProps;
+export declare function useProps(props: ProListPageProps): {
+    propsRef: ReadonlyRefObject<ProListPageProps>;
+};
+export { getNormalizedProps };

package/dist/pro-list-page/hooks/use-props.js

@@ -0,0 +1,16 @@
+import { useLatest as o } from "ahooks";
+function r(e) {
+  const t = e.queryFields ?? [], s = e.tableFields ?? [];
+  return {
+    queryFields: t,
+    tableFields: s
+  };
+}
+function i(e) {
+  const t = r(e);
+  return { propsRef: o(t) };
+}
+export {
+  r as getNormalizedProps,
+  i as useProps
+};

package/dist/pro-list-page/index.d.ts

@@ -0,0 +1,6 @@
+export { ProListPage } from './ProListPage';
+export * from './bridge';
+export { queryFilterPickerOverlay, queryFilterDatePickerOverlay, } from './query-filter-picker-overlay';
+export type { ProListPageProps } from './types';
+export { ProListPageProvider, useProListPageContext } from './context/entry';
+export { useFilterHeight } from './hooks/use-filter-height';

package/dist/pro-list-page/index.js

@@ -0,0 +1,16 @@
+import { ProListPage as o } from "./ProListPage.js";
+import { queryFilterDatePickerOverlay as i, queryFilterPickerOverlay as P } from "./query-filter-picker-overlay.js";
+import { ProListPageProvider as l, useProListPageContext as x } from "./context/entry.js";
+import { useFilterHeight as m } from "./hooks/use-filter-height.js";
+import { QueryFilter as s } from "./bridge/query-filter.js";
+import { Table as y } from "./bridge/table.js";
+export {
+  o as ProListPage,
+  l as ProListPageProvider,
+  s as QueryFilter,
+  y as Table,
+  i as queryFilterDatePickerOverlay,
+  P as queryFilterPickerOverlay,
+  m as useFilterHeight,
+  x as useProListPageContext
+};

package/dist/pro-list-page/index.module.scss.js

@@ -0,0 +1,7 @@
+const e = "_pageContainer_4xrht_1", t = {
+  pageContainer: e
+};
+export {
+  t as default,
+  e as pageContainer
+};

package/dist/pro-list-page/query-filter-picker-overlay.d.ts

@@ -0,0 +1,23 @@
+/**
+ * HiUI `@hi-ui/picker`（`Select` / `CheckSelect` 等）：`optionWidth` 未定义时 `matchWidth: true`，
+ * 下拉层宽度贴合触发器。表格筛选触发器较窄时选项会换行。
+ * 传本对象可关闭「与触发器同宽」，由面板内容撑开宽度。
+ *
+ * @see `typical-page-patterns.md` §3 · 筛选区 · 下拉选项区宽度
+ */
+export declare const queryFilterPickerOverlay: {
+    readonly matchWidth: false;
+};
+/**
+ * `QueryFilter` 行内 / 抽屉内的 `@hi-ui/date-picker`：
+ * `table-stat` 等页面存在 **`filterContainer` `position:sticky` + `z-index`**、白卡 **`overflow:hidden`**、
+ * **`Table` `maxHeight` + 粘性表头** 等叠层，默认 Popper **`z-index`（约 1030）** 仍可能与表头等竞争，
+ * 表现为 **日期范围面板点选无效或选不满**。
+ * 须显式抬高层级并挂到 `document.body`，与 `queryFilterPickerOverlay` 分工对称（Picker vs DatePicker）。
+ *
+ * @see `typical-page-patterns.md` §3 · 筛选区 · DatePicker 浮层
+ */
+export declare const queryFilterDatePickerOverlay: {
+    readonly zIndex: 1200;
+    readonly container: () => HTMLElement | null;
+};

package/dist/pro-list-page/query-filter-picker-overlay.js

@@ -0,0 +1,8 @@
+const e = { matchWidth: !1 }, t = {
+  zIndex: 1200,
+  container: () => typeof document < "u" ? document.body : null
+};
+export {
+  t as queryFilterDatePickerOverlay,
+  e as queryFilterPickerOverlay
+};

package/dist/pro-list-page/types.d.ts

@@ -0,0 +1,8 @@
+import type { FieldConfigType } from '@hi-ui/schema-core';
+export type { GetDataSourceType } from '@hi-ui/schema-core';
+export type ProListPageProps = {
+    /** 查询区字段配置 */
+    queryFields: FieldConfigType[];
+    /** 表格列字段配置 */
+    tableFields: FieldConfigType[];
+};

package/dist/pro-stat-page/entry.d.ts

@@ -0,0 +1,30 @@
+import type { ComponentProps, ReactNode } from 'react';
+import type { FieldConfigType } from '@hi-ui/schema-core';
+import { Table } from '../pro-list-page';
+import styles from './index.module.scss';
+type StatOverviewBaseItem = {
+    title: string;
+    value?: number | string;
+};
+export declare function renderStatTableTextEllipsis(cellValue: unknown): import("react/jsx-runtime").JSX.Element;
+type StatOverviewGridProps<T extends StatOverviewBaseItem> = {
+    request: () => Promise<{
+        list: T[];
+    }>;
+    minCardWidth?: number;
+    cardGap?: number;
+    renderCard?: (item: T) => ReactNode;
+    getKey?: (item: T, index: number) => string;
+};
+export declare function StatOverviewGrid<T extends StatOverviewBaseItem>({ request, minCardWidth, cardGap, renderCard, getKey, }: StatOverviewGridProps<T>): import("react/jsx-runtime").JSX.Element | null;
+type StatListPageFrameProps = {
+    title: string;
+    extra?: ReactNode;
+    queryFields: FieldConfigType[];
+    tableFields: FieldConfigType[];
+    searchPlaceholder: string;
+    statSection?: ReactNode;
+    tableProps?: Partial<ComponentProps<typeof Table>>;
+};
+export declare function StatListPageFrame({ title, extra, queryFields, tableFields, searchPlaceholder, statSection, tableProps, }: StatListPageFrameProps): import("react/jsx-runtime").JSX.Element;
+export { styles as proStatPageStyles };