@endfield-ui/react 1.2.0 → 1.2.1

package/dist/game/item-icon/ItemIcon.js

@@ -0,0 +1,2 @@
+"use client";
+import{cn as e}from"../../lib/cn.js";import{coerceItemIconTrans as t,itemIconTransformStyle as n}from"./helpers.js";import{Fragment as r,useState as i}from"react";import{Fragment as a,jsx as o,jsxs as s}from"react/jsx-runtime";function c({src:e,alt:t,className:n,style:r,loading:s=`lazy`,fallback:c=null}){let[l,u]=i(!1);return!e.trim()||l?/* @__PURE__ */ o(a,{children:c}):/* @__PURE__ */ o(`img`,{src:e,alt:t,className:n,style:r,loading:s,decoding:`async`,draggable:!1,onError:()=>u(!0)})}function l({layers:i,alt:a,className:l,style:u,fallback:d=null,loading:f,renderImage:p}){let m=t(i.iconTrans),h=!!i.iconOverlayUrl,g=m===`formula`?n(`formula`):m===`bigGem`&&!h?n(`bigGem`):void 0,_=m===`bigGem`?n(`bigGem`):void 0,v=(e,t)=>/* @__PURE__ */ o(r,{children:p?p(t):/* @__PURE__ */ o(c,{...t})},`${e}:${t.src}`);return/* @__PURE__ */ s(`span`,{className:e(`ef-composite-item-icon`,l),style:u,children:[i.iconBgUrl&&v(`background`,{src:i.iconBgUrl,alt:``,className:`ef-composite-item-icon__layer`,loading:f}),v(`art`,{src:i.iconUrl,alt:a,className:`ef-composite-item-icon__layer ef-composite-item-icon__art`,style:g,loading:f,fallback:d}),h&&v(`overlay`,{src:i.iconOverlayUrl??``,alt:``,className:`ef-composite-item-icon__layer ef-composite-item-icon__overlay`,style:_,loading:f}),i.iconContentUrl&&v(`content`,{src:i.iconContentUrl,alt:``,className:`ef-composite-item-icon__layer`,style:{transform:`scale(${80/180})`,transformOrigin:`50% 50%`},loading:f}),i.iconMarkUrl&&v(`mark`,{src:i.iconMarkUrl,alt:``,className:`ef-composite-item-icon__layer`,loading:f})]})}export{l as ItemIcon};

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

@@ -0,0 +1,22 @@
+
+import { ItemIconLayers, ItemIconTrans } from "./types.js";
+import { CSSProperties } from "react";
+//#region src/game/item-icon/helpers.d.ts
+export declare const EMPTY_ITEM_ICON_LAYERS: Readonly<Required<ItemIconLayers>>;
+export declare const ITEM_ICON_TRANSFORMS: {
+  readonly formula: {
+    readonly scale: 0.72;
+    readonly pivotX: 1;
+    readonly pivotY: 0.5;
+  };
+  readonly bigGem: {
+    readonly scale: 1;
+    readonly offsetX: 3;
+    readonly offsetY: 4;
+  };
+};
+export type ItemIconTransformKey = keyof typeof ITEM_ICON_TRANSFORMS;
+export declare function itemIconTransformStyle(key: ItemIconTransformKey): CSSProperties;
+export declare function coerceItemIconTrans(value: unknown): ItemIconTrans;
+export declare function pickItemIconLayers(source: object | null | undefined, prefix?: string): Required<ItemIconLayers>;
+//#endregion

package/dist/game/item-icon/helpers.js

@@ -0,0 +1,2 @@
+"use client";
+const e={iconUrl:``,iconBgUrl:``,iconMarkUrl:``,iconOverlayUrl:``,iconContentUrl:``,iconTrans:``,iconShowRarity:!0},t={formula:{scale:.72,pivotX:1,pivotY:.5},bigGem:{scale:1,offsetX:3,offsetY:4}};function n(e){let n=(t,n)=>`var(--ef-game-iicon-${e}-${t}, ${n})`;if(e===`formula`){let e=t.formula;return{transform:`scale(${n(`scale`,e.scale)})`,transformOrigin:`calc(${n(`pivot-x`,e.pivotX)} * 100%) calc((1 - ${n(`pivot-y`,e.pivotY)}) * 100%)`}}let r=t.bigGem;return{transform:`translate(calc(${n(`offset-x`,r.offsetX)} * 1%), calc(${n(`offset-y`,r.offsetY)} * -1%)) scale(${n(`scale`,r.scale)})`,transformOrigin:`50% 50%`}}function r(e){return e===`formula`||e===`bigGem`?e:``}function i(e,t=`icon`){let n=e??{},i=e=>t===`icon`?e:`${t}${e.slice(0,1).toUpperCase()}${e.slice(1)}`,a=e=>{let t=n[i(e)];return typeof t==`string`?t:``},o=n[i(`iconShowRarity`)];return{iconUrl:a(`iconUrl`),iconBgUrl:a(`iconBgUrl`),iconMarkUrl:a(`iconMarkUrl`),iconOverlayUrl:a(`iconOverlayUrl`),iconContentUrl:a(`iconContentUrl`),iconTrans:r(n[i(`iconTrans`)]),iconShowRarity:typeof o!=`boolean`||o}}export{e as EMPTY_ITEM_ICON_LAYERS,t as ITEM_ICON_TRANSFORMS,r as coerceItemIconTrans,n as itemIconTransformStyle,i as pickItemIconLayers};

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

@@ -0,0 +1,5 @@
+
+import { ItemIconImageProps, ItemIconImageRenderer, ItemIconLayers, ItemIconProps, ItemIconTrans } from "./types.js";
+import { ItemIcon } from "./ItemIcon.js";
+import { EMPTY_ITEM_ICON_LAYERS, ITEM_ICON_TRANSFORMS, ItemIconTransformKey, coerceItemIconTrans, itemIconTransformStyle, pickItemIconLayers } from "./helpers.js";
+export { EMPTY_ITEM_ICON_LAYERS, ITEM_ICON_TRANSFORMS, ItemIcon, type ItemIconImageProps, type ItemIconImageRenderer, type ItemIconLayers, type ItemIconProps, type ItemIconTrans, type ItemIconTransformKey, coerceItemIconTrans, itemIconTransformStyle, pickItemIconLayers };

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

@@ -0,0 +1,32 @@
+
+import { CSSProperties, ReactNode } from "react";
+//#region src/game/item-icon/types.d.ts
+export type ItemIconTrans = "" | "formula" | "bigGem";
+export interface ItemIconLayers {
+  iconUrl: string;
+  iconBgUrl?: string;
+  iconMarkUrl?: string;
+  iconOverlayUrl?: string;
+  iconContentUrl?: string;
+  iconTrans?: ItemIconTrans;
+  iconShowRarity?: boolean;
+}
+export interface ItemIconImageProps {
+  src: string;
+  alt: string;
+  className?: string;
+  style?: CSSProperties;
+  fallback?: ReactNode;
+  loading?: "lazy" | "eager";
+}
+export type ItemIconImageRenderer = (props: ItemIconImageProps) => ReactNode;
+export interface ItemIconProps {
+  layers: ItemIconLayers;
+  alt: string;
+  className?: string;
+  style?: CSSProperties;
+  fallback?: ReactNode;
+  loading?: "lazy" | "eager";
+  renderImage?: ItemIconImageRenderer;
+}
+//#endregion

package/dist/game/item-tooltip-card/ItemTooltipCard.d.ts

@@ -0,0 +1,6 @@
+
+import { ItemTooltipCardProps } from "./types.js";
+//#region src/game/item-tooltip-card/ItemTooltipCard.d.ts
+/** 固定灰色游戏皮肤的物品详情；文章路由与富文本由使用方接入。 */
+export declare function ItemTooltipCard({ item, className, style, fontFamily, obtainLabel, renderText, renderImage, renderLink }: ItemTooltipCardProps): import("react").JSX.Element;
+//#endregion

package/dist/game/item-tooltip-card/ItemTooltipCard.js

@@ -0,0 +1,2 @@
+"use client";
+import{cn as e}from"../../lib/cn.js";import{pickItemIconLayers as t}from"../item-icon/helpers.js";import{ItemIcon as n}from"../item-icon/ItemIcon.js";import{ObtainFallbackIcon as r,ObtainLinkIcon as i}from"./icons.js";import{Fragment as a,jsx as o,jsxs as s}from"react/jsx-runtime";const c=e=>e,l=e=>/* @__PURE__ */ o(`a`,{...e});function u({item:u,className:d,style:f,fontFamily:p,obtainLabel:m=`获取途径`,renderText:h=c,renderImage:g,renderLink:_=l}){let v=Number.isFinite(u.rarity)?Math.min(6,Math.max(1,Math.trunc(u.rarity))):1,y=u.obtainWays??[];return/* @__PURE__ */ s(`article`,{className:e(`ef-item-tooltip-card`,d),style:{fontFamily:p,...f},"data-rarity":v,children:[/* @__PURE__ */ s(`header`,{className:`ef-item-tooltip-card__header`,children:[/* @__PURE__ */ o(`span`,{"aria-hidden":`true`,className:`ef-item-tooltip-card__header-texture`}),/* @__PURE__ */ o(`h2`,{children:u.name}),u.href&&_({href:u.href,className:`ef-item-tooltip-card__detail-link`,"aria-label":u.name,children:/* @__PURE__ */ o(`span`,{"aria-hidden":`true`,className:`ef-item-tooltip-card__detail-link-icon`})})]}),/* @__PURE__ */ s(`div`,{className:`ef-item-tooltip-card__body`,children:[/* @__PURE__ */ o(`span`,{"aria-hidden":`true`,className:`ef-item-tooltip-card__detail-texture`}),/* @__PURE__ */ s(`div`,{className:`ef-item-tooltip-card__hero`,children:[/* @__PURE__ */ o(`p`,{className:`ef-item-tooltip-card__category`,children:u.category}),/* @__PURE__ */ o(`span`,{"aria-hidden":`true`,className:`ef-item-tooltip-card__marker`}),/* @__PURE__ */ o(`span`,{"aria-hidden":`true`,className:`ef-item-tooltip-card__barcode`}),/* @__PURE__ */ o(n,{layers:{...t(u),iconBgUrl:``,iconMarkUrl:``},alt:u.name,loading:`eager`,className:`ef-item-tooltip-card__icon`,renderImage:g})]}),/* @__PURE__ */ o(`span`,{"aria-hidden":`true`,className:`ef-item-tooltip-card__color-strip`}),(u.usage||u.description)&&/* @__PURE__ */ s(`div`,{className:`ef-item-tooltip-card__text`,children:[u.usage&&/* @__PURE__ */ o(`p`,{children:h(u.usage)}),u.description&&/* @__PURE__ */ o(`p`,{className:`ef-item-tooltip-card__description`,children:h(u.description)})]})]}),(y.length>0||u.noObtainWayHint)&&/* @__PURE__ */ s(`section`,{"aria-label":m,children:[/* @__PURE__ */ o(`h3`,{className:`ef-item-tooltip-card__obtain-title`,children:m}),/* @__PURE__ */ o(`ul`,{className:`ef-item-tooltip-card__obtain-list`,children:y.map((e,t)=>{let c=/* @__PURE__ */ s(a,{children:[/* @__PURE__ */ o(n,{layers:{iconUrl:e.iconUrl??``},alt:``,loading:`eager`,className:`ef-item-tooltip-card__obtain-icon`,renderImage:g,fallback:/* @__PURE__ */ o(r,{})}),/* @__PURE__ */ o(`span`,{className:`ef-item-tooltip-card__obtain-name`,children:h(e.name)}),e.href&&/* @__PURE__ */ o(i,{})]});return/* @__PURE__ */ o(`li`,{children:e.href?_({href:e.href,className:`ef-item-tooltip-card__obtain-row`,children:c}):/* @__PURE__ */ o(`div`,{className:`ef-item-tooltip-card__obtain-row`,children:c})},`${e.id??t}-${t}`)})}),u.noObtainWayHint&&/* @__PURE__ */ o(`p`,{className:`ef-item-tooltip-card__obtain-hint`,children:h(u.noObtainWayHint)})]})]})}export{u as ItemTooltipCard};

package/dist/game/item-tooltip-card/icons.js

@@ -0,0 +1,2 @@
+"use client";
+import{jsx as e,jsxs as t}from"react/jsx-runtime";function n(){return/* @__PURE__ */ t(`svg`,{"aria-hidden":`true`,viewBox:`0 0 24 24`,fill:`none`,stroke:`currentColor`,strokeWidth:`2`,strokeLinecap:`round`,strokeLinejoin:`round`,children:[/* @__PURE__ */ e(`path`,{d:`M12 22V12M20.27 18.27 22 20`}),/* @__PURE__ */ e(`path`,{d:`M21 10.498V8a2 2 0 0 0-1-1.73l-7-4a2 2 0 0 0-2 0l-7 4A2 2 0 0 0 3 8v8a2 2 0 0 0 1 1.729l7 4a2 2 0 0 0 2 .001l.98-.559`}),/* @__PURE__ */ e(`path`,{d:`M3.29 7 12 12l8.71-5M7.5 4.27l8.997 5.148`}),/* @__PURE__ */ e(`circle`,{cx:`18.5`,cy:`16.5`,r:`2.5`})]})}function r(){return/* @__PURE__ */ e(`svg`,{"aria-hidden":`true`,className:`ef-item-tooltip-card__chevrons`,viewBox:`0 0 24 24`,fill:`none`,stroke:`currentColor`,strokeWidth:`3`,strokeLinecap:`round`,strokeLinejoin:`round`,children:/* @__PURE__ */ e(`path`,{d:`m6 17 5-5-5-5m7 10 5-5-5-5`})})}export{n as ObtainFallbackIcon,r as ObtainLinkIcon};

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

@@ -0,0 +1,4 @@
+
+import { ItemTooltipCardProps, ItemTooltipItem, ItemTooltipLinkProps, ItemTooltipLinkRenderer, ItemTooltipObtainWay } from "./types.js";
+import { ItemTooltipCard } from "./ItemTooltipCard.js";
+export { ItemTooltipCard, type ItemTooltipCardProps, type ItemTooltipItem, type ItemTooltipLinkProps, type ItemTooltipLinkRenderer, type ItemTooltipObtainWay };

package/dist/game/item-tooltip-card/types.d.ts

@@ -0,0 +1,40 @@
+
+import { ItemIconImageRenderer, ItemIconLayers } from "../item-icon/types.js";
+import "../item-icon/index.js";
+import { CSSProperties, ReactNode } from "react";
+//#region src/game/item-tooltip-card/types.d.ts
+export type ItemTooltipObtainWay = {
+  id?: string;
+  name: string;
+  iconUrl?: string;
+  href?: string;
+};
+export type ItemTooltipItem = ItemIconLayers & {
+  name: string;
+  rarity: number;
+  category?: string;
+  usage?: string;
+  description?: string;
+  /** 实际 URL，由使用方转换自己的文章或路由地址。 */
+  href?: string;
+  obtainWays?: readonly ItemTooltipObtainWay[];
+  noObtainWayHint?: string;
+};
+export type ItemTooltipLinkProps = {
+  href: string;
+  className: string;
+  children: ReactNode;
+  "aria-label"?: string;
+};
+export type ItemTooltipLinkRenderer = (props: ItemTooltipLinkProps) => ReactNode;
+export type ItemTooltipCardProps = {
+  item: ItemTooltipItem;
+  className?: string;
+  style?: CSSProperties;
+  fontFamily?: string;
+  obtainLabel?: string;
+  renderText?: (text: string) => ReactNode;
+  renderImage?: ItemIconImageRenderer;
+  renderLink?: ItemTooltipLinkRenderer;
+};
+//#endregion

package/dist/game/lib/core.d.ts

@@ -0,0 +1,8 @@
+
+import { useFieldContext, useFieldControl } from "../../components/field/Field.js";
+import { SplashScreen, SplashScreenProps } from "../../components/splash-screen/SplashScreen.js";
+import { useControllableState } from "../../hooks/useControllableState.js";
+import { usePortalScope } from "../../hooks/usePortalScope.js";
+import { useReducedMotion } from "../../hooks/useReducedMotion.js";
+import { cn } from "../../lib/cn.js";
+export type { SplashScreenProps };

package/dist/game/lib/first-focusable.js

@@ -0,0 +1,2 @@
+"use client";
+const e=[`a[href]`,`button:not([disabled])`,`input:not([disabled]):not([type="hidden"])`,`select:not([disabled])`,`textarea:not([disabled])`,`[tabindex]:not([tabindex="-1"])`].join(`,`);function t(t){return()=>t.current?.querySelector(e)??!0}export{t as firstFocusableIn};

package/dist/game/rounded-button/RoundedButton.d.ts

@@ -0,0 +1,22 @@
+
+import { ComponentProps, ReactNode } from "react";
+//#region src/game/rounded-button/RoundedButton.d.ts
+export type RoundedButtonVariant = "primary" | "default";
+type RoundedButtonSlotClass = string | ((isPrimary: boolean) => string);
+export type RoundedButtonProps = ComponentProps<"button"> & {
+  variant?: RoundedButtonVariant;
+  text?: string;
+  icon?: ReactNode;
+  showIcon?: boolean;
+  iconPosition?: "left" | "right";
+  loading?: boolean;
+  classNames?: {
+    button?: RoundedButtonSlotClass;
+    text?: RoundedButtonSlotClass;
+    icon?: RoundedButtonSlotClass;
+  };
+};
+/** 原灰色圆角按钮；悬停闪动由浏览器动画执行。 */
+export declare function RoundedButton({ variant, type, text, children, icon, showIcon, iconPosition, loading, disabled, className, classNames, onClick, onPointerEnter, onPointerLeave, ...props }: RoundedButtonProps): import("react").JSX.Element;
+//#endregion
+export {};

package/dist/game/rounded-button/RoundedButton.js

@@ -0,0 +1,2 @@
+"use client";
+import{cn as e}from"../../lib/cn.js";import{useReducedMotion as t}from"../../hooks/useReducedMotion.js";import{useEffect as n,useRef as r}from"react";import{jsx as i,jsxs as a}from"react/jsx-runtime";const o={primary:{enter:[`#2a272877`,`#2a2728b5`,`#2a272877`,`#2a2728b5`],leave:[`#2a2728b5`,`#2a2728`,`#2a2728b5`,`#2a2728`],enterBorder:[`#81807f`,`#81807f`,`#81807f`,`#81807f`],leaveBorder:[`#81807f`,`#81807f`,`#81807f`,`#81807f`]},default:{enter:[`#ececec77`,`#e8e8e8b5`,`#ececec77`,`#e8e8e8b5`],leave:[`#e8e8e8b5`,`#f2f1ef`,`#e8e8e8b5`,`#f2f1ef`],enterBorder:[`#a5a5a5`,`#a5a5a5`,`#a5a5a5`,`#a5a5a5`],leaveBorder:[`#a5a5a5`,`#a0a2a3`,`#a5a5a5`,`#a0a2a3`]}};function s({variant:s=`primary`,type:c=`button`,text:l=``,children:u,icon:d,showIcon:f=!0,iconPosition:p=`right`,loading:m=!1,disabled:h=!1,className:g,classNames:_,onClick:v,onPointerEnter:y,onPointerLeave:b,...x}){let S=t(),C=r(null),w=s===`primary`,T=e=>typeof e==`function`?e(w):e;n(()=>((h||m||S)&&C.current?.cancel(),()=>C.current?.cancel()),[h,m,S,s]);let E=(e,t)=>{let n=e.currentTarget;if(h||m||S||e.defaultPrevented||e.pointerType!==`mouse`||typeof window.matchMedia!=`function`||!window.matchMedia(`(hover: hover) and (pointer: fine)`).matches||typeof n.animate!=`function`)return;C.current?.cancel();let r=o[s],i=t?r.enter:r.leave,a=t?r.enterBorder:r.leaveBorder;C.current=n.animate(i.map((e,t)=>({backgroundColor:e,boxShadow:`0 0 0 0.1em ${e}, 0 0 0 0.1em ${a[t]} inset`})),{duration:200,easing:`ease-out`})},D=f&&/* @__PURE__ */ i(`span`,{"aria-hidden":`true`,className:e(`ef-rounded-button-icon`,T(_?.icon)),children:m?/* @__PURE__ */ i(`span`,{className:`ef-rounded-button-spinner`}):d});return/* @__PURE__ */ a(`button`,{...x,type:c,disabled:h,"aria-busy":m||x[`aria-busy`]||void 0,"aria-disabled":m||x[`aria-disabled`]||void 0,"data-variant":s,"data-icon-position":p,"data-loading":m?``:void 0,className:e(`ef-rounded-button`,g,T(_?.button)),onClick:e=>{h||m?e.preventDefault():v?.(e)},onPointerEnter:e=>{y?.(e),E(e,!0)},onPointerLeave:e=>{b?.(e),E(e,!1)},children:[p===`left`&&D,/* @__PURE__ */ i(`span`,{className:e(`ef-rounded-button-text`,T(_?.text)),children:u??l}),p===`right`&&D]})}export{s as RoundedButton};

package/dist/game/rounded-button/RoundedIconButton.d.ts

@@ -0,0 +1,10 @@
+
+import { ComponentProps, ReactNode } from "react";
+//#region src/game/rounded-button/RoundedIconButton.d.ts
+export type RoundedIconButtonProps = ComponentProps<"button"> & {
+  "aria-label": string;
+  children: ReactNode;
+};
+/** 24px 圆形图标按钮；纹理与双边线只作装饰。 */
+export declare function RoundedIconButton({ type, disabled, children, className, ...props }: RoundedIconButtonProps): import("react").JSX.Element;
+//#endregion

package/dist/game/rounded-button/RoundedIconButton.js

@@ -0,0 +1,2 @@
+"use client";
+import{cn as e}from"../../lib/cn.js";import{jsx as t,jsxs as n}from"react/jsx-runtime";function r({type:r=`button`,disabled:i=!1,children:a,className:o,...s}){return/* @__PURE__ */ n(`button`,{...s,type:r,disabled:i,className:e(`ef-rounded-icon-button`,o),children:[/* @__PURE__ */ t(`span`,{"aria-hidden":`true`,className:`ef-rounded-icon-button-texture`}),/* @__PURE__ */ t(`span`,{"aria-hidden":`true`,className:`ef-rounded-icon-button-border`}),/* @__PURE__ */ t(`span`,{"aria-hidden":`true`,className:`ef-rounded-icon-button-content`,children:a})]})}export{r as RoundedIconButton};

package/dist/game/rounded-button/index.d.ts

@@ -0,0 +1,4 @@
+
+import { RoundedButton, RoundedButtonProps, RoundedButtonVariant } from "./RoundedButton.js";
+import { RoundedIconButton, RoundedIconButtonProps } from "./RoundedIconButton.js";
+export { RoundedButton, type RoundedButtonProps, type RoundedButtonVariant, RoundedIconButton, type RoundedIconButtonProps };

package/dist/game/rounded-select/RoundedSelect.d.ts

@@ -0,0 +1,43 @@
+
+import { ReactNode, Ref } from "react";
+//#region src/game/rounded-select/RoundedSelect.d.ts
+export type RoundedSelectOption<T extends string = string> = {
+  value: T;
+  label: ReactNode;
+  disabled?: boolean;
+  hidden?: boolean;
+  left?: ReactNode | ((selected: boolean) => ReactNode);
+  right?: ReactNode | ((selected: boolean) => ReactNode);
+  /** 自定义标签的键盘文字匹配名称。 */
+  textValue?: string;
+};
+export type RoundedSelectProps<T extends string = string> = {
+  options: readonly RoundedSelectOption<T>[];
+  value?: T | null;
+  defaultValue?: T | null;
+  onValueChange?: (value: T) => void;
+  placeholder?: ReactNode;
+  name?: string;
+  form?: string;
+  required?: boolean;
+  disabled?: boolean;
+  invalid?: boolean;
+  open?: boolean;
+  defaultOpen?: boolean;
+  onOpenChange?: (open: boolean) => void;
+  id?: string;
+  "aria-label"?: string;
+  "aria-describedby"?: string;
+  className?: string;
+  classNames?: {
+    container?: string;
+    trigger?: string;
+    option?: string;
+    optionContainer?: string;
+    optionScrollArea?: string;
+  };
+  ref?: Ref<HTMLButtonElement>;
+};
+/** 圆角触发器与半覆盖面板；隐藏项不进入列表，禁用项不能选择。 */
+export declare function RoundedSelect<T extends string = string>({ options, value, defaultValue, onValueChange, placeholder, name, form, required: requiredProp, disabled: disabledProp, invalid: invalidProp, open, defaultOpen, onOpenChange, id: idProp, "aria-label": ariaLabel, "aria-describedby": describedByProp, className, classNames, ref }: RoundedSelectProps<T>): import("react").JSX.Element;
+//#endregion

package/dist/game/rounded-select/RoundedSelect.js

@@ -0,0 +1,2 @@
+"use client";
+import{cn as e}from"../../lib/cn.js";import{useControllableState as t}from"../../hooks/useControllableState.js";import{usePortalScope as n}from"../../hooks/usePortalScope.js";import{useFieldControl as r}from"../../components/field/Field.js";import{useRef as i,useState as a}from"react";import{Fragment as o,jsx as s,jsxs as c}from"react/jsx-runtime";import{ScrollArea as l}from"@base-ui/react/scroll-area";import{Select as u}from"@base-ui/react/select";function d({options:o,value:d,defaultValue:m,onValueChange:h,placeholder:g,name:_,form:v,required:y,disabled:b,invalid:x,open:S,defaultOpen:C=!1,onOpenChange:w,id:T,"aria-label":E,"aria-describedby":D,className:O,classNames:k,ref:A}){let{id:j,disabled:M,required:N,invalid:P,...F}=r({id:T,disabled:b,required:y,invalid:x,"aria-describedby":D}),[I,L]=t({value:S,defaultValue:C}),[R,z]=t({value:d,defaultValue:m??null,onChange:e=>{e!==null&&h?.(e)}});M&&I&&S===void 0&&L(!1);let B=I&&!M,[V,H]=a(!1),[U,W]=a(!1),G=i(null),{anchorRef:K,portalRef:q}=n();return/* @__PURE__ */ c(u.Root,{items:o,value:R,onValueChange:z,name:_,form:v,required:N,disabled:M,modal:!1,open:B,onOpenChange:e=>{L(e),e!==I&&w?.(e)},children:[/* @__PURE__ */ s(`div`,{ref:e=>{G.current=e,K(e)},className:e(`ef-rounded-select`,O,k?.container),"data-invalid":P?``:void 0,children:/* @__PURE__ */ s(u.Trigger,{ref:A,id:j,"aria-label":E,"aria-invalid":P||void 0,"aria-describedby":F[`aria-describedby`],className:e(`ef-rounded-select-trigger`,k?.trigger),onPointerEnter:e=>H(e.pointerType!==`touch`),onPointerLeave:()=>{H(!1),W(!1)},onPointerDown:e=>W(e.button===0),onPointerUp:()=>W(!1),onPointerCancel:()=>W(!1),children:/* @__PURE__ */ s(f,{placeholder:g})})}),/* @__PURE__ */ s(u.Portal,{ref:q,children:/* @__PURE__ */ c(u.Positioner,{anchor:G,alignItemWithTrigger:!1,side:`bottom`,align:`start`,sideOffset:-16,className:`ef-rounded-select-positioner`,children:[/* @__PURE__ */ s(`div`,{"aria-hidden":`true`,className:e(`ef-rounded-select-trigger ef-rounded-select-mirror`,k?.trigger),"data-invalid":P?``:void 0,"data-hovered":V?``:void 0,"data-pressed":U?``:void 0,children:/* @__PURE__ */ s(f,{placeholder:g})}),/* @__PURE__ */ s(u.Popup,{className:e(`ef-rounded-select-popup`,k?.optionContainer),children:/* @__PURE__ */ c(l.Root,{className:e(`ef-rounded-select-scroll-area`,k?.optionScrollArea),children:[/* @__PURE__ */ s(l.Viewport,{className:`ef-rounded-select-viewport`,style:{overflowX:`hidden`},render:/* @__PURE__ */ s(u.List,{role:`listbox`}),children:/* @__PURE__ */ s(l.Content,{children:o.filter(e=>!e.hidden).map(t=>/* @__PURE__ */ s(u.Item,{value:t.value,label:t.textValue,disabled:M||t.disabled,className:e(`ef-rounded-select-option`,k?.option),render:(e,n)=>{let r=typeof t.left==`function`?t.left(n.selected):t.left,i=typeof t.right==`function`?t.right(n.selected):t.right;return/* @__PURE__ */ c(`div`,{...e,children:[r!=null&&/* @__PURE__ */ s(`span`,{className:`ef-rounded-select-left`,children:r}),/* @__PURE__ */ s(u.ItemText,{className:`ef-rounded-select-option-label`,children:t.label}),i!=null&&/* @__PURE__ */ s(`span`,{className:`ef-rounded-select-right`,children:i}),/* @__PURE__ */ s(p,{})]})}},t.value))})}),/* @__PURE__ */ s(l.Scrollbar,{orientation:`vertical`,className:`ef-rounded-select-scrollbar`,children:/* @__PURE__ */ s(l.Thumb,{className:`ef-rounded-select-thumb`})})]})})]})})]})}function f({placeholder:e}){return/* @__PURE__ */ c(o,{children:[/* @__PURE__ */ s(u.Value,{placeholder:e,className:`ef-rounded-select-value`}),/* @__PURE__ */ s(u.Icon,{className:`ef-rounded-select-chevron`,children:/* @__PURE__ */ s(`svg`,{"aria-hidden":`true`,viewBox:`0 0 1024 1024`,width:`0.6em`,height:`0.6em`,fill:`currentColor`,children:/* @__PURE__ */ s(`path`,{d:`M957.056 338.624C951.84 327.296 940.512 320 928 320H96c-12.512 0-23.84 7.296-29.088 18.624-5.216 11.36-3.328 24.704 4.768 34.208l416 485.344c6.08 7.104 14.944 11.2 24.288 11.2s18.208-4.096 24.288-11.2l416-485.344c8.096-9.472 9.952-22.88 4.768-34.208Z`})})})]})}function p(){return/* @__PURE__ */ s(`span`,{className:`ef-rounded-select-check`,children:/* @__PURE__ */ s(u.ItemIndicator,{children:/* @__PURE__ */ s(`svg`,{"aria-hidden":`true`,width:`0.85em`,height:`0.85em`,viewBox:`0 0 24 24`,fill:`none`,stroke:`currentColor`,strokeWidth:`3`,children:/* @__PURE__ */ s(`polyline`,{points:`20 6 9 17 4 12`})})})})}export{d as RoundedSelect};

package/dist/game/rounded-select/index.d.ts

@@ -0,0 +1,3 @@
+
+import { RoundedSelect, RoundedSelectOption, RoundedSelectProps } from "./RoundedSelect.js";
+export { RoundedSelect, type RoundedSelectOption, type RoundedSelectProps };

package/dist/game/rounded-switch/RoundedSwitch.d.ts

@@ -0,0 +1,16 @@
+
+import { ComponentProps, ReactNode } from "react";
+//#region src/game/rounded-switch/RoundedSwitch.d.ts
+export type RoundedSwitchProps = Omit<ComponentProps<"div">, "defaultChecked" | "defaultValue" | "onChange" | "children"> & {
+  checked?: boolean;
+  defaultChecked?: boolean;
+  onCheckedChange?: (checked: boolean) => void;
+  onText?: ReactNode;
+  offText?: ReactNode;
+  name?: string;
+  form?: string;
+  disabled?: boolean;
+  required?: boolean;
+};
+export declare function RoundedSwitch({ checked, defaultChecked, onCheckedChange, onText, offText, name, form, disabled: disabledProp, required: requiredProp, className, onKeyDown, ...props }: RoundedSwitchProps): import("react").JSX.Element;
+//#endregion

package/dist/game/rounded-switch/RoundedSwitch.js

@@ -0,0 +1,2 @@
+"use client";
+import{cn as e}from"../../lib/cn.js";import{useControllableState as t}from"../../hooks/useControllableState.js";import{useFieldContext as n}from"../../components/field/Field.js";import{roundedGroupBoundary as r}from"../rounded-toggle/keyboard.js";import{useSpringHighlight as i}from"../rounded-toggle/spring-highlight.js";import{jsx as a,jsxs as o}from"react/jsx-runtime";import{Radio as s}from"@base-ui/react/radio";import{RadioGroup as c}from"@base-ui/react/radio-group";function l({checked:l,defaultChecked:u=!1,onCheckedChange:d,onText:f=`ON`,offText:p=`OFF`,name:m,form:h,disabled:g,required:_,className:v,onKeyDown:y,...b}){let x=n(),S=g??x?.disabled??!1,C=_??x?.required??!1,[w,T]=t({value:l,defaultValue:u,onChange:d}),E=w?`translateX(0%)`:`translateX(calc(100% - 1em))`,D=i(E);return/* @__PURE__ */ o(c,{...b,"aria-labelledby":b[`aria-labelledby`]??(x&&!x.group?x.labelId:void 0),"aria-describedby":b[`aria-describedby`]??x?.describedBy,"aria-invalid":x?.invalid||void 0,value:w,name:m,form:h,disabled:S,required:C,className:e(`ef-rounded-switch`,v),onValueChange:e=>{S||T(e)},onKeyDown:e=>{y?.(e),r(e)},children:[/* @__PURE__ */ a(`div`,{ref:D,"aria-hidden":`true`,className:`ef-rounded-switch__highlight`,style:{transform:E}}),/* @__PURE__ */ a(s.Root,{value:!0,nativeButton:!0,render:/* @__PURE__ */ a(`button`,{type:`button`}),"data-rounded-option":``,className:`ef-rounded-switch__option`,children:/* @__PURE__ */ a(`span`,{children:f})}),/* @__PURE__ */ a(s.Root,{value:!1,nativeButton:!0,render:/* @__PURE__ */ a(`button`,{type:`button`}),"data-rounded-option":``,className:`ef-rounded-switch__option`,children:/* @__PURE__ */ a(`span`,{children:p})})]})}export{l as RoundedSwitch};

package/dist/game/rounded-switch/index.d.ts

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

package/dist/game/rounded-toggle/RoundedToggle.d.ts

@@ -0,0 +1,23 @@
+
+import { ComponentProps, ReactNode } from "react";
+//#region src/game/rounded-toggle/RoundedToggle.d.ts
+export type RoundedToggleOption = {
+  value: string;
+  label: ReactNode;
+  icon?: ReactNode;
+  disabled?: boolean;
+  "aria-label"?: string;
+};
+export type RoundedToggleProps = Omit<ComponentProps<"div">, "defaultValue" | "onChange" | "children"> & {
+  options: readonly RoundedToggleOption[];
+  value?: string;
+  defaultValue?: string;
+  onValueChange?: (value: string) => void;
+  label?: string;
+  name?: string;
+  form?: string;
+  required?: boolean;
+  disabled?: boolean;
+};
+export declare function RoundedToggle({ options, value, defaultValue, onValueChange, label, name, form, required: requiredProp, disabled: disabledProp, className, onKeyDown, "aria-label": ariaLabel, ...props }: RoundedToggleProps): import("react").JSX.Element;
+//#endregion

package/dist/game/rounded-toggle/RoundedToggle.js

@@ -0,0 +1,2 @@
+"use client";
+import{cn as e}from"../../lib/cn.js";import{useControllableState as t}from"../../hooks/useControllableState.js";import{useFieldContext as n}from"../../components/field/Field.js";import{roundedGroupBoundary as r}from"./keyboard.js";import{useSpringHighlight as i}from"./spring-highlight.js";import{jsx as a,jsxs as o}from"react/jsx-runtime";import{Radio as s}from"@base-ui/react/radio";import{RadioGroup as c}from"@base-ui/react/radio-group";function l({options:l,value:u,defaultValue:d,onValueChange:f,label:p,name:m,form:h,required:g,disabled:_,className:v,onKeyDown:y,"aria-label":b,...x}){let S=n(),C=_??S?.disabled??!1,w=g??S?.required??!1,[T,E]=t({value:u,defaultValue:d,onChange:e=>{e!==void 0&&f?.(e)}}),D=l.findIndex(e=>e.value===T),O=D>=0?`translateX(${D*100}%)`:null,k=i(O);return/* @__PURE__ */ o(c,{...x,"aria-label":b??p,"aria-labelledby":x[`aria-labelledby`]??(S&&!S.group?S.labelId:void 0),"aria-describedby":x[`aria-describedby`]??S?.describedBy,"aria-invalid":S?.invalid||void 0,value:D>=0?T:null,name:m,form:h,disabled:C,required:w,className:e(`ef-rounded-toggle`,v),onValueChange:e=>{!C&&e!==null&&l.some(t=>t.value===e&&!t.disabled)&&E(e)},onKeyDown:e=>{y?.(e),r(e)},children:[/* @__PURE__ */ a(`div`,{ref:k,"aria-hidden":`true`,hidden:D<0,className:`ef-rounded-toggle__highlight`,style:l.length>0?{width:`${100/l.length}%`,transform:O??void 0}:void 0}),l.map(e=>/* @__PURE__ */ o(s.Root,{value:e.value,disabled:e.disabled,"aria-label":e[`aria-label`],nativeButton:!0,render:/* @__PURE__ */ a(`button`,{type:`button`}),"data-rounded-option":``,className:`ef-rounded-toggle__option`,children:[e.icon&&/* @__PURE__ */ a(`span`,{"aria-hidden":`true`,className:`ef-rounded-toggle__icon`,children:e.icon}),/* @__PURE__ */ a(`span`,{className:`ef-rounded-toggle__label`,children:e.label})]},e.value))]})}export{l as RoundedToggle};

package/dist/game/rounded-toggle/index.d.ts

@@ -0,0 +1,3 @@
+
+import { RoundedToggle, RoundedToggleOption, RoundedToggleProps } from "./RoundedToggle.js";
+export { RoundedToggle, type RoundedToggleOption, type RoundedToggleProps };

package/dist/game/rounded-toggle/keyboard.js

@@ -0,0 +1,2 @@
+"use client";
+function e(e){if(e.defaultPrevented||e.key!==`Home`&&e.key!==`End`)return;let t=e.currentTarget.querySelectorAll(`[data-rounded-option]:not([disabled]):not([aria-disabled="true"])`),n=e.key===`Home`?t[0]:t[t.length-1];n&&(e.preventDefault(),n.focus(),n.click())}export{e as roundedGroupBoundary};

package/dist/game/rounded-toggle/spring-highlight.js

@@ -0,0 +1,2 @@
+"use client";
+import{useLayoutEffect as e,useRef as t}from"react";function n(e){let t=Math.max(0,e)/1e3,n=Math.sqrt(75);return 1-Math.exp(-15*t)*(Math.cos(n*t)+15/n*Math.sin(n*t))}const r=/* @__PURE__ */ Array.from({length:66},(e,t)=>({offset:t/65,time:t/65*650}));function i(e,t,r,i){let a=e/1e3,o=Math.sqrt(75);return t+(r-t)*n(e)+i*Math.exp(-15*a)*Math.sin(o*a)/o}function a(e,t,n,r){let i=e/1e3,a=Math.sqrt(75);return Math.exp(-15*i)*(r*Math.cos(a*i)+(300*(n-t)-15*r)/a*Math.sin(a*i))}function o(e){if(e===`none`)return 0;let t=e.match(/^matrix\((.+)\)$/)?.[1]?.split(`,`);return t?Number.parseFloat(t[4]??`0`):0}function s(n){let s=t(null),c=t(null),l=t(null),u=t({start:0,end:0,velocity:0});return e(()=>{let e=s.current;if(!e)return;let t=c.current;if(c.current=n,!n){l.current?.cancel(),l.current=null;return}let d=(l.current||(e.style.transform=t??n),getComputedStyle(e).transform),f=l.current,p=f?.playState===`running`&&typeof f.currentTime==`number`?a(f.currentTime,u.current.start,u.current.end,u.current.velocity):0;l.current?.cancel(),l.current=null,e.style.transform=n;let m=window.matchMedia?.(`(prefers-reduced-motion: reduce)`);if(!t||m?.matches||typeof e.animate!=`function`)return;let h=o(d),g=o(getComputedStyle(e).transform);if(Math.abs(g-h)<.01&&Math.abs(p)<.01)return;u.current={start:h,end:g,velocity:p};let _=e.animate(r.map(({offset:e,time:t})=>({offset:e,transform:`translateX(${e===1?g:i(t,h,g,p)}px)`})),{duration:650,easing:`linear`});l.current=_,_.onfinish=()=>{l.current===_&&(l.current=null)}},[n]),e(()=>{let e=s.current;if(!e)return;let t=window.matchMedia?.(`(prefers-reduced-motion: reduce)`),n=()=>{l.current?.cancel(),l.current=null},r=()=>{t?.matches&&n()};t?.addEventListener(`change`,r);let i=typeof ResizeObserver<`u`?new ResizeObserver(n):null;return i?.observe(e),()=>{i?.disconnect(),t?.removeEventListener(`change`,r),n()}},[]),s}export{n as roundedSpringProgress,s as useSpringHighlight};

package/dist/game/splash-screen/EndfieldSplashScreen.d.ts

@@ -0,0 +1,14 @@
+
+import { SplashScreenProps } from "../../components/splash-screen/SplashScreen.js";
+import "../lib/core.js";
+//#region src/game/splash-screen/EndfieldSplashScreen.d.ts
+export type EndfieldSplashScreenProps = Omit<SplashScreenProps, "backdrop" | "caption" | "decor">;
+/**
+ * 官网的开屏页：主入口的 `SplashScreen` 填上官方的标志、底图和微标。
+ * 排法、动画、属性都是 `SplashScreen` 的，这里只管把图放进它的插槽。
+ *
+ * 标志、标语、状态字可以换（`logo`、`tagline`、`status`）；底图和微标经变量换，
+ * 或者用 `data-ef-game-images="off"` 整类关掉，见 docs/design/game/splash-screen.md
+ */
+export declare function EndfieldSplashScreen({ logo, tagline, status, className, ...props }: EndfieldSplashScreenProps): import("react").JSX.Element;
+//#endregion

package/dist/game/splash-screen/EndfieldSplashScreen.js

@@ -0,0 +1,2 @@
+"use client";
+import{cn as e}from"../../lib/cn.js";import{SplashScreen as t}from"../../components/splash-screen/SplashScreen.js";import{jsx as n,jsxs as r}from"react/jsx-runtime";function i({logo:i=/* @__PURE__ */ n(`span`,{role:`img`,"aria-label":`明日方舟：终末地`,className:`ef-splash-logo`}),tagline:a=`OVER THE FRONTIER / INTO THE FRONT`,status:o=`Updating...`,className:s,...c}){return/* @__PURE__ */ n(t,{...c,logo:i,tagline:a,status:o,backdrop:/* @__PURE__ */ n(`span`,{className:`ef-splash-backdrop`}),decor:/* @__PURE__ */ r(`span`,{className:`ef-splash-deco`,children:[/* @__PURE__ */ n(`span`,{className:`ef-splash-deco__text`}),/* @__PURE__ */ n(`span`,{className:`ef-splash-deco__mark`})]}),className:e(`ef-splash`,s)})}export{i as EndfieldSplashScreen};

package/dist/game/splash-screen/index.d.ts

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