@endfield-ui/react 1.2.0 → 1.2.1

package/dist/components/toc/Toc.js

@@ -0,0 +1,2 @@
+"use client";
+import{cn as e}from"../../lib/cn.js";import{focusRingInset as t}from"../../lib/focus-ring.js";import{createLazyContext as n}from"../../lib/create-lazy-context.js";import{mergeRefs as r}from"../../lib/merge-refs.js";import{useScrollPosition as i}from"../../hooks/useScrollPosition.js";import{LinkElement as a}from"../link-element/LinkElement.js";import{indicator as o}from"../../lib/motion.js";import{useIndicator as s}from"../../hooks/useIndicator.js";import{dropEmptyStyle as c}from"../../lib/inline-style.js";import{Children as l,useCallback as u,useContext as d,useEffect as f,useId as p,useMemo as m,useRef as h,useState as g}from"react";import{jsx as _,jsxs as v}from"react/jsx-runtime";const y=/* @__PURE__ */ n({active:null,pick:()=>{}});function b(e){let t=e.map(e=>e.style.getPropertyValue(`scroll-behavior`));for(let t of e)t.style.setProperty(`scroll-behavior`,`smooth`);let n=e.map(e=>e===document.documentElement?window:e),r,i=()=>{clearTimeout(r);for(let e of n)e.removeEventListener(`scroll`,a);e.forEach((e,n)=>{e.style.setProperty(`scroll-behavior`,t[n]),c(e)})};function a(){clearTimeout(r),r=setTimeout(i,150)}for(let e of n)e.addEventListener(`scroll`,a,{passive:!0});return a(),i}function x({title:t,offset:n=0,target:a,onActiveChange:c,"aria-label":d,className:x,ref:S,children:C,...w}){let T=y(),E=h(null),D=s(`[aria-current]`),O=p(),k=l.count(C),A=u(({scrolled:e,room:t})=>{let r=E.current;if(!r)return null;let i=a?.current,o=i?i.getBoundingClientRect().top:0,s=null,c=null;for(let e of r.querySelectorAll(`[data-toc-section]`)){let t=e.dataset.tocSection,r=document.getElementById(t);r&&(c=t,r.getBoundingClientRect().top-o<=n+1&&(s=t))}return t>0&&e>=t-1?c:s},[a,n,k]),j=i(a,A,null),[M,N]=g(null);f(()=>{if(M===null)return;let e=a?.current??window,t=!1,n=setTimeout(()=>{t=!0},150),r=()=>{t?N(null):(clearTimeout(n),n=setTimeout(()=>{t=!0},150))};return e.addEventListener(`scroll`,r,{passive:!0}),()=>{clearTimeout(n),e.removeEventListener(`scroll`,r)}},[M,a]);let P=M??j,F=h(null);f(()=>()=>F.current?.(),[]);let I=u(e=>{if(N(e),F.current?.(),F.current=null,!document.getElementById(e)||typeof window.matchMedia==`function`&&window.matchMedia(`(prefers-reduced-motion: reduce)`).matches)return;let t=a?.current;F.current=b(t?[t,document.documentElement]:[document.documentElement])},[a]),L=h(c);L.current=c;let R=h(null);f(()=>{R.current!==P&&(R.current=P,L.current?.(P))},[P]),f(()=>{let e=E.current;if(!e||P===null||e.scrollHeight<=e.clientHeight+1)return;let t=e.querySelector(`[aria-current]`);if(!t)return;let n=e.getBoundingClientRect(),r=t.getBoundingClientRect();r.top<n.top?e.scrollTop-=n.top-r.top+8:r.bottom>n.bottom&&(e.scrollTop+=r.bottom-n.bottom+8)},[P]);let z=m(()=>({active:P,pick:I}),[P,I]),B=t!=null&&t!==!1;return/* @__PURE__ */ v(`nav`,{...w,ref:r(E,S),"aria-label":d??(B?void 0:`本页目录`),"aria-labelledby":d===void 0&&B?O:void 0,className:e(`text-sm text-ink`,x),children:[B&&/* @__PURE__ */ _(`p`,{id:O,className:`mb-2 pl-4 font-tech text-xs text-ink-secondary`,children:t}),/* @__PURE__ */ _(`ul`,{ref:D,className:e(`before:absolute before:inset-y-0 before:left-0 before:-z-1 before:w-px before:bg-line before:content-['']`,o,`after:top-1 after:h-[calc(var(--indicator-h)-0.5rem)] after:w-[3px] after:translate-y-(--indicator-y) after:bg-ink`,`forced-colors:after:bg-[Highlight]`),children:/* @__PURE__ */ _(T.Provider,{value:z,children:C})})]})}const S={1:`pl-4`,2:`pl-7`,3:`pl-10`},C=e=>{let t=e?.split(`#`)[1];if(t)try{return decodeURIComponent(t)}catch{return t}};function w({href:n,section:r=C(n),level:i=1,render:o,onClick:s,children:c,...l}){let{active:u,pick:f}=d(y()),p=r!==void 0&&r===u;return/* @__PURE__ */ _(`li`,{...l,children:/* @__PURE__ */ _(a,{render:o,href:n,"data-toc-section":r,"data-level":i,"aria-current":p?`location`:void 0,onClick:e=>{s?.(e),!e.defaultPrevented&&r!==void 0&&f(r)},className:e(`relative block py-2 pr-2 leading-snug wrap-anywhere`,`transition-colors duration-(--duration-fast) ease-standard`,t,S[i],p?`text-ink before:absolute before:inset-y-1 before:left-0 before:w-[3px] before:bg-ink before:content-[''] in-data-indicator:before:hidden forced-colors:before:bg-[Highlight]`:`text-ink-secondary hover:text-ink`),children:c})})}export{x as Toc,w as TocItem};

package/dist/components/toc/index.d.ts

@@ -0,0 +1,3 @@
+
+import { Toc, TocItem, TocItemProps, TocLevel, TocProps } from "./Toc.js";
+export { Toc, TocItem, type TocItemProps, type TocLevel, type TocProps };

package/dist/components/toolbar/Toolbar.d.ts

@@ -0,0 +1,97 @@
+
+import { LinkRender } from "../link-element/LinkElement.js";
+import { ComponentProps, MouseEvent, ReactNode } from "react";
+//#region src/components/toolbar/Toolbar.d.ts
+export type ToolbarSize = "sm" | "md";
+export type ToolbarVariant = "sunken" | "outline";
+export type ToolbarOrientation = "horizontal" | "vertical";
+export type ToolbarProps = Omit<ComponentProps<"div">, "aria-label" | "style"> & {
+  /** 这条工具栏管的是什么："表格工具" */
+  "aria-label": string;
+  /** 带子高 32 / 40px（里面的钮 28 / 36px），默认 `md`。触屏上用 `md` */
+  size?: ToolbarSize;
+  /**
+   * - `sunken` 凹陷的底，默认；
+   * - `outline` 四边描边，放在凹陷底色的区域里时用。
+   */
+  variant?: ToolbarVariant;
+  /** 竖排时方向键换成上下 */
+  orientation?: ToolbarOrientation;
+  /** 整条禁用 */
+  disabled?: boolean;
+};
+/**
+ * 工具栏：一排作用于同一个对象的小工具，收在一条带子里。整条只占一个 Tab 停靠点，
+ * 方向键在各项之间走。里面放 `ToolbarButton`、`ToolbarToggle`、`ToolbarToggleGroup`、
+ * `ToolbarGroup`、`ToolbarSeparator`。
+ *
+ * 不在里面放输入框：左右方向键在输入框里是移光标。
+ */
+export declare function Toolbar({ size, variant, orientation, disabled, className, onKeyDown, ...props }: ToolbarProps): import("react").JSX.Element;
+/** 有字的钮名称就是字；只有图标的必须另给名称 */
+type ItemContentProps = {
+  children: ReactNode;
+  "aria-label"?: string;
+} | {
+  children?: undefined;
+  "aria-label": string;
+};
+type ButtonOwnProps = {
+  /** 图标，在文字左边 */
+  icon?: ReactNode;
+  disabled?: boolean;
+  /** 传了就渲染成链接 */
+  href?: string;
+  target?: string;
+  rel?: string;
+  /** 用这个元素代替 `<a>`（路由库的链接组件）。传了就按链接处理 */
+  render?: LinkRender;
+  onClick?: (event: MouseEvent<HTMLElement>) => void;
+};
+export type ToolbarButtonProps = ButtonOwnProps & ItemContentProps & Omit<ComponentProps<"button">, keyof ButtonOwnProps | "children" | "aria-label" | "style">;
+/**
+ * 工具栏里的一个钮。只有图标时是方的，必须有 `aria-label`。
+ * 可以交给 `Menu` / `Popover` 的 `trigger`，也可以用 `Tooltip` 包住。
+ */
+export declare function ToolbarButton({ icon, disabled, href, target, rel, render, onClick, type, className, children, ...props }: ToolbarButtonProps): import("react").JSX.Element;
+type ToggleOwnProps = {
+  /** 图标，在文字左边 */
+  icon?: ReactNode;
+  /** 受控的按下状态。放在 `ToolbarToggleGroup` 里时不用它，用 `value` */
+  pressed?: boolean;
+  /** 非受控时一开始是不是按下的 */
+  defaultPressed?: boolean;
+  onPressedChange?: (pressed: boolean) => void;
+  /** 在 `ToolbarToggleGroup` 里是这一个钮的标识：组的 `value` 里放的就是它 */
+  value?: string;
+  disabled?: boolean;
+};
+export type ToolbarToggleProps = ToggleOwnProps & ItemContentProps & Omit<ComponentProps<"button">, keyof ToggleOwnProps | "children" | "aria-label" | "aria-pressed" | "style">;
+/** 开关钮：按下是墨底黄记号。单独用，或者几个放进 `ToolbarToggleGroup`。 */
+export declare function ToolbarToggle({ icon, pressed, defaultPressed, onPressedChange, value, disabled, type, className, children, ...props }: ToolbarToggleProps): import("react").JSX.Element;
+export type ToolbarToggleGroupProps = Omit<ComponentProps<"div">, "aria-label" | "defaultValue" | "onChange" | "style"> & {
+  /** 这一组管的是什么："行高" */
+  "aria-label": string;
+  /** 按下的那几个钮的 `value` */
+  value?: string[];
+  defaultValue?: string[];
+  onValueChange?: (value: string[]) => void;
+  /** 可以同时按下几个。默认按下这个，那个就弹起来；一个都不按也可以 */
+  multiple?: boolean;
+  disabled?: boolean;
+};
+/** 一组开关钮。值是数组：没有按下的就是空的。 */
+export declare function ToolbarToggleGroup({ value, defaultValue, onValueChange, multiple, disabled, className, ...props }: ToolbarToggleGroupProps): import("react").JSX.Element;
+export type ToolbarGroupProps = Omit<ComponentProps<"div">, "aria-label" | "style"> & {
+  /** 这一组管的是什么 */
+  "aria-label": string;
+  /** 整组禁用 */
+  disabled?: boolean;
+};
+/** 把几个钮在读屏里算成一组。看上去没有区别；要分开看，中间放 `ToolbarSeparator`。 */
+export declare function ToolbarGroup({ className, ...props }: ToolbarGroupProps): import("react").JSX.Element;
+export type ToolbarSeparatorProps = Omit<ComponentProps<"div">, "style">;
+/** 分隔：一条短线，方向和工具栏垂直。 */
+export declare function ToolbarSeparator({ className, ...props }: ToolbarSeparatorProps): import("react").JSX.Element;
+//#endregion
+export {};

package/dist/components/toolbar/Toolbar.js

@@ -0,0 +1,2 @@
+"use client";
+import{cn as e}from"../../lib/cn.js";import{focusRing as t}from"../../lib/focus-ring.js";import{createLazyContext as n}from"../../lib/create-lazy-context.js";import{useContext as r,useMemo as i}from"react";import{Fragment as a,jsx as o,jsxs as s}from"react/jsx-runtime";import{Toggle as c}from"@base-ui/react/toggle";import{ToggleGroup as l}from"@base-ui/react/toggle-group";import{Toolbar as u}from"@base-ui/react/toolbar";const d=/* @__PURE__ */ n({size:`md`,orientation:`horizontal`}),f={sunken:`bg-surface-sunken p-0.5`,outline:`border border-line-strong bg-surface p-px`},p={sunken:`forced-colors:outline forced-colors:-outline-offset-1 forced-colors:outline-[ButtonText] forced-colors:data-disabled:outline-[GrayText]`,outline:`forced-colors:border-[ButtonText] forced-colors:data-disabled:border-[GrayText]`};function m({size:t=`md`,variant:n=`sunken`,orientation:r=`horizontal`,disabled:a=!1,className:s,onKeyDown:c,...l}){let m=d(),h=i(()=>({size:t,orientation:r}),[t,r]),g=e=>{let t=e.defaultPrevented;if(c?.(e),!t&&e.defaultPrevented||e.key!==`Home`&&e.key!==`End`)return;let n=e.currentTarget.querySelectorAll(`button[tabindex], a[tabindex]`),r=e.key===`Home`?n[0]:n[n.length-1];r&&(e.preventDefault(),r.focus())};return/* @__PURE__ */ o(m.Provider,{value:h,children:/* @__PURE__ */ o(u.Root,{...l,orientation:r,disabled:a,onKeyDown:g,"data-size":t,"data-variant":n,className:e(`inline-flex max-w-full gap-0.5 text-ink`,r===`vertical`?`flex-col`:`flex-wrap items-center`,f[n],p[n],s)})})}const h={sm:`h-7 min-w-7 after:absolute after:-inset-x-0.5 after:-inset-y-1.5 after:content-['']`,md:`h-9 min-w-9 after:absolute after:-inset-0.5 after:content-['']`},g={sm:`px-2`,md:`px-2.5`},_={sm:`[&_svg]:size-4`,md:`[&_svg]:size-5`},v=[`group/item relative inline-flex shrink-0 items-center justify-center gap-1.5`,`text-sm leading-none font-medium whitespace-nowrap text-ink-secondary select-none`,`transition-colors duration-(--duration-fast) ease-standard`,`hover:bg-ink/5 hover:text-ink active:bg-ink/10`,`data-pressed:bg-surface-inverse data-pressed:text-ink-inverse`,`data-popup-open:bg-surface-inverse data-popup-open:text-ink-inverse`,`data-disabled:cursor-not-allowed data-disabled:bg-transparent data-disabled:text-ink-disabled`,`data-disabled:data-pressed:bg-disabled data-disabled:data-pressed:text-on-disabled`,`forced-colors:data-pressed:forced-color-adjust-none forced-colors:data-pressed:outline-[Highlight]`,`forced-colors:data-pressed:bg-[Highlight] forced-colors:data-pressed:text-[HighlightText]`,`forced-colors:data-disabled:data-pressed:bg-[GrayText] forced-colors:data-disabled:data-pressed:text-[Canvas]`,`forced-colors:data-disabled:text-[GrayText]`,`focus-visible:z-1`,t].join(` `),y=[`flex shrink-0`,`group-data-pressed/item:text-accent-ink-inverse`,`group-data-popup-open/item:text-accent-ink-inverse`,`group-data-disabled/item:group-data-pressed/item:text-on-disabled`,`forced-colors:group-data-pressed/item:text-[HighlightText]`,`forced-colors:group-data-disabled/item:group-data-pressed/item:text-[Canvas]`].join(` `);function b(t,n){let{size:i}=r(d());return e(v,h[i],t?_[i]:[g[i],`[&_svg]:size-4`],n)}function x({icon:e,children:t}){return/* @__PURE__ */ s(a,{children:[e&&/* @__PURE__ */ o(`span`,{className:y,children:e}),t]})}const S=e=>e!=null&&e!==!1;function C({icon:e,disabled:t=!1,href:n,target:r,rel:i,render:a,onClick:s,type:c=`button`,className:l,children:d,...f}){let p=b(!S(d),l),m=/* @__PURE__ */ o(x,{icon:e,children:d});return n!==void 0||a!==void 0?/* @__PURE__ */ o(u.Link,{...f,render:a,href:t?void 0:n,target:r,rel:i,role:t&&a===void 0?`link`:void 0,"aria-disabled":t||void 0,"data-disabled":t?``:void 0,onClick:t?e=>e.preventDefault():s,className:p,children:m}):/* @__PURE__ */ o(u.Button,{...f,type:c,disabled:t,onClick:s,className:p,children:m})}function w({icon:e,pressed:t,defaultPressed:n,onPressedChange:r,value:i,disabled:a=!1,type:s=`button`,className:l,children:d,...f}){let p=b(!S(d),l);return/* @__PURE__ */ o(u.Button,{...f,type:s,disabled:a,render:/* @__PURE__ */ o(c,{pressed:t,defaultPressed:n,onPressedChange:r&&(e=>r(e)),value:i}),className:p,children:/* @__PURE__ */ o(x,{icon:e,children:d})})}const T=`flex gap-0.5 data-[orientation=horizontal]:flex-wrap data-[orientation=horizontal]:items-center data-[orientation=vertical]:flex-col`;function E({value:t,defaultValue:n,onValueChange:i,multiple:a=!1,disabled:s,className:c,...u}){let{orientation:f}=r(d());return/* @__PURE__ */ o(l,{...u,value:t,defaultValue:n,onValueChange:i&&(e=>i(e)),multiple:a,disabled:s,orientation:f,className:e(T,c)})}function D({className:t,...n}){return/* @__PURE__ */ o(u.Group,{...n,className:e(T,t)})}function O({className:t,...n}){return/* @__PURE__ */ o(u.Separator,{...n,className:e(`shrink-0 self-center bg-line-strong`,`forced-colors:bg-[ButtonText] forced-colors:in-data-disabled:bg-[GrayText]`,`data-[orientation=vertical]:mx-1 data-[orientation=vertical]:h-4 data-[orientation=vertical]:w-px`,`data-[orientation=horizontal]:my-1 data-[orientation=horizontal]:h-px data-[orientation=horizontal]:w-4`,t)})}export{m as Toolbar,C as ToolbarButton,D as ToolbarGroup,O as ToolbarSeparator,w as ToolbarToggle,E as ToolbarToggleGroup};

package/dist/components/toolbar/index.d.ts

@@ -0,0 +1,3 @@
+
+import { Toolbar, ToolbarButton, ToolbarButtonProps, ToolbarGroup, ToolbarGroupProps, ToolbarOrientation, ToolbarProps, ToolbarSeparator, ToolbarSeparatorProps, ToolbarSize, ToolbarToggle, ToolbarToggleGroup, ToolbarToggleGroupProps, ToolbarToggleProps, ToolbarVariant } from "./Toolbar.js";
+export { Toolbar, ToolbarButton, type ToolbarButtonProps, ToolbarGroup, type ToolbarGroupProps, type ToolbarOrientation, type ToolbarProps, ToolbarSeparator, type ToolbarSeparatorProps, type ToolbarSize, ToolbarToggle, ToolbarToggleGroup, type ToolbarToggleGroupProps, type ToolbarToggleProps, type ToolbarVariant };

package/dist/components/tooltip/Tooltip.d.ts

@@ -0,0 +1,47 @@
+
+import { ReactElement, ReactNode } from "react";
+//#region src/components/tooltip/Tooltip.d.ts
+export type TooltipSide = "top" | "bottom" | "left" | "right";
+export type TooltipAlign = "start" | "center" | "end";
+export type TooltipProviderProps = {
+  /** 这一组提示统一的延迟，毫秒 */
+  delay?: number;
+  /** 一个提示消失后多久之内，旁边的提示不用再等延迟，毫秒。默认 400 */
+  timeout?: number;
+  children: ReactNode;
+};
+/**
+ * 可选。包住一组相邻的提示（工具栏）：第一个出现之后，移到旁边的不用再等延迟。
+ */
+export declare function TooltipProvider({ delay, timeout, children }: TooltipProviderProps): import("react").JSX.Element;
+export type TooltipProps = {
+  /** 提示的内容：一句话，不放交互元素 */
+  content: ReactNode;
+  /** 触发元素：一个能接收 `ref` 与事件的元素（按钮、链接） */
+  children: ReactElement<Record<string, unknown>>;
+  /** 出现在触发元素的哪一侧，放不下时自动翻到对面。默认 `top` */
+  side?: TooltipSide;
+  align?: TooltipAlign;
+  /**
+   * 悬停多久后出现，毫秒，默认 300。键盘聚焦时立刻出现；消失不延迟。
+   * 在 `TooltipProvider` 里不传时跟随它的 `delay`。
+   */
+  delay?: number;
+  /** 指向触发元素的小三角，默认有。关掉后提示贴着触发元素 */
+  arrow?: boolean;
+  open?: boolean;
+  defaultOpen?: boolean;
+  onOpenChange?: (open: boolean) => void;
+  /** 不再出现 */
+  disabled?: boolean;
+  /** 给提示本身 */
+  className?: string;
+};
+/**
+ * 悬停或键盘聚焦时出现的一句说明。触屏上不出现：必要的信息不要只放在这里。
+ *
+ * 触发元素要有自己的可访问名称（图标按钮的 `aria-label`）。提示的内容会作为
+ * 补充说明关联给读屏；它和 `aria-label` 一字不差时不再重复关联。
+ */
+export declare function Tooltip({ content, children, side, align, delay, arrow, open, defaultOpen, onOpenChange, disabled, className }: TooltipProps): import("react").JSX.Element;
+//#endregion

package/dist/components/tooltip/Tooltip.js

@@ -0,0 +1,2 @@
+"use client";
+import{cn as e}from"../../lib/cn.js";import{createLazyContext as t}from"../../lib/create-lazy-context.js";import{usePortalScope as n}from"../../hooks/usePortalScope.js";import{enterFromSide as r}from"../../lib/motion.js";import{cloneElement as i,useContext as a,useId as o,useSyncExternalStore as s}from"react";import{jsx as c,jsxs as l}from"react/jsx-runtime";import{Tooltip as u}from"@base-ui/react/tooltip";import{createPortal as d}from"react-dom";const f=/* @__PURE__ */ t(!1);function p({delay:e=300,timeout:t,children:n}){let r=f();return/* @__PURE__ */ c(u.Provider,{delay:e,timeout:t,children:/* @__PURE__ */ c(r.Provider,{value:!0,children:n})})}const m=()=>()=>{};function h({id:e,children:t}){return s(m,()=>!0,()=>!1)?d(/* @__PURE__ */ c(`span`,{id:e,hidden:!0,children:t}),document.body):null}function g({content:t,children:s,side:d=`top`,align:p=`center`,delay:m,arrow:g=!0,open:_,defaultOpen:v,onOpenChange:y,disabled:b=!1,className:x}){let S=o(),C=a(f()),{anchorRef:w,portalRef:T}=n({invertTheme:!0}),E=s.props[`aria-label`],D=typeof t==`string`&&typeof E==`string`&&t.trim()===E.trim(),O=!b&&!D,k=s.props[`aria-describedby`],A=O?i(s,{"aria-describedby":typeof k==`string`?`${k} ${S}`:S}):s;return/* @__PURE__ */ l(u.Root,{open:_,defaultOpen:v,onOpenChange:y&&(e=>y(e)),disabled:b,children:[/* @__PURE__ */ c(u.Trigger,{ref:w,render:A,delay:m??(C?void 0:300)}),O&&/* @__PURE__ */ c(h,{id:S,children:t}),/* @__PURE__ */ c(u.Portal,{ref:T,children:/* @__PURE__ */ c(u.Positioner,{side:d,align:p,sideOffset:g?8:2,className:`z-(--z-overlay)`,children:/* @__PURE__ */ l(u.Popup,{className:e(`relative max-w-64 border border-transparent bg-surface-raised px-2.5 py-1.5 text-sm wrap-anywhere text-ink`,`origin-(--transform-origin) transition-[opacity,translate] duration-(--duration-fast) ease-standard`,`data-ending-style:opacity-0 data-instant:transition-none data-starting-style:opacity-0`,r,x),children:[g&&/* @__PURE__ */ c(u.Arrow,{"aria-hidden":`true`,className:e(`size-2 rotate-45 bg-surface-raised forced-colors:hidden`,`data-[side=bottom]:-top-1 data-[side=left]:-right-1 data-[side=right]:-left-1 data-[side=top]:-bottom-1`)}),t]})})})]})}export{g as Tooltip,p as TooltipProvider};

package/dist/components/tooltip/index.d.ts

@@ -0,0 +1,3 @@
+
+import { Tooltip, TooltipAlign, TooltipProps, TooltipProvider, TooltipProviderProps, TooltipSide } from "./Tooltip.js";
+export { Tooltip, type TooltipAlign, type TooltipProps, TooltipProvider, type TooltipProviderProps, type TooltipSide };

package/dist/components/top-bar/TopBar.d.ts

@@ -0,0 +1,21 @@
+
+import { ComponentProps, ReactNode } from "react";
+//#region src/components/top-bar/TopBar.d.ts
+export type TopBarProps = ComponentProps<"header"> & {
+  /** 最左边的标志。本库不带标志，传你自己的 */
+  brand?: ReactNode;
+  /** 工具图标钮：几个 `IconButton` */
+  tools?: ReactNode;
+  /** 主行动：放一个 `NavAction` */
+  action?: ReactNode;
+  /** 最右边的菜单钮：放一个 `NavMenu`（它自己带着触发按钮） */
+  menu?: ReactNode;
+};
+/**
+ * 顶栏：窄屏上的主导航。从左到右是标志、空白、工具图标钮、主行动、菜单钮；
+ * 栏目本身不排在这一条里，收进 `NavMenu`。
+ *
+ * 默认 `sticky` 贴在顶上。它只管排版，各格放什么由使用方给。
+ */
+export declare function TopBar({ brand, tools, action, menu, className, children, ...props }: TopBarProps): import("react").JSX.Element;
+//#endregion

package/dist/components/top-bar/TopBar.js

@@ -0,0 +1,2 @@
+"use client";
+import{cn as e}from"../../lib/cn.js";import{getNavActionContext as t}from"../nav-action/NavAction.js";import{jsx as n,jsxs as r}from"react/jsx-runtime";function i({brand:i,tools:a,action:o,menu:s,className:c,children:l,...u}){let d=t();return/* @__PURE__ */ r(`header`,{...u,className:e(`sticky top-0 z-(--z-nav) flex h-14 shrink-0 items-center gap-2 border-b border-line bg-surface px-4 text-ink shadow-lg`,c),children:[i&&/* @__PURE__ */ n(`div`,{className:`flex min-w-0 items-center`,children:i}),/* @__PURE__ */ n(`div`,{className:`min-w-0 flex-1`,children:l}),a&&/* @__PURE__ */ n(`div`,{className:`flex shrink-0 items-center gap-1`,children:a}),o&&/* @__PURE__ */ n(d.Provider,{value:`inline`,children:o}),s]})}export{i as TopBar};

package/dist/components/top-bar/index.d.ts

@@ -0,0 +1,3 @@
+
+import { TopBar, TopBarProps } from "./TopBar.js";
+export { TopBar, type TopBarProps };

package/dist/components/viewfinder/Viewfinder.d.ts

@@ -0,0 +1,35 @@
+
+import { ComponentProps, ReactNode } from "react";
+//#region src/components/viewfinder/Viewfinder.d.ts
+export type ViewfinderSize = "sm" | "md";
+export type ViewfinderReadouts = {
+  topLeft?: ReactNode;
+  topRight?: ReactNode;
+  bottomLeft?: ReactNode;
+  bottomRight?: ReactNode;
+};
+export type ViewfinderProps = ComponentProps<"div"> & {
+  /** 取景角的臂长：16px 或 24px */
+  size?: ViewfinderSize;
+  /** 正中放一个小准星，标出焦点 */
+  crosshair?: boolean;
+  /**
+   * 挂上的时候取景角落位：八段短线各自从角上伸出来，播一次。
+   * 默认不动——取景角平时是静态的装饰。要它晚一点再动（等外面那一层先淡入完），
+   * 在外层设 `--bracket-delay`
+   */
+  animate?: boolean;
+  /**
+   * 四个角上的读数：坐标、比例、版本、时间码。
+   * 必须是真实的数据；没有就不放。
+   */
+  readouts?: ViewfinderReadouts;
+};
+/**
+ * 取景角：框住一张图、一片地图区域、一个焦点，标的是"范围"，不是选中。
+ * 里面放被框住的内容；压在深色画面上时给它加 `data-theme="dark"`。
+ *
+ * 只用在展示性的画面上，一屏一处。取景角与准星是装饰，读数是真实信息、读屏读得到。
+ */
+export declare function Viewfinder({ size, crosshair, animate, readouts, className, children, ...props }: ViewfinderProps): import("react").JSX.Element;
+//#endregion

package/dist/components/viewfinder/Viewfinder.js

@@ -0,0 +1,2 @@
+"use client";
+import{cn as e}from"../../lib/cn.js";import{decor as t}from"../../lib/decor.js";import{jsx as n,jsxs as r}from"react/jsx-runtime";const i={sm:`[--bracket-arm:16px]`,md:`[--bracket-arm:24px]`},a={topLeft:`top-5 left-5`,topRight:`top-5 right-5 text-right`,bottomLeft:`bottom-5 left-5`,bottomRight:`right-5 bottom-5 text-right`};function o({size:o=`sm`,crosshair:s=!1,animate:c=!1,readouts:l,className:u,children:d,...f}){return/* @__PURE__ */ r(`div`,{...f,className:e(`relative text-ink`,u),children:[d,/* @__PURE__ */ n(`span`,{"aria-hidden":`true`,className:e(t,`corner-brackets absolute inset-3 [--bracket-color:currentColor] [--bracket-offset:0px] [--bracket-width:1.5px]`,i[o],c&&`after:animate-bracket-in after:[animation-delay:var(--bracket-delay,0s)]`)}),s&&/* @__PURE__ */ n(`svg`,{"aria-hidden":`true`,focusable:`false`,viewBox:`0 0 12 12`,fill:`none`,stroke:`currentColor`,strokeWidth:1.5,className:e(`pointer-events-none select-none forced-colors:hidden print:hidden`,`absolute top-1/2 left-1/2 size-3 -translate-1/2 text-accent-ink`),children:/* @__PURE__ */ n(`path`,{d:`M6 0v12M0 6h12`})}),l&&Object.keys(a).map(t=>l[t]!==void 0&&/* @__PURE__ */ n(`span`,{"data-corner":t,className:e(`pointer-events-none absolute font-tech text-xs leading-none text-ink-secondary tabular-nums`,a[t]),children:l[t]},t))]})}export{o as Viewfinder};

package/dist/components/viewfinder/index.d.ts

@@ -0,0 +1,3 @@
+
+import { Viewfinder, ViewfinderProps, ViewfinderReadouts, ViewfinderSize } from "./Viewfinder.js";
+export { Viewfinder, type ViewfinderProps, type ViewfinderReadouts, type ViewfinderSize };

package/dist/game/animated-dialog/AnimatedDialog.d.ts

@@ -0,0 +1,53 @@
+
+import { CSSProperties, ComponentProps, ReactElement, ReactNode } from "react";
+import { Dialog } from "@base-ui/react/dialog";
+//#region src/game/animated-dialog/AnimatedDialog.d.ts
+type PopupProps = ComponentProps<typeof Dialog.Popup>;
+type PortalProps = ComponentProps<typeof Dialog.Portal>;
+type CloseAction = () => boolean | void | PromiseLike<boolean | void>;
+type SlotClassName = string | ((open: boolean) => string);
+export type AnimatedDialogClassNames = {
+  backdrop?: SlotClassName;
+  alert?: SlotClassName;
+  contentContainer?: SlotClassName;
+  header?: SlotClassName;
+  title?: SlotClassName;
+  footer?: SlotClassName;
+  close?: SlotClassName;
+};
+export type AnimatedDialogProps = Omit<ComponentProps<"div">, "title" | "children" | "onClose" | "className" | "style"> & {
+  trigger?: ReactElement<Record<string, unknown>>;
+  open?: boolean;
+  defaultOpen?: boolean;
+  onOpenChange?: (open: boolean) => void;
+  title: ReactNode;
+  description?: ReactNode;
+  icon?: ReactNode;
+  width?: CSSProperties["width"];
+  height?: CSSProperties["height"];
+  className?: string;
+  classNames?: AnimatedDialogClassNames;
+  /** 点遮罩是否请求关闭。默认允许。 */
+  dismissible?: boolean;
+  /** Esc 是否请求关闭。未传时跟随 dismissible。 */
+  keyboardCloseable?: boolean;
+  /** 所有内部关闭请求都会执行；返回 false 或失败时保持打开。 */
+  onClose?: CloseAction;
+  /** 遮罩与 Esc 请求先执行此回调，再执行 onClose。 */
+  onDismiss?: CloseAction;
+  closeLabel?: string;
+  initialFocus?: PopupProps["initialFocus"];
+  finalFocus?: PopupProps["finalFocus"];
+  keepMounted?: boolean;
+  /**
+   * 是不是模态。默认是。传 `false` 时不锁焦点、不锁页面滚动，页面的其余部分照常能用——
+   * 配上 `container` 可以把弹窗嵌在页面的一块区域里展示。
+   */
+  modal?: boolean;
+  /** 弹层挂到哪个元素里。默认挂在 `<body>` 下 */
+  container?: PortalProps["container"];
+  children?: ReactNode;
+};
+export declare function AnimatedDialog({ trigger, open: controlledOpen, defaultOpen, onOpenChange, title, description, icon, width, height, className, classNames, dismissible, keyboardCloseable, onClose, onDismiss, closeLabel, initialFocus, finalFocus, keepMounted, modal, container, children, ...popupProps }: AnimatedDialogProps): import("react").JSX.Element;
+//#endregion
+export {};

package/dist/game/animated-dialog/AnimatedDialog.js

@@ -0,0 +1,2 @@
+"use client";
+import{cn as e}from"../../lib/cn.js";import{usePortalScope as t}from"../../hooks/usePortalScope.js";import{firstFocusableIn as n}from"../lib/first-focusable.js";import{useCallback as r,useLayoutEffect as i,useRef as a,useState as o}from"react";import{jsx as s,jsxs as c}from"react/jsx-runtime";import{Dialog as l}from"@base-ui/react/dialog";function u(e,t){return typeof e==`function`?e(t):e}function d({trigger:d,open:f,defaultOpen:p=!1,onOpenChange:m,title:h,description:g,icon:_,width:v,height:y,className:b,classNames:x,dismissible:S=!0,keyboardCloseable:C,onClose:w,onDismiss:T,closeLabel:E=`关闭`,initialFocus:D,finalFocus:O,keepMounted:k=!1,modal:A,container:j,children:M,...N}){let[P,F]=o(p),I=f??P,[L,R]=o(!1),z=a({open:I,session:0,locked:!1,mounted:!0}),B=a(null),{anchorRef:V,portalRef:H}=t(),U=r(()=>n(B)(),[]);i(()=>{let e=z.current;return e.mounted=!0,()=>{e.mounted=!1,e.session+=1,e.locked=!1}},[]),i(()=>{z.current.open!==I&&(z.current.open=I,z.current.session+=1,z.current.locked=!1,R(!1))},[I]);let W=r(e=>{f===void 0&&F(e),m?.(e)},[f,m]),G=r(async e=>{let t=z.current;if(!t.open||t.locked||!t.mounted)return;t.locked=!0;let n=t.session;R(!0);let r=()=>z.current.mounted&&z.current.open&&z.current.session===n;try{if(e&&(await T?.()===!1||!r()))return;await w?.()!==!1&&r()&&W(!1)}catch{}finally{r()&&(z.current.locked=!1,R(!1))}},[w,T,W]);return/* @__PURE__ */ c(l.Root,{open:I,onOpenChange:(e,t)=>{if(e){W(!0);return}if(t.cancel(),t.reason===`escape-key`&&!(C??S))return;let n=t.reason===`escape-key`||t.reason===`outside-press`||t.reason===`focus-out`;(!n||t.reason===`escape-key`||S)&&G(n)},disablePointerDismissal:!S,modal:A,children:[d&&/* @__PURE__ */ s(l.Trigger,{ref:V,render:d}),/* @__PURE__ */ c(l.Portal,{ref:H,keepMounted:k,container:j,children:[/* @__PURE__ */ s(l.Backdrop,{className:e(`ef-animated-dialog-backdrop`,u(x?.backdrop,I))}),/* @__PURE__ */ s(l.Viewport,{className:`ef-animated-dialog-viewport`,children:/* @__PURE__ */ c(l.Popup,{...N,"aria-busy":L||void 0,initialFocus:D??U,finalFocus:O,style:{width:v,height:y},className:e(`ef-animated-dialog`,b,u(x?.alert,I)),children:[/* @__PURE__ */ c(`header`,{className:e(`ef-animated-dialog__header`,u(x?.header,I)),children:[/* @__PURE__ */ c(`div`,{"aria-hidden":`true`,className:`ef-animated-dialog__top-strip`,children:[/* @__PURE__ */ s(`span`,{className:`ef-animated-dialog__yellow-block`}),/* @__PURE__ */ c(`span`,{className:`ef-animated-dialog__top-deco`,children:[/* @__PURE__ */ c(`svg`,{viewBox:`0 0 120 10`,children:[/* @__PURE__ */ s(`polygon`,{points:`0,2 7,2 3.5,8`,fill:`currentColor`}),/* @__PURE__ */ s(`text`,{x:`7`,y:`7`,fontSize:`7`,fontStyle:`italic`,children:`//`}),/* @__PURE__ */ s(`text`,{x:`16`,y:`7`,fontSize:`7`,children:`ARKNIGHTS:ENDFIELD`})]}),/* @__PURE__ */ c(`svg`,{viewBox:`0 0 10 10`,className:`ef-animated-dialog__plus`,children:[/* @__PURE__ */ s(`rect`,{x:`0.5`,y:`0.5`,width:`9`,height:`9`,fill:`none`,stroke:`currentColor`}),/* @__PURE__ */ s(`path`,{d:`M5 2.5v5M2.5 5h5`,stroke:`currentColor`})]})]})]}),/* @__PURE__ */ c(`div`,{className:`ef-animated-dialog__title-band`,children:[/* @__PURE__ */ s(`div`,{"aria-hidden":`true`,className:`ef-animated-dialog__icon-slot`,children:/* @__PURE__ */ s(`span`,{className:`ef-animated-dialog__icon`,children:_})}),/* @__PURE__ */ s(l.Title,{className:e(`ef-animated-dialog__title`,u(x?.title,I)),children:/* @__PURE__ */ s(`span`,{children:h})}),/* @__PURE__ */ s(`span`,{"aria-hidden":`true`,className:`ef-animated-dialog__title-deco`,children:`ENDFIELD`})]}),/* @__PURE__ */ s(`div`,{className:`ef-animated-dialog__close-motion`,children:/* @__PURE__ */ s(l.Close,{"aria-label":E,"aria-disabled":L||void 0,className:e(`ef-animated-dialog__close`,u(x?.close,I)),children:/* @__PURE__ */ s(`svg`,{"aria-hidden":`true`,viewBox:`0 0 205 205`,fill:`currentColor`,fillRule:`evenodd`,children:/* @__PURE__ */ s(`path`,{d:`M0 25L25 0L205 180L180 205ZM25 205L0 180L180 0L205 25Z`})})})}),/* @__PURE__ */ s(`div`,{"aria-hidden":`true`,className:`ef-animated-dialog__separator`})]}),/* @__PURE__ */ c(`div`,{"data-theme":`light`,className:e(`ef-animated-dialog__content`,u(x?.contentContainer,I)),children:[/* @__PURE__ */ c(`div`,{ref:B,className:`ef-animated-dialog__body`,children:[g&&/* @__PURE__ */ s(l.Description,{className:`ef-animated-dialog__description`,children:g}),M]}),/* @__PURE__ */ s(`span`,{"aria-hidden":`true`,className:`ef-animated-dialog__registration`})]}),/* @__PURE__ */ c(`footer`,{"aria-hidden":`true`,className:e(`ef-animated-dialog__footer`,u(x?.footer,I)),children:[/* @__PURE__ */ s(`span`,{className:`ef-animated-dialog__footer-square`}),/* @__PURE__ */ s(`span`,{className:`ef-animated-dialog__footer-outline`}),/* @__PURE__ */ s(`span`,{className:`ef-animated-dialog__footer-hatch`})]})]})})]})]})}export{d as AnimatedDialog};

package/dist/game/animated-dialog/index.d.ts

@@ -0,0 +1,3 @@
+
+import { AnimatedDialog, AnimatedDialogClassNames, AnimatedDialogProps } from "./AnimatedDialog.js";
+export { AnimatedDialog, type AnimatedDialogClassNames, type AnimatedDialogProps };

package/dist/game/banner-alert/AlertIcons.js

@@ -0,0 +1,2 @@
+"use client";
+import{jsx as e}from"react/jsx-runtime";function t(){return/* @__PURE__ */ e(`svg`,{viewBox:`0 0 24 24`,fill:`none`,width:`1em`,height:`1em`,"aria-hidden":`true`,children:/* @__PURE__ */ e(`path`,{d:`M4.89163 13.2687L9.16582 17.5427L18.7085 8`,stroke:`currentColor`,strokeWidth:`3`,strokeLinecap:`round`,strokeLinejoin:`round`})})}function n(){return/* @__PURE__ */ e(`svg`,{viewBox:`0 0 1024 1024`,width:`1em`,height:`1em`,"aria-hidden":`true`,children:/* @__PURE__ */ e(`path`,{fill:`currentColor`,d:`M195.2 195.2a64 64 0 0 1 90.496 0L512 421.504 738.304 195.2a64 64 0 0 1 90.496 90.496L602.496 512 828.8 738.304a64 64 0 0 1-90.496 90.496L512 602.496 285.696 828.8a64 64 0 0 1-90.496-90.496L421.504 512 195.2 285.696a64 64 0 0 1 0-90.496z`})})}export{n as AlertCloseIcon,t as AlertTickIcon};

package/dist/game/banner-alert/AlertModal.js

@@ -0,0 +1,2 @@
+"use client";
+import{cn as e}from"../../lib/cn.js";import{usePortalScope as t}from"../../hooks/usePortalScope.js";import{alertSlotClass as n}from"./types.js";import{useAlertActions as r}from"./useAlertActions.js";import{useCallback as i,useLayoutEffect as a,useRef as o}from"react";import{jsx as s,jsxs as c}from"react/jsx-runtime";import{Dialog as l}from"@base-ui/react/dialog";function u(e){let t=e.querySelectorAll(`a[href],button,input:not([type="hidden"]),select,textarea,[tabindex],[contenteditable="true"]`);return Array.from(t).some(e=>{if(e.matches(`:disabled`)||e.hasAttribute(`tabindex`)&&e.tabIndex<0||e.closest(`[hidden],[inert],[aria-hidden="true"]`))return!1;let t=getComputedStyle(e);return t.display!==`none`&&t.visibility!==`hidden`})}function d({trigger:d,open:f,defaultOpen:p,onOpenChange:m,title:h,description:g,dismissible:_=!0,keyboardCloseable:v,loading:y,hideCancel:b=!1,cancelText:x,confirmText:ee,showIcon:te,width:S,height:C,className:w,classNames:T,onConfirm:E,onCancel:D,onDismiss:O,onClose:k,initialFocus:A,finalFocus:j,keepMounted:M=!1,modal:N,container:P,popupClassName:F,backdropClassName:I,viewportClassName:L,children:R,ref:z,...B}){let{open:V,busy:H,updateOpen:U,run:W}=r({open:f,defaultOpen:p,onOpenChange:m,loading:y,onConfirm:E,onCancel:D,onDismiss:O,onClose:k}),{anchorRef:G,portalRef:K}=t(),q=o(null),J=o(null),Y=o(null),X=o(null),Z=o(!1),Q=i(()=>{let e=b?Y.current:J.current;return e&&!e.disabled?e:q.current??!0},[b]),$=i(e=>{if(q.current=e,typeof z==`function`)return z(e);z&&(z.current=e)},[z]);return a(()=>{let e=q.current,t=Z.current;if(Z.current=H,!V||!e)return;let n=e.ownerDocument.activeElement;if(H)(n===e.ownerDocument.body||n instanceof HTMLElement&&e.contains(n)&&n.matches(`:disabled`))&&e.focus({preventScroll:!0});else if(t&&n===e){let t=X.current;t&&e.contains(t)&&!t.matches(`:disabled`)&&t.focus({preventScroll:!0})}},[H,V]),/* @__PURE__ */ c(l.Root,{open:V,onOpenChange:(e,t)=>{if(e){U(!0);return}if(t.cancel(),t.reason===`escape-key`&&!(v??_))return;let n=t.reason===`escape-key`||t.reason===`outside-press`||t.reason===`focus-out`;(!n||t.reason===`escape-key`||_)&&W(n?`dismiss`:`close`)},disablePointerDismissal:!_||H,modal:N,children:[d&&/* @__PURE__ */ s(l.Trigger,{ref:G,render:d}),/* @__PURE__ */ c(l.Portal,{ref:K,keepMounted:M,container:P,children:[/* @__PURE__ */ s(l.Backdrop,{className:e(I,n(T?.backdrop,V))}),/* @__PURE__ */ s(l.Viewport,{className:e(`ef-alert-modal-viewport`,L),children:/* @__PURE__ */ c(l.Popup,{...B,onFocusCapture:e=>{B.onFocusCapture?.(e),e.target instanceof HTMLElement&&e.target!==e.currentTarget&&e.currentTarget.contains(e.target)&&(X.current=e.target)},onKeyDownCapture:e=>{B.onKeyDownCapture?.(e),V&&H&&e.key===`Tab`&&e.target instanceof Node&&e.currentTarget.contains(e.target)&&!u(e.currentTarget)&&(e.preventDefault(),e.currentTarget.focus({preventScroll:!0}))},ref:$,role:`alertdialog`,"aria-busy":H||void 0,"data-theme":`light`,initialFocus:A??Q,finalFocus:j,style:{width:S,height:C},className:e(F,w,n(T?.alert,V)),children:[/* @__PURE__ */ s(l.Title,{className:`ef-alert-modal-sr-only`,children:h}),g&&/* @__PURE__ */ s(l.Description,{className:`ef-alert-modal-sr-only`,children:g}),R({open:V,busy:H,cancelRef:J,confirmRef:Y,confirm:()=>{W(`confirm`)},cancel:()=>{W(`cancel`)}})]})})]})]})}export{d as AlertModal};

package/dist/game/banner-alert/BannerAlert.d.ts

@@ -0,0 +1,6 @@
+
+import { AlertModalProps } from "./types.js";
+//#region src/game/banner-alert/BannerAlert.d.ts
+export type BannerAlertProps = AlertModalProps;
+export declare function BannerAlert({ children, width, hideCancel, cancelText, confirmText, showIcon, classNames, ...props }: BannerAlertProps): import("react").JSX.Element;
+//#endregion

package/dist/game/banner-alert/BannerAlert.js

@@ -0,0 +1,2 @@
+"use client";
+import{cn as e}from"../../lib/cn.js";import{RoundedButton as t}from"../rounded-button/RoundedButton.js";import{AlertCloseIcon as n,AlertTickIcon as r}from"./AlertIcons.js";import{alertSlotClass as i}from"./types.js";import{AlertModal as a}from"./AlertModal.js";import{useAlertGlitch as o}from"./useAlertGlitch.js";import{Fragment as s,jsx as c,jsxs as l}from"react/jsx-runtime";function u({children:e,width:t=`30em`,hideCancel:n=!1,cancelText:r=`取消`,confirmText:i=`确认`,showIcon:o=!0,classNames:s,...l}){return/* @__PURE__ */ c(a,{...l,width:t,hideCancel:n,classNames:s,popupClassName:`ef-banner-alert`,backdropClassName:`ef-banner-alert-backdrop`,children:t=>/* @__PURE__ */ c(d,{...t,hideCancel:n,cancelText:r,confirmText:i,showIcon:o,classNames:s,children:e})})}function d({open:a,busy:u,cancelRef:d,confirmRef:f,cancel:p,confirm:m,hideCancel:h,cancelText:g,confirmText:_,showIcon:v,classNames:y,children:b}){let{contentRef:x,actionsRef:S}=o(a);return/* @__PURE__ */ l(s,{children:[/* @__PURE__ */ l(`div`,{"aria-hidden":`true`,className:`ef-banner-alert__banner`,children:[/* @__PURE__ */ c(`span`,{}),/* @__PURE__ */ c(`span`,{})]}),/* @__PURE__ */ c(`div`,{ref:x,className:e(`ef-banner-alert__content`,i(y?.content,a)),children:/* @__PURE__ */ c(`div`,{className:`ef-banner-alert__body`,children:b})}),/* @__PURE__ */ l(`div`,{ref:S,className:`ef-banner-alert__actions`,"data-hide-cancel":h?``:void 0,children:[!h&&/* @__PURE__ */ c(t,{ref:d,variant:`default`,text:g,showIcon:v,disabled:u,onClick:p,icon:/* @__PURE__ */ c(n,{}),className:`ef-banner-alert__button`}),/* @__PURE__ */ c(t,{ref:f,variant:`primary`,text:_,showIcon:v,disabled:u,loading:u,onClick:m,icon:/* @__PURE__ */ c(r,{}),className:`ef-banner-alert__button`})]})]})}export{u as BannerAlert};

package/dist/game/banner-alert/index.d.ts

@@ -0,0 +1,3 @@
+
+import { BannerAlert, BannerAlertProps } from "./BannerAlert.js";
+export { BannerAlert, type BannerAlertProps };

package/dist/game/banner-alert/types.d.ts

@@ -0,0 +1,48 @@
+
+import { CSSProperties, ComponentProps, ReactElement, ReactNode, RefObject } from "react";
+import { Dialog } from "@base-ui/react/dialog";
+//#region src/game/banner-alert/types.d.ts
+type PopupProps = ComponentProps<typeof Dialog.Popup>;
+type PortalProps = ComponentProps<typeof Dialog.Portal>;
+export type AlertAction = () => boolean | void | PromiseLike<boolean | void>;
+export type AlertClassName = string | ((open: boolean) => string);
+export type AlertClassNames = {
+  backdrop?: AlertClassName;
+  alert?: AlertClassName;
+  content?: AlertClassName;
+};
+export type AlertModalProps = Omit<ComponentProps<"div">, "title" | "children" | "onClose" | "onCancel" | "style"> & {
+  trigger?: ReactElement<Record<string, unknown>>;
+  open?: boolean;
+  defaultOpen?: boolean;
+  onOpenChange?: (open: boolean) => void;
+  title: ReactNode;
+  description?: ReactNode;
+  dismissible?: boolean;
+  keyboardCloseable?: boolean;
+  hideCancel?: boolean;
+  cancelText?: string;
+  confirmText?: string;
+  loading?: boolean;
+  showIcon?: boolean;
+  width?: CSSProperties["width"];
+  height?: CSSProperties["height"];
+  classNames?: AlertClassNames;
+  onConfirm?: AlertAction;
+  onCancel?: AlertAction;
+  onDismiss?: AlertAction;
+  onClose?: AlertAction;
+  initialFocus?: PopupProps["initialFocus"];
+  finalFocus?: PopupProps["finalFocus"];
+  keepMounted?: boolean;
+  /**
+   * 是不是模态。默认是。传 `false` 时不锁焦点、不锁页面滚动，页面的其余部分照常能用——
+   * 配上 `container` 可以把弹窗嵌在页面的一块区域里展示。
+   */
+  modal?: boolean;
+  /** 弹层挂到哪个元素里。默认挂在 `<body>` 下 */
+  container?: PortalProps["container"];
+  children?: ReactNode;
+};
+//#endregion
+export {};

package/dist/game/banner-alert/types.js

@@ -0,0 +1,2 @@
+"use client";
+import"@base-ui/react/dialog";function e(e,t){return typeof e==`function`?e(t):e}export{e as alertSlotClass};

package/dist/game/banner-alert/useAlertActions.js

@@ -0,0 +1,2 @@
+"use client";
+import{useCallback as e,useLayoutEffect as t,useRef as n,useState as r}from"react";function i({open:i,defaultOpen:a=!1,onOpenChange:o,loading:s=!1,onConfirm:c,onCancel:l,onDismiss:u,onClose:d}){let[f,p]=r(a),[m,h]=r(!1),g=i??f,_=n({open:g,loading:s,mounted:!0,locked:!1,session:0});t(()=>{let e=_.current;return e.mounted=!0,()=>{e.mounted=!1,e.locked=!1,e.session+=1}},[]),t(()=>{_.current.loading=s,_.current.open!==g&&(_.current.open=g,_.current.session+=1,_.current.locked=!1,h(!1))},[g,s]);let v=e(e=>{i===void 0&&p(e),o?.(e)},[i,o]),y=e(async e=>{let t=_.current;if(!t.open||!t.mounted||t.loading||t.locked)return;t.locked=!0,h(!0);let n=t.session,r=()=>_.current.mounted&&_.current.open&&_.current.session===n;try{let t={confirm:c,cancel:l,dismiss:u,close:void 0}[e];if(await t?.()===!1||!r())return;await d?.()!==!1&&r()&&v(!1)}catch{}finally{r()&&(_.current.locked=!1,h(!1))}},[c,l,u,d,v]);return{open:g,busy:s||m,updateOpen:v,run:y}}export{i as useAlertActions};

package/dist/game/banner-alert/useAlertGlitch.js

@@ -0,0 +1,2 @@
+"use client";
+import{useLayoutEffect as e,useRef as t}from"react";const n=[0,1,1,0,0,1,1,0,0,1],r=[0,.48,.82,.85,.87,.9,.92,.95,.97,1],i=n.map((e,t)=>({opacity:e,offset:r[t]}));function a(n){let r=t(null),a=t(null);return e(()=>{if(!n)return;let e=[r.current,a.current].filter(e=>e!==null),t=window.matchMedia?.(`(prefers-reduced-motion: reduce)`),o=e.flatMap(e=>{if(e.style.removeProperty(`--ef-game-alert-exit-opacity`),e.style.opacity=`1`,t?.matches||typeof e.animate!=`function`)return[];e.style.opacity=`0`;let n=e.animate(i,{duration:205,easing:`ease-out`,fill:`both`});return n.onfinish=()=>{e.style.opacity=`1`,n.cancel()},[{node:e,animation:n}]}),s=()=>{for(let{node:e,animation:t}of o)e.style.opacity=`1`,t.cancel()},c=()=>{t?.matches&&s()};return t?.addEventListener(`change`,c),()=>{t?.removeEventListener(`change`,c);for(let{node:e,animation:t}of o)e.style.setProperty(`--ef-game-alert-exit-opacity`,getComputedStyle(e).opacity),t.cancel(),e.style.opacity=`1`}},[n]),{contentRef:r,actionsRef:a}}export{a as useAlertGlitch};

package/dist/game/full-width-alert/FullWidthAlert.d.ts

@@ -0,0 +1,7 @@
+
+import { AlertModalProps } from "../banner-alert/types.js";
+//#region src/game/full-width-alert/FullWidthAlert.d.ts
+export type FullWidthAlertProps = Omit<AlertModalProps, "width">;
+/** 横贯视口的确认面板，底部按钮突出于面板下沿。 */
+export declare function FullWidthAlert({ hideCancel, cancelText, confirmText, showIcon, height, classNames, children, ...props }: FullWidthAlertProps): import("react").JSX.Element;
+//#endregion

package/dist/game/full-width-alert/FullWidthAlert.js

@@ -0,0 +1,2 @@
+"use client";
+import{cn as e}from"../../lib/cn.js";import{RoundedButton as t}from"../rounded-button/RoundedButton.js";import{AlertCloseIcon as n,AlertTickIcon as r}from"../banner-alert/AlertIcons.js";import{alertSlotClass as i}from"../banner-alert/types.js";import{AlertModal as a}from"../banner-alert/AlertModal.js";import{Fragment as o,jsx as s,jsxs as c}from"react/jsx-runtime";import{ScrollArea as l}from"@base-ui/react/scroll-area";function u({hideCancel:u=!1,cancelText:d=`取消`,confirmText:f=`确认`,showIcon:p=!0,height:m=`auto`,classNames:h,children:g,..._}){return/* @__PURE__ */ s(a,{..._,hideCancel:u,height:m,classNames:h,popupClassName:`ef-full-width-alert`,backdropClassName:`ef-full-width-alert-backdrop`,viewportClassName:`ef-full-width-alert-viewport`,children:({open:a,busy:m,cancelRef:_,confirmRef:v,cancel:y,confirm:b})=>/* @__PURE__ */ c(o,{children:[/* @__PURE__ */ c(`div`,{"aria-hidden":`true`,className:`ef-full-width-alert-decoration`,children:[/* @__PURE__ */ s(`span`,{className:`ef-full-width-alert-logo`}),/* @__PURE__ */ s(`span`,{className:`ef-full-width-alert-color-bar`}),/* @__PURE__ */ c(`div`,{className:`ef-full-width-alert-banner`,children:[/* @__PURE__ */ s(`span`,{className:`ef-full-width-alert-banner-left`}),/* @__PURE__ */ s(`span`,{className:`ef-full-width-alert-banner-right`})]})]}),/* @__PURE__ */ s(`div`,{className:e(`ef-full-width-alert-content`,i(h?.content,a)),children:/* @__PURE__ */ c(l.Root,{className:`ef-full-width-alert-scroll-area`,children:[/* @__PURE__ */ s(l.Viewport,{className:`ef-full-width-alert-viewport-content`,style:{overflowX:`hidden`},render:(e,t)=>/* @__PURE__ */ s(`div`,{...e,role:t.hasOverflowY?`region`:`presentation`,"aria-label":t.hasOverflowY?`内容`:void 0,tabIndex:t.hasOverflowY?0:-1}),children:/* @__PURE__ */ s(l.Content,{className:`ef-full-width-alert-body`,children:g})}),/* @__PURE__ */ s(l.Scrollbar,{orientation:`vertical`,className:`ef-full-width-alert-scrollbar`,children:/* @__PURE__ */ s(l.Thumb,{className:`ef-full-width-alert-thumb`})})]})}),/* @__PURE__ */ c(`div`,{className:`ef-full-width-alert-actions`,children:[!u&&/* @__PURE__ */ c(`div`,{className:`ef-full-width-alert-action`,children:[/* @__PURE__ */ s(`span`,{"aria-hidden":`true`,className:`ef-full-width-alert-action-backing`}),/* @__PURE__ */ s(t,{ref:_,variant:`default`,text:d,showIcon:p,disabled:m,onClick:y,icon:/* @__PURE__ */ s(n,{}),className:`ef-full-width-alert-button`})]}),/* @__PURE__ */ c(`div`,{className:`ef-full-width-alert-action`,children:[/* @__PURE__ */ s(`span`,{"aria-hidden":`true`,className:`ef-full-width-alert-action-backing`}),/* @__PURE__ */ s(t,{ref:v,variant:`primary`,text:f,showIcon:p,loading:m,disabled:m,onClick:b,icon:/* @__PURE__ */ s(r,{}),className:`ef-full-width-alert-button`})]})]})]})})}export{u as FullWidthAlert};

package/dist/game/full-width-alert/index.d.ts

@@ -0,0 +1,3 @@
+
+import { FullWidthAlert, FullWidthAlertProps } from "./FullWidthAlert.js";
+export { FullWidthAlert, type FullWidthAlertProps };

package/dist/game/item-card/ItemCard.d.ts

@@ -0,0 +1,48 @@
+
+import { ItemIconImageRenderer, ItemIconLayers } from "../item-icon/types.js";
+import "../item-icon/index.js";
+import { CSSProperties, ReactNode } from "react";
+//#region src/game/item-card/ItemCard.d.ts
+export type ItemCardKind = "weapon" | "item" | "enemy" | "";
+export type ItemCardVariant = "banner" | "inventory";
+export type ItemCardSelectionAction = {
+  onSelect: () => void;
+  ariaLabel?: string;
+  selected?: boolean;
+  disabled?: boolean;
+  disabledReason?: string;
+};
+export type ItemCardLinkProps = {
+  href: string;
+  children: ReactNode;
+  className: string;
+  "aria-label": string;
+  "data-item-tooltip-id"?: string;
+};
+export type ItemCardLinkRenderer = (props: ItemCardLinkProps) => ReactNode;
+export type ItemCardProps = {
+  kind: ItemCardKind;
+  name: string;
+  imageUrl: string;
+  rarity: number;
+  itemId?: string;
+  /** 实际链接地址；组件不转换 Wiki 文章标题。 */
+  href?: string;
+  variant?: ItemCardVariant;
+  count?: number;
+  showName?: boolean;
+  className?: string;
+  style?: CSSProperties;
+  icon?: ItemIconLayers;
+  action?: ItemCardSelectionAction;
+  badges?: ReactNode;
+  ariaLabel?: string;
+  fallback?: ReactNode;
+  renderImage?: ItemIconImageRenderer;
+  renderLink?: ItemCardLinkRenderer;
+  renderName?: (name: string) => ReactNode;
+  renderCount?: (count: number) => ReactNode;
+};
+/** Wiki 物品卡片：名称横条或库存数量横条，共用完整图层图标。 */
+export declare const ItemCard: import("react").MemoExoticComponent<({ kind, name, imageUrl, rarity, itemId, href, variant, count, showName, className, style, icon, action, badges, ariaLabel, fallback, renderImage, renderLink, renderName, renderCount }: ItemCardProps) => string | number | bigint | boolean | import("react").JSX.Element | Iterable<ReactNode> | Promise<string | number | bigint | boolean | Iterable<ReactNode> | import("react").ReactElement<unknown, string | import("react").JSXElementConstructor<any>> | import("react").ReactPortal | null | undefined> | null | undefined>;
+//#endregion

package/dist/game/item-card/ItemCard.js

@@ -0,0 +1,2 @@
+"use client";
+import{cn as e}from"../../lib/cn.js";import{EMPTY_ITEM_ICON_LAYERS as t}from"../item-icon/helpers.js";import{ItemIcon as n}from"../item-icon/ItemIcon.js";import{memo as r}from"react";import{jsx as i,jsxs as a}from"react/jsx-runtime";const o={weapon:`武器`,item:`物品`,enemy:`敌人`};function s(e){return e===`weapon`||e===`item`||e===`enemy`}function c(e){return Math.min(Math.max(Math.trunc(e),1),6)}function l(e){let t=0;for(let n of e)t+=(n.codePointAt(0)??0)<11904?.5:1;return t>0?`clamp(9px, calc(100cqw / ${t}), 14px)`:void 0}const u=/* @__PURE__ */ r(function({kind:r,name:u,imageUrl:d,rarity:f,itemId:p,href:m,variant:h=`banner`,count:g=0,showName:_=!0,className:v,style:y,icon:b,action:x,badges:S,ariaLabel:C,fallback:w,renderImage:T,renderLink:E,renderName:D,renderCount:O}){if(!s(r))return null;let k=Number.isFinite(f)&&f>0&&(b?.iconShowRarity??!0),A=h===`inventory`,j={...t,...b,iconUrl:d},M=C||u||o[r],N=D?D(u):u||`—`,P=/* @__PURE__ */ a(`div`,{className:`ef-item-card-tile`,children:[/* @__PURE__ */ i(`span`,{"aria-hidden":`true`,className:`ef-item-card-background`}),/* @__PURE__ */ i(`div`,{className:`ef-item-card-art`,children:/* @__PURE__ */ i(n,{layers:j,alt:u,className:`ef-item-card-icon`,renderImage:T,fallback:w===void 0?/* @__PURE__ */ i(`span`,{className:`ef-item-card-fallback`,children:`NO IMAGE`}):w})}),S?/* @__PURE__ */ i(`div`,{className:`ef-item-card-badges`,children:S}):null,/* @__PURE__ */ a(`div`,{className:`ef-item-card-strip`,children:[/* @__PURE__ */ i(`span`,{"aria-hidden":`true`,className:`ef-item-card-edge`}),/* @__PURE__ */ i(`div`,{className:`ef-item-card-strip-content`,children:A?/* @__PURE__ */ i(`span`,{className:`ef-item-card-count`,children:O?O(g):g>0?g:`\xA0`}):/* @__PURE__ */ i(`span`,{className:`ef-item-card-name`,style:{fontSize:l(u)},title:u,children:_?N:`\xA0`})})]})]}),F=/* @__PURE__ */ a(`div`,{className:e(`ef-item-card`,v),style:y,"data-kind":r,"data-variant":h,"data-rarity":k?c(f):void 0,"data-item-tooltip-id":!x&&!m&&r===`item`?p:void 0,children:[P,A&&_&&/* @__PURE__ */ i(`span`,{className:`ef-item-card-caption`,title:u,children:N})]});if(x)return/* @__PURE__ */ a(`button`,{type:`button`,onClick:x.onSelect,disabled:x.disabled,"aria-pressed":x.selected,"aria-label":[x.ariaLabel||M,x.disabledReason].filter(Boolean).join(` · `),className:`ef-item-card-action`,"data-selected":x.selected?``:void 0,children:[F,x.disabledReason&&/* @__PURE__ */ i(`span`,{className:`ef-item-card-disabled-reason`,children:x.disabledReason})]});if(m){let e={href:m,children:F,className:`ef-item-card-link`,"aria-label":M,"data-item-tooltip-id":r===`item`?p:void 0};return E?E(e):/* @__PURE__ */ i(`a`,{...e})}return F});export{u as ItemCard};

package/dist/game/item-card/index.d.ts

@@ -0,0 +1,3 @@
+
+import { ItemCard, ItemCardKind, ItemCardLinkProps, ItemCardLinkRenderer, ItemCardProps, ItemCardSelectionAction, ItemCardVariant } from "./ItemCard.js";
+export { ItemCard, type ItemCardKind, type ItemCardLinkProps, type ItemCardLinkRenderer, type ItemCardProps, type ItemCardSelectionAction, type ItemCardVariant };

package/dist/game/item-hover-card/ItemHoverCard.d.ts

@@ -0,0 +1,31 @@
+
+import { ItemTooltipCardProps, ItemTooltipItem } from "../item-tooltip-card/types.js";
+import "../item-tooltip-card/index.js";
+import { CSSProperties, HTMLAttributes, ReactNode, RefObject } from "react";
+//#region src/game/item-hover-card/ItemHoverCard.d.ts
+export type ItemHoverCardLayerProps = {
+  /** 由使用方的本地数据或缓存解析；组件不发请求。 */
+  resolveItem: (itemId: string, host: HTMLElement) => ItemTooltipItem | null | undefined;
+  root?: HTMLElement | Document;
+  rootRef?: RefObject<HTMLElement | null>;
+  disabled?: boolean;
+  /** 默认只在 768px 以上、支持精细指针悬停的设备启用。 */
+  disableOnMobile?: boolean;
+  openDelay?: number;
+  closeDelay?: number;
+  gap?: number;
+  width?: CSSProperties["width"];
+  className?: string;
+  style?: CSSProperties;
+  cardProps?: Omit<ItemTooltipCardProps, "item">;
+  onOpenChange?: (open: boolean, itemId: string | null) => void;
+};
+/** 一个监听层为网格内所有 data-item-tooltip-id 提供物品预览。 */
+export declare function ItemHoverCardLayer({ resolveItem, root, rootRef, disabled, disableOnMobile, openDelay, closeDelay, gap, width, className, style, cardProps, onOpenChange }: ItemHoverCardLayerProps): import("react").JSX.Element | null;
+export type ItemHoverCardProps = Omit<ItemHoverCardLayerProps, "resolveItem" | "root" | "rootRef"> & {
+  item: ItemTooltipItem;
+  children: ReactNode;
+  triggerProps?: Omit<HTMLAttributes<HTMLSpanElement>, "children">;
+};
+export declare function ItemHoverCard({ item, children, triggerProps, ...layerProps }: ItemHoverCardProps): import("react").JSX.Element;
+//#endregion

package/dist/game/item-hover-card/ItemHoverCard.js

@@ -0,0 +1,2 @@
+"use client";
+import{cn as e}from"../../lib/cn.js";import{usePortalScope as t}from"../../hooks/usePortalScope.js";import{ItemTooltipCard as n}from"../item-tooltip-card/ItemTooltipCard.js";import{bindItemHoverEvents as r}from"./events.js";import{useCallback as i,useEffect as a,useId as o,useLayoutEffect as s,useRef as c,useState as l}from"react";import{jsx as u,jsxs as d}from"react/jsx-runtime";import{Popover as f}from"@base-ui/react/popover";import{flushSync as p}from"react-dom";function m({resolveItem:e,root:t,rootRef:n,disabled:o=!1,disableOnMobile:d=!0,openDelay:f=180,closeDelay:p=160,gap:m=8,width:g=320,className:_,style:v,cardProps:y,onOpenChange:b}){let[x,S]=l(null),C=c(null),w=c(null),T=c(null),E=c(e),D=c({root:t,rootRef:n}),O=c(b);s(()=>{E.current=e,D.current={root:t,rootRef:n},O.current=b});let k=i(()=>w.current?.close(),[]);a(()=>{let e=o?null:n?.current??t??document,i=T.current,a=e?e.ownerDocument??e:null,s=n?n.current:t??e;if(x&&!s?.contains(x.host)&&w.current?.close(),i&&i.root===a&&i.disableOnMobile===d&&i.openDelay===f&&i.closeDelay===p||(i?.dispose(),T.current=null,!e))return;let c=(e.ownerDocument??e).defaultView.matchMedia(`(min-width: 768px) and (hover: hover) and (pointer: fine)`),l=()=>{w.current?.close(),w.current?.dispose(),w.current=null,(!d||c.matches)&&(w.current=r({root:e,rootOf:()=>{let e=D.current;return e.rootRef?e.rootRef.current:e.root??a},anchorOf:e=>{let t=e.dataset.itemTooltipId;return t&&E.current(t,e)?{host:e,itemId:t}:null},openDelay:f,closeDelay:p},S,()=>C.current))};l(),c.addEventListener(`change`,l),T.current={root:a,disableOnMobile:d,openDelay:f,closeDelay:p,dispose:()=>{c.removeEventListener(`change`,l),w.current?.close(),w.current?.dispose(),w.current=null}}}),a(()=>()=>{T.current?.dispose(),T.current=null},[]);let A=x?.host.dataset.itemTooltipId,j=!o&&x&&A?e(A,x.host):null,M=j?A??null:null;return a(()=>{O.current?.(!!M,M)},[M]),!x||!j?null:/* @__PURE__ */ u(h,{anchor:x,item:j,panelRef:C,close:k,dismiss:e=>w.current?.dismiss(e),gap:m,width:g,className:_,style:v,cardProps:y})}function h({anchor:r,item:i,panelRef:c,close:l,dismiss:d,gap:m,width:h,className:g,style:_,cardProps:v}){let y=o(),{anchorRef:b,portalRef:x}=t();return s(()=>{let e=r.host.ownerDocument,t=[`aria-controls`,`aria-expanded`,`aria-haspopup`],n=null,i=[],a=()=>{n&&t.forEach((e,t)=>{let r=i[t];r==null?n?.removeAttribute(e):n?.setAttribute(e,r)})},o=()=>{let o=r.host.contains(e.activeElement)?e.activeElement:r.host;o!==n&&(a(),n=o,i=t.map(e=>n.getAttribute(e)),n.setAttribute(`aria-controls`,y),n.setAttribute(`aria-expanded`,`true`),n.setAttribute(`aria-haspopup`,`dialog`))};o();let s=e=>{if(e.defaultPrevented)return;let t=c.current?.querySelector(`a[href],button:not(:disabled),[tabindex='0']`);e.key===`Tab`&&!t?p(l):e.key===`ArrowDown`&&t&&(e.preventDefault(),t.focus({preventScroll:!0}))};return r.host.addEventListener(`keydown`,s),r.host.addEventListener(`focusin`,o),()=>{r.host.removeEventListener(`keydown`,s),r.host.removeEventListener(`focusin`,o),a()}},[r.host,l,y,c]),a(()=>{let e=typeof IntersectionObserver>`u`?null:new IntersectionObserver(e=>{e.some(e=>!e.isIntersecting)&&l()});return e?.observe(r.host),()=>e?.disconnect()},[r.host,l]),/* @__PURE__ */ u(f.Root,{open:!0,onOpenChange:(e,t)=>{e||(t.reason===`focus-out`?t.cancel():d(t.reason===`escape-key`))},children:/* @__PURE__ */ u(f.Portal,{ref:e=>{b(r.host),x(e)},container:r.host.closest(`dialog,[role='dialog'],[role='alertdialog']`)??void 0,children:/* @__PURE__ */ u(f.Positioner,{anchor:r.host,positionMethod:`fixed`,side:`right`,align:`start`,sideOffset:m,collisionBoundary:[],collisionPadding:8,collisionAvoidance:{side:`flip`,align:`shift`},className:`ef-item-hover-positioner`,style:{width:h,..._},children:/* @__PURE__ */ u(f.Popup,{ref:c,id:y,"aria-label":i.name,initialFocus:!1,finalFocus:!1,"data-item-tooltip-panel":``,className:e(`ef-item-hover-panel`,g),children:/* @__PURE__ */ u(n,{...v,item:i})})})})})}function g({item:t,children:n,triggerProps:r,...i}){let a=c(null),s=o();return/* @__PURE__ */ d(`span`,{...r,className:e(`ef-item-hover-trigger`,r?.className),ref:a,"data-item-tooltip-id":s,children:[n,/* @__PURE__ */ u(m,{...i,rootRef:a,resolveItem:()=>t})]})}export{g as ItemHoverCard,m as ItemHoverCardLayer};

package/dist/game/item-hover-card/events.js

@@ -0,0 +1,2 @@
+"use client";
+function e(e,t,n){let r=e.root.ownerDocument??e.root,i=r.defaultView,a=null,o=null,s=null,c=null,l,u,d=!1,f,p=null,m=()=>{i.clearTimeout(l),i.clearTimeout(u),l=u=void 0},h=()=>{m(),a=null,f=void 0,p=null,d=!1,M(),t(null)},g=e=>e instanceof Node&&!!n()?.contains(e),_=e=>g(e)||e instanceof Node&&!!a?.contains(e),v=t=>{if(!(t instanceof Element)||g(t)||t.closest(`[inert], [aria-disabled='true'], :disabled`))return null;let n=t.closest(`[data-item-tooltip-id]`),r=e.rootOf?e.rootOf():e.root;return!n||!r?.contains(n)||n.closest(`[inert], [aria-disabled='true'], :disabled`)?null:e.anchorOf(n)?n:null},y=(n,r,s)=>{n!==o&&(o=null,i.clearTimeout(u),u=void 0,n===a&&d?(p=s,f!==n.dataset.itemTooltipId&&(f=n.dataset.itemTooltipId,t(e.anchorOf(n)))):n===a&&l!==void 0&&r>0||(m(),a=n,f=n.dataset.itemTooltipId,p=s,d=!1,j(),t(null),l=i.setTimeout(()=>{l=void 0;let r=n.isConnected&&v(s)===n?e.anchorOf(n):null;if(a===n){if(!r)return h();d=!0,f=n.dataset.itemTooltipId,t(r)}},Math.max(0,r))))},b=()=>{_(c)||_(r.activeElement)?(i.clearTimeout(u),u=void 0):(m(),u=i.setTimeout(h,Math.max(0,e.closeDelay)))},x=(e,t)=>{e instanceof Node&&o?.contains(e)&&!(t instanceof Node&&o.contains(t))&&(o=null)},S=t=>{if(t.pointerType===`touch`)return;if(c=t.target,g(t.target))return m();let n=v(t.target);n&&y(n,e.openDelay,t.target)},C=e=>{e.pointerType!==`touch`&&(c=e.relatedTarget,x(e.target,e.relatedTarget),a&&_(e.target)&&!_(e.relatedTarget)&&b())},w=e=>{if(g(e.target))return m();let t=v(e.target);t&&(s=e.target instanceof HTMLElement?e.target:t,y(t,0,e.target))},T=e=>{x(e.target,e.relatedTarget),a&&_(e.target)&&!_(e.relatedTarget)&&b()},E=e=>{a&&!g(e.target)&&h()},D=(e=!1)=>{let t=e=>!(!e?.isConnected||e.closest(`[hidden],[inert],[aria-disabled='true'],:disabled`)),n=e&&g(r.activeElement)&&a?s&&t(s)&&a.contains(s)?s:Array.from(a.querySelectorAll(`a[href],button:not(:disabled),[tabindex='0']`)).find(t)??(t(a)&&a.matches(`a[href],button,[tabindex]`)?a:null)??(t(a.closest(`[role='dialog']`))?a.closest(`[role='dialog']`):null):null;o=a,h(),n?.isConnected&&n.focus({preventScroll:!0})},O=[[`pointerover`,S],[`pointerout`,C],[`focusin`,w],[`focusout`,T]];for(let[e,t]of O)r.addEventListener(e,t);let k=new MutationObserver(()=>{if(a){if(v(p)!==a||!a.isConnected)return D(!0);if(d&&f!==a.dataset.itemTooltipId){f=a.dataset.itemTooltipId;let n=e.anchorOf(a);n?t(n):D(!0)}}}),A=!1;function j(){A||(A=!0,k.observe(r,{subtree:!0,childList:!0,attributes:!0,attributeFilter:[`data-item-tooltip-id`,`disabled`,`inert`,`aria-disabled`]}),i.addEventListener(`scroll`,E,!0),i.addEventListener(`resize`,h))}function M(){A&&(A=!1,k.disconnect(),i.removeEventListener(`scroll`,E,!0),i.removeEventListener(`resize`,h))}return{close:h,dismiss:D,dispose(){m(),M();for(let[e,t]of O)r.removeEventListener(e,t)}}}export{e as bindItemHoverEvents};

package/dist/game/item-hover-card/index.d.ts

@@ -0,0 +1,3 @@
+
+import { ItemHoverCard, ItemHoverCardLayer, ItemHoverCardLayerProps, ItemHoverCardProps } from "./ItemHoverCard.js";
+export { ItemHoverCard, ItemHoverCardLayer, type ItemHoverCardLayerProps, type ItemHoverCardProps };

package/dist/game/item-icon/ItemIcon.d.ts

@@ -0,0 +1,5 @@
+
+import { ItemIconProps } from "./types.js";
+//#region src/game/item-icon/ItemIcon.d.ts
+export declare function ItemIcon({ layers, alt, className, style, fallback, loading, renderImage }: ItemIconProps): import("react").JSX.Element;
+//#endregion