@endfield-ui/react 1.2.0 → 1.2.1

package/dist/hooks/index.d.ts

@@ -0,0 +1,7 @@
+
+import { useControllableState } from "./useControllableState.js";
+import { usePortalScope } from "./usePortalScope.js";
+import { useReducedMotion } from "./useReducedMotion.js";
+import { useInView } from "./useInView.js";
+import { Theme, ThemePreference, useTheme } from "./useTheme.js";
+export { type Theme, type ThemePreference, useControllableState, useInView, usePortalScope, useReducedMotion, useTheme };

package/dist/hooks/useAddedKeys.js

@@ -0,0 +1,2 @@
+"use client";
+import{useState as e}from"react";const t=/* @__PURE__ */ new Set,n=(e,t)=>e.length===t.length&&e.every((e,n)=>e===t[n]);function r(r){let[i,a]=e({keys:r,added:t});if(!n(i.keys,r)){let e=new Set(i.keys);a({keys:r,added:new Set(r.filter(t=>!e.has(t)||i.added.has(t)))})}return i.added}export{r as useAddedKeys};

package/dist/hooks/useControllableState.d.ts

@@ -0,0 +1,12 @@
+
+//#region src/hooks/useControllableState.d.ts
+type Options<T> = {
+  /** 传入即为受控 */
+  value?: T;
+  defaultValue: T;
+  onChange?: (value: T) => void;
+};
+/** 合并受控与非受控两种用法；值没有变化时不触发 `onChange`。 */
+export declare function useControllableState<T>({ value, defaultValue, onChange }: Options<T>): [T, (next: T) => void];
+//#endregion
+export {};

package/dist/hooks/useControllableState.js

@@ -0,0 +1,2 @@
+"use client";
+import{useCallback as e,useState as t}from"react";function n({value:n,defaultValue:r,onChange:i}){let[a,o]=t(r),s=n!==void 0,c=s?n:a;return[c,e(e=>{Object.is(e,c)||(s||o(e),i?.(e))},[s,c,i])]}export{n as useControllableState};

package/dist/hooks/useFlip.js

@@ -0,0 +1,2 @@
+"use client";
+import{afterMotion as e}from"./usePresence.js";import{dropEmptyStyle as t}from"../lib/inline-style.js";import{useEffect as n,useLayoutEffect as r,useRef as i}from"react";const a=e=>`${Math.round(e*100)/100}px`;function o(e){let t=getComputedStyle(e).translate;if(!t||t===`none`)return[0,0];let[n=0,r=0]=t.split(` `).map(e=>Number.parseFloat(e)||0);return[n,r]}function s(e,n){for(let t of n)e.style.removeProperty(t);t(e)}const c=[`left`,`top`,`width`,`height`],l=[...c,`display`];function u(n,r){let{seen:i,pinned:u}=r,d=[...n.children],f=e=>e.hasAttribute(`data-leaving`);for(let e of d)!f(e)&&u.has(e)&&(u.delete(e),s(e,l));let p=n.getBoundingClientRect();if(p.width===0||p.height===0||d.filter(e=>!f(e)).length>50){i.clear(),r.height=0;for(let e of d)f(e)&&!u.has(e)&&(u.add(e),e.style.setProperty(`display`,`none`));return}let m=Number.parseFloat(getComputedStyle(n).width),h=m>0?p.width/m:1,g=[],_=[],v=[];for(let e of d){let t=i.get(e);if(f(e)){u.has(e)||g.push([e,t]);continue}let r=e.getBoundingClientRect(),[a,s]=o(e),c={left:(r.left-p.left)/h-n.clientLeft+n.scrollLeft-a,top:(r.top-p.top)/h-n.clientTop+n.scrollTop-s,width:r.width/h,height:r.height/h};if(v.push([e,c]),!t)continue;let l=t.left+a-c.left,d=t.top+s-c.top;(Math.abs(l)>=.5||Math.abs(d)>=.5)&&_.push([e,l,d])}i.clear();for(let[e,t]of v)i.set(e,t);let y=p.height/h,b=r.settle!==null,x=b?y:r.height;if(b||(r.height=y),g.length===0)return;for(let[e,t]of g)u.add(e),t?c.forEach(n=>e.style.setProperty(n,a(t[n]))):e.style.setProperty(`display`,`none`);r.settle?.(),r.settle=null,n.style.setProperty(`transition`,`none`),n.style.removeProperty(`min-height`);let S=n.getBoundingClientRect().height/h;r.height=S;let C=x-S>=.5;C&&n.style.setProperty(`min-height`,a(x));for(let[e,t,n]of _)e.style.setProperty(`transition`,`none`),e.style.setProperty(`translate`,`${a(t)} ${a(n)}`);n.getBoundingClientRect();for(let[e]of _)s(e,[`transition`,`translate`]);n.style.removeProperty(`transition`),C?(n.style.setProperty(`min-height`,a(S)),r.settle=e(n,()=>{r.settle=null,s(n,[`min-height`])})):t(n)}function d(){let e=i(null),t=i({seen:/* @__PURE__ */ new Map,height:0,pinned:/* @__PURE__ */ new WeakSet,settle:null});return r(()=>{let n=e.current;n&&u(n,t.current)}),r(()=>{let n=e.current;if(!n||typeof ResizeObserver>`u`)return;let r=new ResizeObserver(()=>u(n,t.current));return r.observe(n),()=>r.disconnect()},[]),n(()=>{let e=t.current;return()=>{e.settle?.(),e.settle=null}},[]),e}export{d as useFlip};

package/dist/hooks/useInView.d.ts

@@ -0,0 +1,15 @@
+
+import { RefObject } from "react";
+//#region src/hooks/useInView.d.ts
+type Options = {
+  /** 为 true 时不观察，始终返回 false */
+  disabled?: boolean;
+  rootMargin?: string;
+  threshold?: number;
+};
+/**
+ * 元素第一次进入视口后返回 true，之后不再变回 false——入场动画只播一次。
+ */
+export declare function useInView<T extends Element = Element>({ disabled, rootMargin, threshold }?: Options): [RefObject<T | null>, boolean];
+//#endregion
+export {};

package/dist/hooks/useInView.js

@@ -0,0 +1,2 @@
+"use client";
+import{useEffect as e,useRef as t,useState as n}from"react";function r({disabled:r=!1,rootMargin:i=`0px`,threshold:a=0}={}){let o=t(null),[s,c]=n(!1);return e(()=>{let e=o.current;if(r||s||!e)return;if(typeof IntersectionObserver>`u`){c(!0);return}let t=new IntersectionObserver(e=>{e.some(e=>e.isIntersecting)&&(c(!0),t.disconnect())},{rootMargin:i,threshold:a});return t.observe(e),()=>t.disconnect()},[r,s,i,a]),[o,s]}export{r as useInView};

package/dist/hooks/useIndicator.js

@@ -0,0 +1,2 @@
+"use client";
+import{useLayoutEffect as e,useRef as t}from"react";const n=[`--indicator-x`,`--indicator-y`,`--indicator-w`,`--indicator-h`];function r(e){if(e.dataset.indicator!==void 0){delete e.dataset.indicator;for(let t of n)e.style.removeProperty(t)}}function i(e,t,i){let a=e.getBoundingClientRect();if(a.width===0||a.height===0){r(e),i.current=null;return}let o=e.querySelector(t),s=o?.getBoundingClientRect();if(!o||!s||s.width===0||s.height===0){e.dataset.indicator=`off`,i.current=null;return}let c=Number.parseFloat(getComputedStyle(e).width),l=c>0?a.width/c:1,u=[(s.left-a.left)/l-e.clientLeft+e.scrollLeft,(s.top-a.top)/l-e.clientTop+e.scrollTop,s.width/l,s.height/l].map(e=>`${Math.round(e*100)/100}px`),d=e.dataset.indicator===`on`&&i.current!==null&&i.current!==o;i.current=o,n.some((t,n)=>e.style.getPropertyValue(t)!==u[n])&&(d||(e.dataset.indicatorInstant=``),n.forEach((t,n)=>e.style.setProperty(t,u[n])),d||(e.getBoundingClientRect(),delete e.dataset.indicatorInstant)),e.dataset.indicator=`on`}function a(n){let a=t(null),o=t(null),s=t(null),c=t([]);return e(()=>{let e=a.current;if(!e)return;if(n===null){r(e),o.current=null;return}i(e,n,o);let t=s.current;if(!t)return;let l=[e,...e.children],u=c.current;if(!(l.length===u.length&&l.every((e,t)=>e===u[t]))){t.disconnect();for(let e of l)t.observe(e);c.current=l}}),e(()=>{let e=a.current;if(!e||n===null||typeof ResizeObserver>`u`)return;let t=new ResizeObserver(()=>i(e,n,o)),r=[e,...e.children];for(let e of r)t.observe(e);return s.current=t,c.current=r,()=>{t.disconnect(),s.current=null,c.current=[]}},[n]),a}export{a as useIndicator};

package/dist/hooks/useLingering.js

@@ -0,0 +1,2 @@
+"use client";
+import{afterMotion as e}from"./usePresence.js";import{useCallback as t,useEffect as n,useLayoutEffect as r,useRef as i,useState as a}from"react";const o=(e,t)=>e.length===t.length&&e.every((e,n)=>e===t[n]);function s(e,t,n){let r=new Set(t),i=t.map(e=>({key:e,leaving:!1})),a=null;for(let t of e){if(r.has(t.key)){a=t.key;continue}if(!t.leaving&&!n)continue;let e=a===null?-1:i.findIndex(e=>e.key===a);i.splice(e+1,0,{key:t.key,leaving:!0}),a=t.key}return i}function c(c,l=!0){let u=i(null),[d,f]=a(()=>({keys:c,entries:s([],c,!1)})),{entries:p}=d;if(!o(d.keys,c)){let e=new Set(d.keys),t=c.some(t=>!e.has(t));p=s(d.entries,c,l&&!t),f({keys:c,entries:p})}let m=t(e=>{f(t=>({keys:t.keys,entries:t.entries.filter(t=>!(t.leaving&&t.key===e))}))},[]),h=i(/* @__PURE__ */ new Map);return r(()=>{let t=h.current,n=p.filter(e=>e.leaving).map(e=>e.key);for(let[e,r]of t)n.includes(e)||(r(),t.delete(e));if(n.length===0)return;let r=[...u.current?.children??[]].filter(e=>e.hasAttribute(`data-leaving`));n.forEach((n,i)=>{t.has(n)||t.set(n,e(r[i]??null,()=>m(n)))})},[p,m]),n(()=>{let e=h.current;return()=>{for(let t of e.values())t();e.clear()}},[]),{ref:u,entries:p}}export{c as useLingering};

package/dist/hooks/useOverflowing.js

@@ -0,0 +1,2 @@
+"use client";
+import{useEffect as e,useRef as t,useState as n}from"react";function r(){let r=t(null),[i,a]=n(!1),[o,s]=n(!1);return e(()=>{let e=r.current;if(!e||typeof ResizeObserver>`u`)return;let t=()=>{a(e.scrollWidth>e.clientWidth+1),s(e.scrollHeight>e.clientHeight+1)};t();let n=new ResizeObserver(t);return n.observe(e),e.firstElementChild&&n.observe(e.firstElementChild),()=>n.disconnect()},[]),[r,{x:i,y:o}]}export{r as useOverflowing};

package/dist/hooks/usePortalScope.d.ts

@@ -0,0 +1,26 @@
+
+//#region src/hooks/usePortalScope.d.ts
+type PortalScopeOptions = {
+  /**
+   * 浮层用和声明处相反的主题：亮色页面上是一块深色，暗色页面上是一块浅色
+   * （文字提示）。里面的控件因此也按相反的底色取值。
+   */
+  invertTheme?: boolean;
+};
+/**
+ * 浮层挂在 `<body>` 下，离开了声明它的那棵子树，拿不到局部容器上的
+ * `data-theme` / `data-choice`。把 `anchorRef` 交给触发元素、`portalRef`
+ * 交给浮层的容器：容器每次挂载时，从触发元素往上找最近的开关，抄到容器上。
+ *
+ * 最近的就是 `<html>` 时不抄——浮层本来就继承它，抄了反而会在切换主题后留下旧值。
+ * 没有触发元素（纯受控的弹窗）时什么都不做，浮层跟随 `<html>`。
+ *
+ * 最近的是 `data-theme="inverse"`（反转块）时不能照抄：`inverse` 是相对的，
+ * 到了 `<body>` 下它反的就成了页面。所以先算出它实际是亮还是暗，抄算出来的那个。
+ */
+export declare function usePortalScope({ invertTheme }?: PortalScopeOptions): {
+  anchorRef: (node: Element | null) => void;
+  portalRef: (portal: HTMLElement | null) => void;
+};
+//#endregion
+export {};

package/dist/hooks/usePortalScope.js

@@ -0,0 +1,2 @@
+"use client";
+import{useCallback as e,useRef as t}from"react";const n=e=>e===`dark`?`light`:`dark`;function r({invertTheme:r=!1}={}){let i=t(null);return{anchorRef:e(e=>{i.current=e},[]),portalRef:e(e=>{if(!e)return;let t=document.documentElement,a=i.current?.closest(`[data-theme]`)??null,o=a?.dataset.theme===`inverse`,s=a;for(;s?.dataset.theme===`inverse`;)s=s.parentElement?.closest(`[data-theme]`)??null;let c=(s??t).dataset.theme===`dark`?`dark`:`light`,l=o?n(c):c;r?e.dataset.theme=n(l):(o||a&&a!==t)&&(e.dataset.theme=l);let u=i.current?.closest(`[data-choice]`);u&&u!==t&&(e.dataset.choice=u.dataset.choice)},[r])}}export{r as usePortalScope};

package/dist/hooks/usePresence.js

@@ -0,0 +1,2 @@
+"use client";
+import{useLayoutEffect as e,useRef as t,useState as n}from"react";function r(e){return e.effect?.getComputedTiming().iterations!==1/0}function i(e,t){let n=!0,i=()=>{n&&t()},a=typeof e?.getAnimations==`function`?e.getAnimations().filter(r):[];return a.length===0?i():Promise.allSettled(a.map(e=>e.finished)).then(i),()=>{n=!1}}function a(r,{onLeave:a,onExited:o}={}){let s=t(null),[c,l]=n(r),[u,d]=n(!1);r&&!c&&(l(!0),d(!0));let f=!r&&c,p=t({onLeave:a,onExited:o});return e(()=>{p.current={onLeave:a,onExited:o}}),e(()=>{if(!f)return;let e=s.current,t=e?p.current.onLeave?.(e):void 0,n=i(e,()=>{l(!1),p.current.onExited?.()});return()=>{n(),t?.()}},[f]),{ref:s,mounted:c,leaving:f,entered:u}}export{i as afterMotion,a as usePresence};

package/dist/hooks/useReducedMotion.d.ts

@@ -0,0 +1,10 @@
+
+//#region src/hooks/useReducedMotion.d.ts
+/**
+ * 系统开了"减少动态效果"时返回 true，设置变了会跟着变。
+ *
+ * CSS 的动画和过渡不用它：`theme.css` 末尾的全局规则已经统一降级了。
+ * 只有脚本驱动的动效（一帧一帧自己算的）才要看它——那条规则管不到脚本。
+ */
+export declare function useReducedMotion(): boolean;
+//#endregion

package/dist/hooks/useReducedMotion.js

@@ -0,0 +1,2 @@
+"use client";
+import{useSyncExternalStore as e}from"react";const t=`(prefers-reduced-motion: reduce)`;function n(e){if(typeof window.matchMedia!=`function`)return()=>{};let n=window.matchMedia(t);return n.addEventListener(`change`,e),()=>n.removeEventListener(`change`,e)}function r(){return typeof window.matchMedia==`function`&&window.matchMedia(t).matches}function i(){return e(n,r,()=>!1)}export{i as useReducedMotion};

package/dist/hooks/useScrollPosition.js

@@ -0,0 +1,2 @@
+"use client";
+import{useEffect as e,useState as t}from"react";function n(n,r,i){let[a,o]=t(i);return e(()=>{let e=n?n.current:null;if(n&&!e)return;let t=()=>{let t=e??document.documentElement;o(r({scrolled:e?e.scrollTop:window.scrollY,room:t.scrollHeight-t.clientHeight}))};t();let i=e??window;i.addEventListener(`scroll`,t,{passive:!0}),window.addEventListener(`resize`,t);let a;return typeof ResizeObserver<`u`&&(a=new ResizeObserver(t),a.observe(e??document.body)),()=>{i.removeEventListener(`scroll`,t),window.removeEventListener(`resize`,t),a?.disconnect()}},[n,r]),a}export{n as useScrollPosition};

package/dist/hooks/useTheme.d.ts

@@ -0,0 +1,21 @@
+
+//#region src/hooks/useTheme.d.ts
+export type Theme = "light" | "dark";
+export type ThemePreference = Theme | "system";
+type Snapshot = {
+  theme: ThemePreference;
+  resolvedTheme: Theme;
+};
+/**
+ * 读写 `<html data-theme>`。
+ *
+ * - `theme`：用户的选择，可以是 `"system"`；
+ * - `resolvedTheme`：实际生效的 `"light"` 或 `"dark"`；
+ * - `setTheme`：切换并记到 `localStorage`。亮暗变了的时候整页交叉淡化一次
+ *   （浏览器支持视图过渡、系统没开"减少动态效果"时；否则直接切）。
+ */
+export declare function useTheme(): Snapshot & {
+  setTheme: (theme: ThemePreference) => void;
+};
+//#endregion
+export {};

package/dist/hooks/useTheme.js

@@ -0,0 +1,2 @@
+"use client";
+import{useEffect as e,useSyncExternalStore as t}from"react";const n=`ef-theme`,r=`(prefers-color-scheme: dark)`,i={theme:`light`,resolvedTheme:`light`},a=/* @__PURE__ */ new Set;let o=null,s=null,c=null;function l(e){return e===`light`||e===`dark`||e===`system`}function u(e){return e===`system`?window.matchMedia?.(r).matches?`dark`:`light`:e}function d(){try{let e=window.localStorage.getItem(n);if(l(e))return e}catch{}return document.documentElement.dataset.theme===`dark`?`dark`:`light`}function f(){if(!o){let e=d();o={theme:e,resolvedTheme:u(e)}}return o}function p(e){let t={theme:e,resolvedTheme:u(e)},n=document.documentElement,r=()=>{o=t,n.dataset.theme=t.resolvedTheme;for(let e of a)e()};if(n.dataset.theme===t.resolvedTheme||typeof document.startViewTransition!=`function`||window.matchMedia?.(`(prefers-reduced-motion: reduce)`).matches){r();return}n.dataset.themeSwitching=``;let i=document.startViewTransition(r);c=i;let s=()=>{c===i&&(c=null,delete n.dataset.themeSwitching)};i.finished.then(s,s),i.ready.catch(()=>{})}function m(e){if(a.add(e),!s){let e=window.matchMedia?.(r),t=()=>{f().theme===`system`&&p(`system`)};e?.addEventListener(`change`,t),s=()=>e?.removeEventListener(`change`,t)}return()=>{a.delete(e),a.size===0&&(s?.(),s=null)}}function h(e){try{window.localStorage.setItem(n,e)}catch{}p(e)}function g(){let{theme:n,resolvedTheme:r}=t(m,f,()=>i);return e(()=>{document.documentElement.dataset.theme=r},[r]),{theme:n,resolvedTheme:r,setTheme:h}}export{g as useTheme};

package/dist/icons/ArrowCorner.d.ts

@@ -0,0 +1,9 @@
+
+import { IconProps } from "./createIcon.js";
+//#region src/icons/ArrowCorner.d.ts
+/** 斜箭头 ↘：分节引导、"查看详情" */
+export declare const ArrowCorner: {
+  ({ size, ...props }: IconProps): import("react").JSX.Element;
+  displayName: string;
+};
+//#endregion

package/dist/icons/ArrowCorner.js

@@ -0,0 +1,2 @@
+"use client";
+import{createIcon as e}from"./createIcon.js";import{jsx as t}from"react/jsx-runtime";const n=/* @__PURE__ */ e(`ArrowCorner`,/* @__PURE__ */ t(`path`,{d:`M5 5l14 14M19 7v12H7`}));export{n as ArrowCorner};

package/dist/icons/ArrowLeft.d.ts

@@ -0,0 +1,8 @@
+
+import { IconProps } from "./createIcon.js";
+//#region src/icons/ArrowLeft.d.ts
+export declare const ArrowLeft: {
+  ({ size, ...props }: IconProps): import("react").JSX.Element;
+  displayName: string;
+};
+//#endregion

package/dist/icons/ArrowLeft.js

@@ -0,0 +1,2 @@
+"use client";
+import{createIcon as e}from"./createIcon.js";import{jsx as t}from"react/jsx-runtime";const n=/* @__PURE__ */ e(`ArrowLeft`,/* @__PURE__ */ t(`path`,{d:`M20 12H5M11 5l-7 7 7 7`}));export{n as ArrowLeft};

package/dist/icons/ArrowRight.d.ts

@@ -0,0 +1,8 @@
+
+import { IconProps } from "./createIcon.js";
+//#region src/icons/ArrowRight.d.ts
+export declare const ArrowRight: {
+  ({ size, ...props }: IconProps): import("react").JSX.Element;
+  displayName: string;
+};
+//#endregion

package/dist/icons/ArrowRight.js

@@ -0,0 +1,2 @@
+"use client";
+import{createIcon as e}from"./createIcon.js";import{jsx as t}from"react/jsx-runtime";const n=/* @__PURE__ */ e(`ArrowRight`,/* @__PURE__ */ t(`path`,{d:`M4 12h15M13 5l7 7-7 7`}));export{n as ArrowRight};

package/dist/icons/CalendarIcon.d.ts

@@ -0,0 +1,12 @@
+
+import { IconProps } from "./createIcon.js";
+//#region src/icons/CalendarIcon.d.ts
+/**
+ * 日历：日期字段右侧的记号。
+ * 名字带 `Icon` 是因为 `Calendar` 已经是月历控件了
+ */
+export declare const CalendarIcon: {
+  ({ size, ...props }: IconProps): import("react").JSX.Element;
+  displayName: string;
+};
+//#endregion

package/dist/icons/CalendarIcon.js

@@ -0,0 +1,2 @@
+"use client";
+import{createIcon as e}from"./createIcon.js";import{jsx as t}from"react/jsx-runtime";const n=/* @__PURE__ */ e(`CalendarIcon`,/* @__PURE__ */ t(`path`,{d:`M4 6h16v14H4zM4 11h16M8 3v5M16 3v5`}));export{n as CalendarIcon};

package/dist/icons/Check.d.ts

@@ -0,0 +1,9 @@
+
+import { IconProps } from "./createIcon.js";
+//#region src/icons/Check.d.ts
+/** 对勾：已选、已完成 */
+export declare const Check: {
+  ({ size, ...props }: IconProps): import("react").JSX.Element;
+  displayName: string;
+};
+//#endregion

package/dist/icons/Check.js

@@ -0,0 +1,2 @@
+"use client";
+import{createIcon as e}from"./createIcon.js";import{jsx as t}from"react/jsx-runtime";const n=/* @__PURE__ */ e(`Check`,/* @__PURE__ */ t(`path`,{d:`M4 12l6 6L20 6`}));export{n as Check};

package/dist/icons/ChevronDown.d.ts

@@ -0,0 +1,8 @@
+
+import { IconProps } from "./createIcon.js";
+//#region src/icons/ChevronDown.d.ts
+export declare const ChevronDown: {
+  ({ size, ...props }: IconProps): import("react").JSX.Element;
+  displayName: string;
+};
+//#endregion

package/dist/icons/ChevronDown.js

@@ -0,0 +1,2 @@
+"use client";
+import{createIcon as e}from"./createIcon.js";import{jsx as t}from"react/jsx-runtime";const n=/* @__PURE__ */ e(`ChevronDown`,/* @__PURE__ */ t(`path`,{d:`M4 9l8 8 8-8`}));export{n as ChevronDown};

package/dist/icons/ChevronLeft.d.ts

@@ -0,0 +1,8 @@
+
+import { IconProps } from "./createIcon.js";
+//#region src/icons/ChevronLeft.d.ts
+export declare const ChevronLeft: {
+  ({ size, ...props }: IconProps): import("react").JSX.Element;
+  displayName: string;
+};
+//#endregion

package/dist/icons/ChevronLeft.js

@@ -0,0 +1,2 @@
+"use client";
+import{createIcon as e}from"./createIcon.js";import{jsx as t}from"react/jsx-runtime";const n=/* @__PURE__ */ e(`ChevronLeft`,/* @__PURE__ */ t(`path`,{d:`M15 4l-8 8 8 8`}));export{n as ChevronLeft};

package/dist/icons/ChevronRight.d.ts

@@ -0,0 +1,8 @@
+
+import { IconProps } from "./createIcon.js";
+//#region src/icons/ChevronRight.d.ts
+export declare const ChevronRight: {
+  ({ size, ...props }: IconProps): import("react").JSX.Element;
+  displayName: string;
+};
+//#endregion

package/dist/icons/ChevronRight.js

@@ -0,0 +1,2 @@
+"use client";
+import{createIcon as e}from"./createIcon.js";import{jsx as t}from"react/jsx-runtime";const n=/* @__PURE__ */ e(`ChevronRight`,/* @__PURE__ */ t(`path`,{d:`M9 4l8 8-8 8`}));export{n as ChevronRight};

package/dist/icons/Close.d.ts

@@ -0,0 +1,8 @@
+
+import { IconProps } from "./createIcon.js";
+//#region src/icons/Close.d.ts
+export declare const Close: {
+  ({ size, ...props }: IconProps): import("react").JSX.Element;
+  displayName: string;
+};
+//#endregion

package/dist/icons/Close.js

@@ -0,0 +1,2 @@
+"use client";
+import{createIcon as e}from"./createIcon.js";import{jsx as t}from"react/jsx-runtime";const n=/* @__PURE__ */ e(`Close`,/* @__PURE__ */ t(`path`,{d:`M5 5l14 14M19 5L5 19`}));export{n as Close};

package/dist/icons/Crosshair.d.ts

@@ -0,0 +1,9 @@
+
+import { IconProps } from "./createIcon.js";
+//#region src/icons/Crosshair.d.ts
+/** 四个取景角加中心的准星：图鉴里"未获得"的占位符 */
+export declare const Crosshair: {
+  ({ size, ...props }: IconProps): import("react").JSX.Element;
+  displayName: string;
+};
+//#endregion

package/dist/icons/Crosshair.js

@@ -0,0 +1,2 @@
+"use client";
+import{createIcon as e}from"./createIcon.js";import{jsx as t}from"react/jsx-runtime";const n=/* @__PURE__ */ e(`Crosshair`,/* @__PURE__ */ t(`path`,{d:`M3 8V3h5M16 3h5v5M21 16v5h-5M8 21H3v-5M12 9v6M9 12h6`}));export{n as Crosshair};

package/dist/icons/Lock.d.ts

@@ -0,0 +1,8 @@
+
+import { IconProps } from "./createIcon.js";
+//#region src/icons/Lock.d.ts
+export declare const Lock: {
+  ({ size, ...props }: IconProps): import("react").JSX.Element;
+  displayName: string;
+};
+//#endregion

package/dist/icons/Lock.js

@@ -0,0 +1,2 @@
+"use client";
+import{createIcon as e}from"./createIcon.js";import{jsx as t}from"react/jsx-runtime";const n=/* @__PURE__ */ e(`Lock`,/* @__PURE__ */ t(`path`,{d:`M5 11h14v10H5zM8 11V7a4 4 0 0 1 8 0v4`}));export{n as Lock};

package/dist/icons/Menu.d.ts

@@ -0,0 +1,9 @@
+
+import { IconProps } from "./createIcon.js";
+//#region src/icons/Menu.d.ts
+/** 三条横线：打开菜单 */
+export declare const Menu: {
+  ({ size, ...props }: IconProps): import("react").JSX.Element;
+  displayName: string;
+};
+//#endregion

package/dist/icons/Menu.js

@@ -0,0 +1,2 @@
+"use client";
+import{createIcon as e}from"./createIcon.js";import{jsx as t}from"react/jsx-runtime";const n=/* @__PURE__ */ e(`Menu`,/* @__PURE__ */ t(`path`,{d:`M3 6h18M3 12h18M3 18h18`}));export{n as Menu};

package/dist/icons/Minus.d.ts

@@ -0,0 +1,9 @@
+
+import { IconProps } from "./createIcon.js";
+//#region src/icons/Minus.d.ts
+/** 短横：半选、减少 */
+export declare const Minus: {
+  ({ size, ...props }: IconProps): import("react").JSX.Element;
+  displayName: string;
+};
+//#endregion

package/dist/icons/Minus.js

@@ -0,0 +1,2 @@
+"use client";
+import{createIcon as e}from"./createIcon.js";import{jsx as t}from"react/jsx-runtime";const n=/* @__PURE__ */ e(`Minus`,/* @__PURE__ */ t(`path`,{d:`M4 12h16`}));export{n as Minus};

package/dist/icons/Plus.d.ts

@@ -0,0 +1,8 @@
+
+import { IconProps } from "./createIcon.js";
+//#region src/icons/Plus.d.ts
+export declare const Plus: {
+  ({ size, ...props }: IconProps): import("react").JSX.Element;
+  displayName: string;
+};
+//#endregion

package/dist/icons/Plus.js

@@ -0,0 +1,2 @@
+"use client";
+import{createIcon as e}from"./createIcon.js";import{jsx as t}from"react/jsx-runtime";const n=/* @__PURE__ */ e(`Plus`,/* @__PURE__ */ t(`path`,{d:`M12 4v16M4 12h16`}));export{n as Plus};

package/dist/icons/StatusDanger.d.ts

@@ -0,0 +1,9 @@
+
+import { IconProps } from "./createIcon.js";
+//#region src/icons/StatusDanger.d.ts
+/** 菱形：危险、错误 */
+export declare const StatusDanger: {
+  ({ size, ...props }: IconProps): import("react").JSX.Element;
+  displayName: string;
+};
+//#endregion

package/dist/icons/StatusDanger.js

@@ -0,0 +1,2 @@
+"use client";
+import{createIcon as e}from"./createIcon.js";import{jsx as t}from"react/jsx-runtime";const n=/* @__PURE__ */ e(`StatusDanger`,/* @__PURE__ */ t(`path`,{d:`M12 2.5l9.5 9.5-9.5 9.5L2.5 12zM12 7v6M12 15v2`}));export{n as StatusDanger};

package/dist/icons/StatusInfo.d.ts

@@ -0,0 +1,9 @@
+
+import { IconProps } from "./createIcon.js";
+//#region src/icons/StatusInfo.d.ts
+/** 方框：说明。四种状态图标各用一种外形，不只靠颜色区分 */
+export declare const StatusInfo: {
+  ({ size, ...props }: IconProps): import("react").JSX.Element;
+  displayName: string;
+};
+//#endregion

package/dist/icons/StatusInfo.js

@@ -0,0 +1,2 @@
+"use client";
+import{createIcon as e}from"./createIcon.js";import{jsx as t}from"react/jsx-runtime";const n=/* @__PURE__ */ e(`StatusInfo`,/* @__PURE__ */ t(`path`,{d:`M4 4h16v16H4zM12 11v6M12 7v2`}));export{n as StatusInfo};

package/dist/icons/StatusSuccess.d.ts

@@ -0,0 +1,9 @@
+
+import { IconProps } from "./createIcon.js";
+//#region src/icons/StatusSuccess.d.ts
+/** 圆 + 对勾：成功 */
+export declare const StatusSuccess: {
+  ({ size, ...props }: IconProps): import("react").JSX.Element;
+  displayName: string;
+};
+//#endregion

package/dist/icons/StatusSuccess.js

@@ -0,0 +1,2 @@
+"use client";
+import{createIcon as e}from"./createIcon.js";import{Fragment as t,jsx as n,jsxs as r}from"react/jsx-runtime";const i=/* @__PURE__ */ e(`StatusSuccess`,/* @__PURE__ */ r(t,{children:[/* @__PURE__ */ n(`circle`,{cx:`12`,cy:`12`,r:`9`}),/* @__PURE__ */ n(`path`,{d:`M7.5 12.5l3 3 6-7`})]}));export{i as StatusSuccess};

package/dist/icons/StatusWarning.d.ts

@@ -0,0 +1,9 @@
+
+import { IconProps } from "./createIcon.js";
+//#region src/icons/StatusWarning.d.ts
+/** 三角：警告 */
+export declare const StatusWarning: {
+  ({ size, ...props }: IconProps): import("react").JSX.Element;
+  displayName: string;
+};
+//#endregion

package/dist/icons/StatusWarning.js

@@ -0,0 +1,2 @@
+"use client";
+import{createIcon as e}from"./createIcon.js";import{jsx as t}from"react/jsx-runtime";const n=/* @__PURE__ */ e(`StatusWarning`,/* @__PURE__ */ t(`path`,{d:`M12 4l9 16H3zM12 10v5M12 16.5v2`}));export{n as StatusWarning};

package/dist/icons/TriangleRight.d.ts

@@ -0,0 +1,9 @@
+
+import { IconProps } from "./createIcon.js";
+//#region src/icons/TriangleRight.d.ts
+/** 实心三角 ▶：前往、展开 */
+export declare const TriangleRight: {
+  ({ size, ...props }: IconProps): import("react").JSX.Element;
+  displayName: string;
+};
+//#endregion

package/dist/icons/TriangleRight.js

@@ -0,0 +1,2 @@
+"use client";
+import{createIcon as e}from"./createIcon.js";import{jsx as t}from"react/jsx-runtime";const n=/* @__PURE__ */ e(`TriangleRight`,/* @__PURE__ */ t(`path`,{d:`M7 4l12 8-12 8z`,fill:`currentColor`,stroke:`none`}));export{n as TriangleRight};

package/dist/icons/Upload.d.ts

@@ -0,0 +1,9 @@
+
+import { IconProps } from "./createIcon.js";
+//#region src/icons/Upload.d.ts
+/** 上传：一个托盘，上面一支朝上的箭头 */
+export declare const Upload: {
+  ({ size, ...props }: IconProps): import("react").JSX.Element;
+  displayName: string;
+};
+//#endregion

package/dist/icons/Upload.js

@@ -0,0 +1,2 @@
+"use client";
+import{createIcon as e}from"./createIcon.js";import{jsx as t}from"react/jsx-runtime";const n=/* @__PURE__ */ e(`Upload`,/* @__PURE__ */ t(`path`,{d:`M12 16V4M7 9l5-5 5 5M4 15v5h16v-5`}));export{n as Upload};

package/dist/icons/createIcon.d.ts

@@ -0,0 +1,16 @@
+
+import { ComponentProps, ReactNode } from "react";
+//#region src/icons/createIcon.d.ts
+export type IconProps = Omit<ComponentProps<"svg">, "children"> & {
+  /** 显示尺寸，默认 24。线宽随尺寸等比缩放 */
+  size?: number | string;
+};
+/**
+ * 按图标规范生成组件：24 网格、2px 描边、平头端点、尖角拐角、颜色继承。
+ * 默认对辅助技术隐藏；单独承担含义时由使用方传 `aria-label` 并去掉 `aria-hidden`。
+ */
+export declare function createIcon(displayName: string, content: ReactNode): {
+  ({ size, ...props }: IconProps): import("react").JSX.Element;
+  displayName: string;
+};
+//#endregion

package/dist/icons/createIcon.js

@@ -0,0 +1,2 @@
+"use client";
+import{jsx as e}from"react/jsx-runtime";function t(t,n){function r({size:t=24,...r}){return/* @__PURE__ */ e(`svg`,{width:t,height:t,viewBox:`0 0 24 24`,fill:`none`,stroke:`currentColor`,strokeWidth:2,strokeLinecap:`butt`,strokeLinejoin:`miter`,"aria-hidden":`true`,focusable:`false`,...r,children:n})}return r.displayName=t,r}export{t as createIcon};

package/dist/icons/index.d.ts

@@ -0,0 +1,23 @@
+
+import { IconProps, createIcon } from "./createIcon.js";
+import { ArrowCorner } from "./ArrowCorner.js";
+import { ArrowLeft } from "./ArrowLeft.js";
+import { ArrowRight } from "./ArrowRight.js";
+import { CalendarIcon } from "./CalendarIcon.js";
+import { Check } from "./Check.js";
+import { ChevronDown } from "./ChevronDown.js";
+import { ChevronLeft } from "./ChevronLeft.js";
+import { ChevronRight } from "./ChevronRight.js";
+import { Close } from "./Close.js";
+import { Crosshair } from "./Crosshair.js";
+import { Lock } from "./Lock.js";
+import { Menu } from "./Menu.js";
+import { Minus } from "./Minus.js";
+import { Plus } from "./Plus.js";
+import { StatusDanger } from "./StatusDanger.js";
+import { StatusInfo } from "./StatusInfo.js";
+import { StatusSuccess } from "./StatusSuccess.js";
+import { StatusWarning } from "./StatusWarning.js";
+import { TriangleRight } from "./TriangleRight.js";
+import { Upload } from "./Upload.js";
+export { ArrowCorner, ArrowLeft, ArrowRight, CalendarIcon, Check, ChevronDown, ChevronLeft, ChevronRight, Close, Crosshair, type IconProps, Lock, Menu, Minus, Plus, StatusDanger, StatusInfo, StatusSuccess, StatusWarning, TriangleRight, Upload, createIcon };