@endfield-ui/react 1.2.0 → 1.3.0

package/src/components/side-rail/SideRailSub.tsx

@@ -2,7 +2,6 @@ import { Collapsible as BaseCollapsible } from "@base-ui/react/collapsible";
 import { Menu as BaseMenu } from "@base-ui/react/menu";
 import {
   Children,
-  createContext,
   isValidElement,
   useContext,
   useEffect,
@@ -25,10 +24,13 @@ import {
   menuPanel,
 } from "../dropdown-menu/menu-style";
 import { LinkElement, type LinkRender } from "../link-element/LinkElement";
-import { RailIcon, railItemClass, SideRailContext } from "./SideRail";
+import { RailIcon, railItemClass, getSideRailContext } from "./SideRail";
+import { createLazyContext } from "../../lib/create-lazy-context";
 
 /** 子项要知道自己是排在侧轨里，还是在收起时弹出的那块菜单里 */
-const SubContext = createContext<"list" | "menu">("list");
+const getSubContext = /* @__PURE__ */ createLazyContext<"list" | "menu">(
+  "list",
+);
 
 type SubOwnProps = {
   /** 图标。收起时只剩它 */
@@ -63,7 +65,8 @@ export function SideRailSub({
   children,
   ...props
 }: SideRailSubProps) {
-  const { collapsed } = useContext(SideRailContext);
+  const SubContext = getSubContext();
+  const { collapsed } = useContext(getSideRailContext());
   const { anchorRef, portalRef } = usePortalScope();
 
   // 当前项在不在里面：从子元素上读，所以 SideRailSubItem 要直接放在这里
@@ -121,7 +124,9 @@ export function SideRailSub({
                   <BaseMenu.GroupLabel className={menuGroupLabel}>
                     {label}
                   </BaseMenu.GroupLabel>
-                  <SubContext value="menu">{children}</SubContext>
+                  <SubContext.Provider value="menu">
+                    {children}
+                  </SubContext.Provider>
                 </BaseMenu.Group>
               </BaseMenu.Popup>
             </BaseMenu.Positioner>
@@ -167,7 +172,7 @@ export function SideRailSub({
             aria-label={label}
             className="relative before:absolute before:inset-y-0 before:left-8 before:w-px before:bg-line before:content-['']"
           >
-            <SubContext value="list">{children}</SubContext>
+            <SubContext.Provider value="list">{children}</SubContext.Provider>
           </ul>
         </BaseCollapsible.Panel>
       </BaseCollapsible.Root>
@@ -208,7 +213,7 @@ export function SideRailSubItem({
   children,
   ...props
 }: SideRailSubItemProps) {
-  const placement = useContext(SubContext);
+  const placement = useContext(getSubContext());
   const isLink = href !== undefined || render !== undefined;
 
   const content = (

package/src/components/steps/Steps.tsx

@@ -1,6 +1,5 @@
 import {
   Children,
-  createContext,
   useContext,
   type ComponentProps,
   type MouseEventHandler,
@@ -11,6 +10,7 @@ import { StatusDanger } from "../../icons/StatusDanger";
 import { cn } from "../../lib/cn";
 import { focusRingWithin } from "../../lib/focus-ring";
 import { LinkElement, type LinkRender } from "../link-element/LinkElement";
+import { createLazyContext } from "../../lib/create-lazy-context";
 
 export type StepsOrientation = "horizontal" | "vertical";
 export type StepsSize = "sm" | "md";
@@ -37,7 +37,8 @@ type StepContextValue = {
   labels: StepStatusLabels;
 };
 
-const StepContext = createContext<StepContextValue | null>(null);
+const getStepContext =
+  /* @__PURE__ */ createLazyContext<StepContextValue | null>(null);
 
 export type StepsProps = Omit<ComponentProps<"ol">, "aria-label"> & {
   /** 这是哪件事的步骤，比如"建站流程" */
@@ -107,6 +108,7 @@ export function Steps({
   children,
   ...props
 }: StepsProps) {
+  const StepContext = getStepContext();
   const labels = { ...defaultLabels, ...statusLabels };
   const steps = Children.toArray(children);
 
@@ -118,7 +120,7 @@ export function Steps({
     >
       <ol {...props} className={cn("flex", listLayout[orientation])}>
         {steps.map((step, index) => (
-          <StepContext
+          <StepContext.Provider
             // 步骤是按位置认的：序号、状态都从位置来
             key={index}
             value={{
@@ -135,7 +137,7 @@ export function Steps({
             }}
           >
             {step}
-          </StepContext>
+          </StepContext.Provider>
         ))}
       </ol>
     </div>
@@ -203,7 +205,7 @@ export function Step({
   className,
   ...props
 }: StepProps) {
-  const context = useContext(StepContext);
+  const context = useContext(getStepContext());
   if (!context) {
     throw new Error("<Step> 必须放在 <Steps> 里");
   }

package/src/components/table/Table.tsx

@@ -1,6 +1,5 @@
 import {
   Children,
-  createContext,
   isValidElement,
   useContext,
   useEffect,
@@ -22,6 +21,7 @@ import { cn } from "../../lib/cn";
 import { focusRing, focusRingInset } from "../../lib/focus-ring";
 import { mergeRefs } from "../../lib/merge-refs";
 import { collapse, collapseEnter, collapseInner } from "../../lib/motion";
+import { createLazyContext } from "../../lib/create-lazy-context";
 
 export type TableHeaderVariant = "band" | "muted";
 export type TableSize = "sm" | "md";
@@ -36,7 +36,7 @@ type TableContextValue = {
   ruled: boolean;
 };
 
-const TableContext = createContext<TableContextValue>({
+const getTableContext = /* @__PURE__ */ createLazyContext<TableContextValue>({
   headerVariant: "band",
   size: "md",
   sticky: false,
@@ -45,10 +45,12 @@ const TableContext = createContext<TableContextValue>({
 });
 
 /** 单元格要知道自己在表头里还是表身里 */
-const SectionContext = createContext<"head" | "body">("body");
+const getSectionContext = /* @__PURE__ */ createLazyContext<"head" | "body">(
+  "body",
+);
 
 /** 能展开的行交给里面的展开钮 */
-const RowContext = createContext<{
+const getRowContext = /* @__PURE__ */ createLazyContext<{
   expanded: boolean;
   toggle: () => void;
   detailId: string;
@@ -97,6 +99,7 @@ export function Table({
   className,
   ...props
 }: TableProps) {
+  const TableContext = getTableContext();
   const [scrollerRef, overflowing] = useOverflowing();
   const scrollable = overflowing.x || overflowing.y;
 
@@ -123,7 +126,7 @@ export function Table({
   );
 
   return (
-    <TableContext value={context}>
+    <TableContext.Provider value={context}>
       <div
         ref={scrollerRef}
         // 冻结列右缘的那条线只看横向
@@ -151,23 +154,24 @@ export function Table({
           className="w-full border-separate border-spacing-0 text-left text-sm text-ink"
         />
       </div>
-    </TableContext>
+    </TableContext.Provider>
   );
 }
 
 export type TableHeadProps = ComponentProps<"thead">;
 
 export function TableHead(props: TableHeadProps) {
-  const { headerVariant } = useContext(TableContext);
+  const SectionContext = getSectionContext();
+  const { headerVariant } = useContext(getTableContext());
   return (
-    <SectionContext value="head">
+    <SectionContext.Provider value="head">
       <thead
         // 反转的标题带整个换成反转主题：列头的焦点环、排序的三角、
         // 放在里面的复选框都按这条带子的底色取值
         data-theme={headerVariant === "band" ? "inverse" : undefined}
         {...props}
       />
-    </SectionContext>
+    </SectionContext.Provider>
   );
 }
 
@@ -184,11 +188,12 @@ const ruledLines = [
 ].join(" ");
 
 export function TableBody({ className, ...props }: TableBodyProps) {
-  const { ruled } = useContext(TableContext);
+  const SectionContext = getSectionContext();
+  const { ruled } = useContext(getTableContext());
   return (
-    <SectionContext value="body">
+    <SectionContext.Provider value="body">
       <tbody {...props} className={cn(ruled && ruledLines, className)} />
-    </SectionContext>
+    </SectionContext.Provider>
   );
 }
 
@@ -233,7 +238,8 @@ export function TableRow({
   children,
   ...props
 }: TableRowProps) {
-  const section = useContext(SectionContext);
+  const RowContext = getRowContext();
+  const section = useContext(getSectionContext());
   const rowRef = useRef<HTMLTableRowElement>(null);
   const detailId = useId();
   const [expanded, setExpanded] = useControllableState({
@@ -279,7 +285,7 @@ export function TableRow({
           className,
         )}
       >
-        <RowContext value={context}>{children}</RowContext>
+        <RowContext.Provider value={context}>{children}</RowContext.Provider>
       </tr>
       {detailPresence.mounted && (
         <DetailRow
@@ -377,7 +383,7 @@ export function TableExpander({
   onClick,
   ...props
 }: TableExpanderProps) {
-  const row = useContext(RowContext);
+  const row = useContext(getRowContext());
   if (!row) return null;
 
   return (
@@ -460,7 +466,7 @@ export function TableHeaderCell({
   children,
   ...props
 }: TableHeaderCellProps) {
-  const { headerVariant, sticky, stickyHeader } = useContext(TableContext);
+  const { headerVariant, sticky, stickyHeader } = useContext(getTableContext());
 
   return (
     <th
@@ -542,7 +548,7 @@ export function TableCell({
   children,
   ...props
 }: TableCellProps) {
-  const { size, sticky } = useContext(TableContext);
+  const { size, sticky } = useContext(getTableContext());
   const Cell = rowHeader ? "th" : "td";
 
   return (

package/src/components/tabs/Tabs.tsx

@@ -1,5 +1,4 @@
 import {
-  createContext,
   useContext,
   useId,
   useMemo,
@@ -16,6 +15,7 @@ import { focusRing, focusRingInset } from "../../lib/focus-ring";
 import { mergeRefs } from "../../lib/merge-refs";
 import { fadeInFast, indicator, indicatorBox } from "../../lib/motion";
 import { capsuleBase, capsuleSize, capsuleState } from "../chip/capsule-style";
+import { createLazyContext } from "../../lib/create-lazy-context";
 
 export type TabsVariant = "block" | "capsule" | "wedge";
 export type TabsSize = "sm" | "md";
@@ -30,10 +30,11 @@ type TabsContextValue = {
   switched: boolean;
 };
 
-const TabsContext = createContext<TabsContextValue | null>(null);
+const getTabsContext =
+  /* @__PURE__ */ createLazyContext<TabsContextValue | null>(null);
 
 function useTabsContext(component: string): TabsContextValue {
-  const context = useContext(TabsContext);
+  const context = useContext(getTabsContext());
   if (!context) {
     throw new Error(`<${component}> 必须放在 <Tabs> 里`);
   }
@@ -70,6 +71,7 @@ export function Tabs({
   size = "md",
   ...props
 }: TabsProps) {
+  const TabsContext = getTabsContext();
   const baseId = useId();
   const [current, select] = useControllableState({
     value,
@@ -87,9 +89,9 @@ export function Tabs({
   );
 
   return (
-    <TabsContext value={context}>
+    <TabsContext.Provider value={context}>
       <div {...props} data-variant={variant} />
-    </TabsContext>
+    </TabsContext.Provider>
   );
 }
 

package/src/components/toast/Toast.tsx

@@ -1,6 +1,5 @@
 import { Toast as BaseToast } from "@base-ui/react/toast";
 import {
-  createContext,
   isValidElement,
   useContext,
   useMemo,
@@ -15,6 +14,7 @@ import { StatusSuccess } from "../../icons/StatusSuccess";
 import { StatusWarning } from "../../icons/StatusWarning";
 import { cn } from "../../lib/cn";
 import { focusRing, focusRingInset } from "../../lib/focus-ring";
+import { createLazyContext } from "../../lib/create-lazy-context";
 
 export type ToastTone = "neutral" | "info" | "success" | "warning" | "danger";
 export type ToastPlacement = "bottom" | "center";
@@ -51,11 +51,13 @@ type ToastData = {
 /* 带操作的提示默认停留的时间：要留出读完再去点的工夫 */
 const ACTION_DURATION = 8000;
 
-const ToastContext = createContext<ToastApi | null>(null);
+const getToastContext = /* @__PURE__ */ createLazyContext<ToastApi | null>(
+  null,
+);
 
 /** 弹出轻提示。要在 `ToastProvider` 里面用。 */
 export function useToast(): ToastApi {
-  const toast = useContext(ToastContext);
+  const toast = useContext(getToastContext());
   if (!toast) {
     throw new Error("useToast 要在 <ToastProvider> 里面用");
   }
@@ -125,6 +127,7 @@ type ToastHostProps = {
 };
 
 function ToastHost({ placement, label, closeLabel, children }: ToastHostProps) {
+  const ToastContext = getToastContext();
   const { toasts, add, close } = BaseToast.useToastManager<ToastData>();
 
   const api = useMemo<ToastApi>(() => {
@@ -157,7 +160,7 @@ function ToastHost({ placement, label, closeLabel, children }: ToastHostProps) {
   }, [add, close]);
 
   return (
-    <ToastContext value={api}>
+    <ToastContext.Provider value={api}>
       {children}
       <BaseToast.Portal>
         <BaseToast.Viewport
@@ -234,7 +237,7 @@ function ToastHost({ placement, label, closeLabel, children }: ToastHostProps) {
           })}
         </BaseToast.Viewport>
       </BaseToast.Portal>
-    </ToastContext>
+    </ToastContext.Provider>
   );
 }
 

package/src/components/toc/Toc.tsx

@@ -1,6 +1,5 @@
 import {
   Children,
-  createContext,
   useCallback,
   useContext,
   useEffect,
@@ -24,10 +23,11 @@ import { dropEmptyStyle } from "../../lib/inline-style";
 import { mergeRefs } from "../../lib/merge-refs";
 import { indicator } from "../../lib/motion";
 import { LinkElement, type LinkRender } from "../link-element/LinkElement";
+import { createLazyContext } from "../../lib/create-lazy-context";
 
 export type TocLevel = 1 | 2 | 3;
 
-const TocContext = createContext<{
+const getTocContext = /* @__PURE__ */ createLazyContext<{
   active: string | null;
   pick: (section: string) => void;
 }>({ active: null, pick: () => {} });
@@ -110,6 +110,7 @@ export function Toc({
   children,
   ...props
 }: TocProps) {
+  const TocContext = getTocContext();
   const navRef = useRef<HTMLElement>(null);
   // 当前项的粗条画在列表上：换一项时是同一段沿引线滑过去
   const listRef = useIndicator<HTMLUListElement>("[aria-current]");
@@ -262,7 +263,7 @@ export function Toc({
           "forced-colors:after:bg-[Highlight]",
         )}
       >
-        <TocContext value={context}>{children}</TocContext>
+        <TocContext.Provider value={context}>{children}</TocContext.Provider>
       </ul>
     </nav>
   );
@@ -310,7 +311,7 @@ export function TocItem({
   children,
   ...props
 }: TocItemProps) {
-  const { active, pick } = useContext(TocContext);
+  const { active, pick } = useContext(getTocContext());
   const current = section !== undefined && section === active;
 
   return (

package/src/components/toolbar/Toolbar.tsx

@@ -2,7 +2,6 @@ import { Toggle as BaseToggle } from "@base-ui/react/toggle";
 import { ToggleGroup as BaseToggleGroup } from "@base-ui/react/toggle-group";
 import { Toolbar as BaseToolbar } from "@base-ui/react/toolbar";
 import {
-  createContext,
   useContext,
   useMemo,
   type ComponentProps,
@@ -13,12 +12,13 @@ import {
 import { cn } from "../../lib/cn";
 import { focusRing } from "../../lib/focus-ring";
 import type { LinkRender } from "../link-element/LinkElement";
+import { createLazyContext } from "../../lib/create-lazy-context";
 
 export type ToolbarSize = "sm" | "md";
 export type ToolbarVariant = "sunken" | "outline";
 export type ToolbarOrientation = "horizontal" | "vertical";
 
-const ToolbarContext = createContext<{
+const getToolbarContext = /* @__PURE__ */ createLazyContext<{
   size: ToolbarSize;
   orientation: ToolbarOrientation;
 }>({ size: "md", orientation: "horizontal" });
@@ -76,6 +76,7 @@ export function Toolbar({
   onKeyDown,
   ...props
 }: ToolbarProps) {
+  const ToolbarContext = getToolbarContext();
   const context = useMemo(() => ({ size, orientation }), [size, orientation]);
 
   // 基元只管方向键，Home / End 在这里补上：到第一个、最后一个
@@ -97,7 +98,7 @@ export function Toolbar({
   };
 
   return (
-    <ToolbarContext value={context}>
+    <ToolbarContext.Provider value={context}>
       <BaseToolbar.Root
         {...props}
         orientation={orientation}
@@ -114,7 +115,7 @@ export function Toolbar({
           className,
         )}
       />
-    </ToolbarContext>
+    </ToolbarContext.Provider>
   );
 }
 
@@ -171,7 +172,7 @@ const itemIcon = [
 ].join(" ");
 
 function useItemClass(iconOnly: boolean, className: string | undefined) {
-  const { size } = useContext(ToolbarContext);
+  const { size } = useContext(getToolbarContext());
   return cn(
     itemBase,
     itemSize[size],
@@ -359,7 +360,7 @@ export function ToolbarToggleGroup({
   className,
   ...props
 }: ToolbarToggleGroupProps) {
-  const { orientation } = useContext(ToolbarContext);
+  const { orientation } = useContext(getToolbarContext());
 
   return (
     <BaseToggleGroup

package/src/components/tooltip/Tooltip.tsx

@@ -1,7 +1,6 @@
 import { Tooltip as BaseTooltip } from "@base-ui/react/tooltip";
 import {
   cloneElement,
-  createContext,
   useContext,
   useId,
   useSyncExternalStore,
@@ -12,6 +11,7 @@ import { createPortal } from "react-dom";
 import { usePortalScope } from "../../hooks/usePortalScope";
 import { cn } from "../../lib/cn";
 import { enterFromSide } from "../../lib/motion";
+import { createLazyContext } from "../../lib/create-lazy-context";
 
 export type TooltipSide = "top" | "bottom" | "left" | "right";
 export type TooltipAlign = "start" | "center" | "end";
@@ -19,7 +19,7 @@ export type TooltipAlign = "start" | "center" | "end";
 /* 规范：出现前约 300ms，消失不延迟 */
 const DEFAULT_DELAY = 300;
 
-const InProviderContext = createContext(false);
+const getInProviderContext = /* @__PURE__ */ createLazyContext(false);
 
 export type TooltipProviderProps = {
   /** 这一组提示统一的延迟，毫秒 */
@@ -37,9 +37,12 @@ export function TooltipProvider({
   timeout,
   children,
 }: TooltipProviderProps) {
+  const InProviderContext = getInProviderContext();
   return (
     <BaseTooltip.Provider delay={delay} timeout={timeout}>
-      <InProviderContext value={true}>{children}</InProviderContext>
+      <InProviderContext.Provider value={true}>
+        {children}
+      </InProviderContext.Provider>
     </BaseTooltip.Provider>
   );
 }
@@ -107,7 +110,7 @@ export function Tooltip({
   className,
 }: TooltipProps) {
   const descriptionId = useId();
-  const inProvider = useContext(InProviderContext);
+  const inProvider = useContext(getInProviderContext());
   // 提示是一块和页面相反的颜色。做成相反主题的局部主题，而不是直接用反转色：
   // 里面的键位提示、着色词因此也按这块底色取值，不会和底融在一起
   const { anchorRef, portalRef } = usePortalScope({ invertTheme: true });

package/src/components/top-bar/TopBar.tsx

@@ -1,6 +1,6 @@
 import type { ComponentProps, ReactNode } from "react";
 import { cn } from "../../lib/cn";
-import { NavActionContext } from "../nav-action/NavAction";
+import { getNavActionContext } from "../nav-action/NavAction";
 
 export type TopBarProps = ComponentProps<"header"> & {
   /** 最左边的标志。本库不带标志，传你自己的 */
@@ -28,6 +28,7 @@ export function TopBar({
   children,
   ...props
 }: TopBarProps) {
+  const NavActionContext = getNavActionContext();
   return (
     <header
       {...props}
@@ -40,7 +41,11 @@ export function TopBar({
       {brand && <div className="flex min-w-0 items-center">{brand}</div>}
       <div className="min-w-0 flex-1">{children}</div>
       {tools && <div className="flex shrink-0 items-center gap-1">{tools}</div>}
-      {action && <NavActionContext value="inline">{action}</NavActionContext>}
+      {action && (
+        <NavActionContext.Provider value="inline">
+          {action}
+        </NavActionContext.Provider>
+      )}
       {menu}
     </header>
   );

package/src/icons/ArrowCorner.tsx

@@ -1,7 +1,7 @@
 import { createIcon } from "./createIcon";
 
 /** 斜箭头 ↘：分节引导、"查看详情" */
-export const ArrowCorner = createIcon(
+export const ArrowCorner = /* @__PURE__ */ createIcon(
   "ArrowCorner",
   <path d="M5 5l14 14M19 7v12H7" />,
 );

package/src/icons/ArrowLeft.tsx

@@ -1,6 +1,6 @@
 import { createIcon } from "./createIcon";
 
-export const ArrowLeft = createIcon(
+export const ArrowLeft = /* @__PURE__ */ createIcon(
   "ArrowLeft",
   <path d="M20 12H5M11 5l-7 7 7 7" />,
 );

package/src/icons/ArrowRight.tsx

@@ -1,6 +1,6 @@
 import { createIcon } from "./createIcon";
 
-export const ArrowRight = createIcon(
+export const ArrowRight = /* @__PURE__ */ createIcon(
   "ArrowRight",
   <path d="M4 12h15M13 5l7 7-7 7" />,
 );

package/src/icons/CalendarIcon.tsx

@@ -4,7 +4,7 @@ import { createIcon } from "./createIcon";
  * 日历：日期字段右侧的记号。
  * 名字带 `Icon` 是因为 `Calendar` 已经是月历控件了
  */
-export const CalendarIcon = createIcon(
+export const CalendarIcon = /* @__PURE__ */ createIcon(
   "CalendarIcon",
   <path d="M4 6h16v14H4zM4 11h16M8 3v5M16 3v5" />,
 );

package/src/icons/Check.tsx

@@ -1,4 +1,7 @@
 import { createIcon } from "./createIcon";
 
 /** 对勾：已选、已完成 */
-export const Check = createIcon("Check", <path d="M4 12l6 6L20 6" />);
+export const Check = /* @__PURE__ */ createIcon(
+  "Check",
+  <path d="M4 12l6 6L20 6" />,
+);

package/src/icons/ChevronDown.tsx

@@ -1,3 +1,6 @@
 import { createIcon } from "./createIcon";
 
-export const ChevronDown = createIcon("ChevronDown", <path d="M4 9l8 8 8-8" />);
+export const ChevronDown = /* @__PURE__ */ createIcon(
+  "ChevronDown",
+  <path d="M4 9l8 8 8-8" />,
+);

package/src/icons/ChevronLeft.tsx

@@ -1,6 +1,6 @@
 import { createIcon } from "./createIcon";
 
-export const ChevronLeft = createIcon(
+export const ChevronLeft = /* @__PURE__ */ createIcon(
   "ChevronLeft",
   <path d="M15 4l-8 8 8 8" />,
 );

package/src/icons/ChevronRight.tsx

@@ -1,6 +1,6 @@
 import { createIcon } from "./createIcon";
 
-export const ChevronRight = createIcon(
+export const ChevronRight = /* @__PURE__ */ createIcon(
   "ChevronRight",
   <path d="M9 4l8 8-8 8" />,
 );

package/src/icons/Close.tsx

@@ -1,3 +1,6 @@
 import { createIcon } from "./createIcon";
 
-export const Close = createIcon("Close", <path d="M5 5l14 14M19 5L5 19" />);
+export const Close = /* @__PURE__ */ createIcon(
+  "Close",
+  <path d="M5 5l14 14M19 5L5 19" />,
+);

package/src/icons/Crosshair.tsx

@@ -1,7 +1,7 @@
 import { createIcon } from "./createIcon";
 
 /** 四个取景角加中心的准星：图鉴里"未获得"的占位符 */
-export const Crosshair = createIcon(
+export const Crosshair = /* @__PURE__ */ createIcon(
   "Crosshair",
   <path d="M3 8V3h5M16 3h5v5M21 16v5h-5M8 21H3v-5M12 9v6M9 12h6" />,
 );

package/src/icons/Lock.tsx

@@ -1,6 +1,6 @@
 import { createIcon } from "./createIcon";
 
-export const Lock = createIcon(
+export const Lock = /* @__PURE__ */ createIcon(
   "Lock",
   <path d="M5 11h14v10H5zM8 11V7a4 4 0 0 1 8 0v4" />,
 );

package/src/icons/Menu.tsx

@@ -1,4 +1,7 @@
 import { createIcon } from "./createIcon";
 
 /** 三条横线：打开菜单 */
-export const Menu = createIcon("Menu", <path d="M3 6h18M3 12h18M3 18h18" />);
+export const Menu = /* @__PURE__ */ createIcon(
+  "Menu",
+  <path d="M3 6h18M3 12h18M3 18h18" />,
+);