@superad/ui 0.1.1

package/es/Flex/FlexBasic.mjs

@@ -0,0 +1,46 @@
+"use client";
+import { getCssValue, getFlexDirection, isHorizontal, isSpaceDistribution } from "./utils.mjs";
+import { jsx } from "react/jsx-runtime";
+import { memo } from "react";
+//#region src/Flex/FlexBasic.tsx
+const BASE_CLASS = "superad-flex";
+const FlexBasic = ({ visible, flex, gap, direction, horizontal, align, justify, distribution, height, width, allowShrink, padding, paddingInline, paddingBlock, prefixCls, as: Container = "div", className, style, children, wrap, ref, ...props }) => {
+	const justifyContent = justify || distribution;
+	const resolvedWidth = isHorizontal(direction, horizontal) && !width && isSpaceDistribution(justifyContent) ? "100%" : getCssValue(width);
+	const cssVarEntries = [
+		["--superad-flex", flex === void 0 ? void 0 : String(flex)],
+		["--superad-flex-direction", direction || horizontal ? getFlexDirection(direction, horizontal) : void 0],
+		["--superad-flex-wrap", wrap],
+		["--superad-flex-justify", justifyContent],
+		["--superad-flex-align", align],
+		["--superad-flex-width", resolvedWidth],
+		["--superad-flex-height", getCssValue(height)],
+		["--superad-flex-padding", getCssValue(padding)],
+		["--superad-flex-padding-inline", getCssValue(paddingInline)],
+		["--superad-flex-padding-block", getCssValue(paddingBlock)],
+		["--superad-flex-gap", getCssValue(gap)]
+	];
+	const mergedStyle = {
+		...Object.fromEntries(cssVarEntries.filter(([, value]) => value !== void 0)),
+		...allowShrink ? { minWidth: 0 } : {},
+		...style
+	};
+	const mergedClassName = [
+		BASE_CLASS,
+		visible === false ? `${BASE_CLASS}--hidden` : void 0,
+		prefixCls ? `${prefixCls}-flex` : void 0,
+		className
+	].filter(Boolean).join(" ");
+	return /* @__PURE__ */ jsx(Container, {
+		ref,
+		...props,
+		className: mergedClassName,
+		style: mergedStyle,
+		children
+	});
+};
+var FlexBasic_default = memo(FlexBasic);
+//#endregion
+export { FlexBasic_default as default };
+
+//# sourceMappingURL=FlexBasic.mjs.map

package/es/Flex/FlexBasic.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"FlexBasic.mjs","names":[],"sources":["../../src/Flex/FlexBasic.tsx"],"sourcesContent":["'use client';\n\nimport { type CSSProperties, type ElementType, type FC, memo } from 'react';\n\nimport type { FlexBasicProps } from './type';\nimport { getCssValue, getFlexDirection, isHorizontal, isSpaceDistribution } from './utils';\n\nconst BASE_CLASS = 'superad-flex';\n\nconst FlexBasic: FC<FlexBasicProps> = ({\n  visible,\n  flex,\n  gap,\n  direction,\n  horizontal,\n  align,\n  justify,\n  distribution,\n  height,\n  width,\n  allowShrink,\n  padding,\n  paddingInline,\n  paddingBlock,\n  prefixCls,\n  as: Container = 'div' as ElementType,\n  className,\n  style,\n  children,\n  wrap,\n  ref,\n  ...props\n}) => {\n  const justifyContent = justify || distribution;\n\n  // 横向 + 空间均分时，容器必须撑满整行，均分才生效\n  const resolvedWidth =\n    isHorizontal(direction, horizontal) && !width && isSpaceDistribution(justifyContent)\n      ? '100%'\n      : getCssValue(width);\n\n  const cssVarEntries: Array<[string, string | number | undefined]> = [\n    ['--superad-flex', flex === undefined ? undefined : String(flex)],\n    [\n      '--superad-flex-direction',\n      direction || horizontal ? getFlexDirection(direction, horizontal) : undefined,\n    ],\n    ['--superad-flex-wrap', wrap],\n    ['--superad-flex-justify', justifyContent],\n    ['--superad-flex-align', align],\n    ['--superad-flex-width', resolvedWidth],\n    ['--superad-flex-height', getCssValue(height)],\n    ['--superad-flex-padding', getCssValue(padding)],\n    ['--superad-flex-padding-inline', getCssValue(paddingInline)],\n    ['--superad-flex-padding-block', getCssValue(paddingBlock)],\n    ['--superad-flex-gap', getCssValue(gap)],\n  ];\n\n  const mergedStyle: CSSProperties = {\n    ...Object.fromEntries(cssVarEntries.filter(([, value]) => value !== undefined)),\n    ...(allowShrink ? { minWidth: 0 } : {}),\n    ...style,\n  } as CSSProperties;\n\n  const mergedClassName = [\n    BASE_CLASS,\n    visible === false ? `${BASE_CLASS}--hidden` : undefined,\n    prefixCls ? `${prefixCls}-flex` : undefined,\n    className,\n  ]\n    .filter(Boolean)\n    .join(' ');\n\n  return (\n    <Container ref={ref} {...props} className={mergedClassName} style={mergedStyle}>\n      {children}\n    </Container>\n  );\n};\n\nexport default memo(FlexBasic);\n"],"mappings":";;;;;AAOA,MAAM,aAAa;AAEnB,MAAM,aAAiC,EACrC,SACA,MACA,KACA,WACA,YACA,OACA,SACA,cACA,QACA,OACA,aACA,SACA,eACA,cACA,WACA,IAAI,YAAY,OAChB,WACA,OACA,UACA,MACA,KACA,GAAG,YACC;CACJ,MAAM,iBAAiB,WAAW;CAGlC,MAAM,gBACJ,aAAa,WAAW,UAAU,KAAK,CAAC,SAAS,oBAAoB,cAAc,IAC/E,SACA,YAAY,KAAK;CAEvB,MAAM,gBAA8D;EAClE,CAAC,kBAAkB,SAAS,KAAA,IAAY,KAAA,IAAY,OAAO,IAAI,CAAC;EAChE,CACE,4BACA,aAAa,aAAa,iBAAiB,WAAW,UAAU,IAAI,KAAA,CACtE;EACA,CAAC,uBAAuB,IAAI;EAC5B,CAAC,0BAA0B,cAAc;EACzC,CAAC,wBAAwB,KAAK;EAC9B,CAAC,wBAAwB,aAAa;EACtC,CAAC,yBAAyB,YAAY,MAAM,CAAC;EAC7C,CAAC,0BAA0B,YAAY,OAAO,CAAC;EAC/C,CAAC,iCAAiC,YAAY,aAAa,CAAC;EAC5D,CAAC,gCAAgC,YAAY,YAAY,CAAC;EAC1D,CAAC,sBAAsB,YAAY,GAAG,CAAC;CACzC;CAEA,MAAM,cAA6B;EACjC,GAAG,OAAO,YAAY,cAAc,QAAQ,GAAG,WAAW,UAAU,KAAA,CAAS,CAAC;EAC9E,GAAI,cAAc,EAAE,UAAU,EAAE,IAAI,CAAC;EACrC,GAAG;CACL;CAEA,MAAM,kBAAkB;EACtB;EACA,YAAY,QAAQ,GAAG,WAAW,YAAY,KAAA;EAC9C,YAAY,GAAG,UAAU,SAAS,KAAA;EAClC;CACF,CAAC,CACE,OAAO,OAAO,CAAC,CACf,KAAK,GAAG;CAEX,OACE,oBAAC,WAAD;EAAgB;EAAK,GAAI;EAAO,WAAW;EAAiB,OAAO;EAChE;CACQ,CAAA;AAEf;AAEA,IAAA,oBAAe,KAAK,SAAS"}

package/es/Flex/Flexbox.d.mts

@@ -0,0 +1,2 @@
+import _default from "./FlexBasic.mjs";
+export { _default as default };

package/es/Flex/index.d.mts

@@ -0,0 +1,5 @@
+import { CenterProps, ContentPosition, FlexBasicProps, FlexDirection, FlexboxProps } from "./type.mjs";
+import Center from "./Center.mjs";
+import _default from "./FlexBasic.mjs";
+import "./Flexbox.mjs";
+export { Center, type CenterProps, type ContentPosition, _default as FlexBasic, type FlexBasicProps, type FlexDirection, _default as Flexbox, type FlexboxProps };

package/es/Flex/index.d.ts

@@ -0,0 +1 @@
+export * from './index.d.mts';

package/es/Flex/index.js

@@ -0,0 +1 @@
+export * from './index.mjs';

package/es/Flex/index.mjs

@@ -0,0 +1,3 @@
+import FlexBasic_default from "./FlexBasic.mjs";
+import Center from "./Center.mjs";
+export { Center, FlexBasic_default as FlexBasic, FlexBasic_default as Flexbox };

package/es/Flex/type.d.mts

@@ -0,0 +1,35 @@
+import { CSSProperties, DOMAttributes, ElementType, HTMLAttributes, ReactNode, Ref } from "react";
+//#region src/Flex/type.d.ts
+type ContentPosition = 'center' | 'end' | 'flex-end' | 'flex-start' | 'start' | 'stretch' | 'baseline';
+type FlexDirection = 'vertical' | 'vertical-reverse' | 'horizontal' | 'horizontal-reverse';
+type DivProps = DOMAttributes<HTMLDivElement> & HTMLAttributes<HTMLDivElement>;
+type CommonSpaceNumber = 2 | 4 | 8 | 12 | 16 | 24;
+interface IFlexbox {
+  align?: ContentPosition;
+  allowShrink?: boolean;
+  as?: ElementType;
+  children?: ReactNode;
+  className?: string;
+  direction?: FlexDirection;
+  distribution?: CSSProperties['justifyContent'];
+  flex?: number | string;
+  gap?: CommonSpaceNumber | number | string;
+  height?: number | string;
+  horizontal?: boolean;
+  justify?: CSSProperties['justifyContent'];
+  padding?: string | number | CommonSpaceNumber;
+  paddingBlock?: string | number;
+  paddingInline?: string | number;
+  prefixCls?: string;
+  ref?: Ref<HTMLElement>;
+  style?: CSSProperties;
+  visible?: boolean;
+  width?: number | string;
+  wrap?: CSSProperties['flexWrap'];
+}
+interface FlexBasicProps extends IFlexbox, DivProps {}
+type FlexboxProps = FlexBasicProps;
+type CenterProps = Omit<FlexBasicProps, 'distribution' | 'direction' | 'align'>;
+//#endregion
+export { CenterProps, CommonSpaceNumber, ContentPosition, DivProps, FlexBasicProps, FlexDirection, FlexboxProps, IFlexbox };
+//# sourceMappingURL=type.d.mts.map

package/es/Flex/utils.mjs

@@ -0,0 +1,24 @@
+//#region src/Flex/utils.ts
+const DIRECTION_TO_CSS = {
+	"horizontal": "row",
+	"horizontal-reverse": "row-reverse",
+	"vertical": "column",
+	"vertical-reverse": "column-reverse"
+};
+const getFlexDirection = (direction, isHorizontal) => {
+	if (isHorizontal) return "row";
+	return DIRECTION_TO_CSS[direction ?? "vertical"];
+};
+const SPACE_DISTRIBUTIONS = /* @__PURE__ */ new Set([
+	"space-between",
+	"space-around",
+	"space-evenly"
+]);
+const isSpaceDistribution = (distribution) => distribution ? SPACE_DISTRIBUTIONS.has(distribution) : void 0;
+const isHorizontal = (direction, isHorizontalMode) => getFlexDirection(direction, isHorizontalMode) === "row";
+/** 数字一律按 px 处理，字符串原样透传。 */
+const getCssValue = (value) => typeof value === "number" ? `${value}px` : value;
+//#endregion
+export { getCssValue, getFlexDirection, isHorizontal, isSpaceDistribution };
+
+//# sourceMappingURL=utils.mjs.map

package/es/Flex/utils.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"utils.mjs","names":[],"sources":["../../src/Flex/utils.ts"],"sourcesContent":["import type { FlexDirection } from './type';\n\nconst DEFAULT_PREFIX = 'superad';\n\nexport const getPrefix = (prefixCls?: string) => prefixCls || DEFAULT_PREFIX;\n\nconst DIRECTION_TO_CSS: Record<FlexDirection, string> = {\n  'horizontal': 'row',\n  'horizontal-reverse': 'row-reverse',\n  'vertical': 'column',\n  'vertical-reverse': 'column-reverse',\n};\n\nexport const getFlexDirection = (direction?: FlexDirection, isHorizontal?: boolean) => {\n  if (isHorizontal) return 'row';\n  return DIRECTION_TO_CSS[direction ?? 'vertical'];\n};\n\nconst SPACE_DISTRIBUTIONS = new Set(['space-between', 'space-around', 'space-evenly']);\n\nexport const isSpaceDistribution = (distribution?: string) =>\n  distribution ? SPACE_DISTRIBUTIONS.has(distribution) : undefined;\n\nexport const isHorizontal = (direction?: FlexDirection, isHorizontalMode?: boolean) =>\n  getFlexDirection(direction, isHorizontalMode) === 'row';\n\nexport const isVertical = (direction?: FlexDirection, isHorizontalMode?: boolean) =>\n  getFlexDirection(direction, isHorizontalMode) === 'column';\n\n/** 数字一律按 px 处理，字符串原样透传。 */\nexport const getCssValue = (value: string | number | undefined) =>\n  typeof value === 'number' ? `${value}px` : value;\n"],"mappings":";AAMA,MAAM,mBAAkD;CACtD,cAAc;CACd,sBAAsB;CACtB,YAAY;CACZ,oBAAoB;AACtB;AAEA,MAAa,oBAAoB,WAA2B,iBAA2B;CACrF,IAAI,cAAc,OAAO;CACzB,OAAO,iBAAiB,aAAa;AACvC;AAEA,MAAM,sCAAsB,IAAI,IAAI;CAAC;CAAiB;CAAgB;AAAc,CAAC;AAErF,MAAa,uBAAuB,iBAClC,eAAe,oBAAoB,IAAI,YAAY,IAAI,KAAA;AAEzD,MAAa,gBAAgB,WAA2B,qBACtD,iBAAiB,WAAW,gBAAgB,MAAM;;AAMpD,MAAa,eAAe,UAC1B,OAAO,UAAU,WAAW,GAAG,MAAM,MAAM"}

package/es/FontLoader/index.d.mts

@@ -0,0 +1,9 @@
+//#region src/FontLoader/index.d.ts
+interface FontLoaderProps {
+  url: string;
+}
+/** 以 <link rel="stylesheet"> 方式挂载一份字体资源，随组件卸载移除。 */
+declare const FontLoader: import("react").NamedExoticComponent<FontLoaderProps>;
+//#endregion
+export { FontLoaderProps, FontLoader as default };
+//# sourceMappingURL=index.d.mts.map

package/es/FontLoader/index.d.ts

@@ -0,0 +1 @@
+export * from './index.d.mts';

package/es/FontLoader/index.js

@@ -0,0 +1 @@
+export * from './index.mjs';

package/es/FontLoader/index.mjs

@@ -0,0 +1,23 @@
+"use client";
+import { memo, useEffect } from "react";
+//#region src/FontLoader/index.tsx
+/** 以 <link rel="stylesheet"> 方式挂载一份字体资源，随组件卸载移除。 */
+const FontLoader = memo(({ url }) => {
+	useEffect(() => {
+		const link = document.createElement("link");
+		link.rel = "stylesheet";
+		link.href = url;
+		link.onerror = () => console.error(`Failed to load font from ${url}`);
+		document.head.append(link);
+		return () => {
+			link.onerror = null;
+			link.remove();
+		};
+	}, [url]);
+	return null;
+});
+FontLoader.displayName = "FontLoader";
+//#endregion
+export { FontLoader as default };
+
+//# sourceMappingURL=index.mjs.map

package/es/FontLoader/index.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.mjs","names":[],"sources":["../../src/FontLoader/index.tsx"],"sourcesContent":["'use client';\n\nimport { memo, useEffect } from 'react';\n\nexport interface FontLoaderProps {\n  url: string;\n}\n\n/** 以 <link rel=\"stylesheet\"> 方式挂载一份字体资源，随组件卸载移除。 */\nconst FontLoader = memo<FontLoaderProps>(({ url }) => {\n  useEffect(() => {\n    const link = document.createElement('link');\n    link.rel = 'stylesheet';\n    link.href = url;\n    link.onerror = () => console.error(`Failed to load font from ${url}`);\n    document.head.append(link);\n\n    return () => {\n      link.onerror = null;\n      link.remove();\n    };\n  }, [url]);\n\n  return null;\n});\n\nFontLoader.displayName = 'FontLoader';\n\nexport default FontLoader;\n"],"mappings":";;;;AASA,MAAM,aAAa,MAAuB,EAAE,UAAU;CACpD,gBAAgB;EACd,MAAM,OAAO,SAAS,cAAc,MAAM;EAC1C,KAAK,MAAM;EACX,KAAK,OAAO;EACZ,KAAK,gBAAgB,QAAQ,MAAM,4BAA4B,KAAK;EACpE,SAAS,KAAK,OAAO,IAAI;EAEzB,aAAa;GACX,KAAK,UAAU;GACf,KAAK,OAAO;EACd;CACF,GAAG,CAAC,GAAG,CAAC;CAER,OAAO;AACT,CAAC;AAED,WAAW,cAAc"}

package/es/GlobalFocusRing/index.d.mts

@@ -0,0 +1,6 @@
+//#region src/GlobalFocusRing/index.d.ts
+/** 每个 document 安装一次；返回的释放函数对嵌套 Provider 与 Strict Mode 安全。 */
+declare const installGlobalFocusRing: (doc?: Document) => (() => void);
+//#endregion
+export { installGlobalFocusRing };
+//# sourceMappingURL=index.d.mts.map

package/es/GlobalFocusRing/index.d.ts

@@ -0,0 +1 @@
+export * from './index.d.mts';

package/es/GlobalFocusRing/index.js

@@ -0,0 +1 @@
+export * from './index.mjs';

package/es/GlobalFocusRing/index.mjs

@@ -0,0 +1,204 @@
+import { globalFocusRingCSS } from "./style.mjs";
+//#region src/GlobalFocusRing/index.ts
+const RING_ATTRIBUTE = "data-superad-global-focus-ring";
+const MANAGED_ATTRIBUTE = "data-superad-focus-ring";
+const OPT_OUT_SELECTOR = "[data-superad-focus-ring=\"off\"]";
+const ANCHOR_NAME = "--superad-global-focus";
+const FALLBACK_RING_COLOR = "#1677ff";
+/** 这些 input 类型本身是可点按控件，需要焦点环；文本类输入不需要。 */
+const RING_INPUT_TYPES = /* @__PURE__ */ new Set([
+	"button",
+	"submit",
+	"reset",
+	"image",
+	"checkbox",
+	"radio",
+	"range",
+	"color",
+	"file"
+]);
+/** 当前环境是否支持锚点定位 + popover 这套实现。 */
+const isSupported = (doc) => {
+	const win = doc.defaultView;
+	return Boolean(win?.CSS?.supports("top", "anchor(top)") && win.CSS.supports("position-visibility", "anchors-visible") && "showPopover" in doc.createElement("div"));
+};
+/** 该元素是否值得挂焦点环。 */
+const isRingTarget = (element, doc) => {
+	if (!element || element === doc.body) return false;
+	if (element.namespaceURI !== "http://www.w3.org/1999/xhtml") return false;
+	if (element.shadowRoot) return false;
+	if (element.closest(OPT_OUT_SELECTOR)) return false;
+	if (element.matches("textarea")) return false;
+	if (element.isContentEditable) return false;
+	if (element.matches("input") && !RING_INPUT_TYPES.has(element.type)) return false;
+	return element.matches(":focus-visible");
+};
+/** 单个文档内的焦点环控制器：一个 ring 元素跟随当前 :focus-visible 元素。 */
+var FocusRingController = class FocusRingController {
+	constructor(doc) {
+		this.frame = 0;
+		this.disposed = false;
+		this.dispose = () => {
+			this.disposed = true;
+			this.win.cancelAnimationFrame(this.frame);
+			this.observer.disconnect();
+			this.doc.removeEventListener("focusin", this.handleFocusIn, true);
+			this.doc.removeEventListener("focusout", this.schedule, true);
+			this.doc.removeEventListener("keydown", this.schedule, true);
+			this.doc.removeEventListener("pointerdown", this.schedule, true);
+			this.win.removeEventListener("blur", this.handleWindowBlur);
+			this.win.removeEventListener("focus", this.schedule);
+			this.clear();
+			this.ring.remove();
+			this.sheet.remove();
+		};
+		this.handleFocusIn = () => this.win.queueMicrotask(() => this.sync());
+		this.handleWindowBlur = () => {
+			this.win.cancelAnimationFrame(this.frame);
+			this.frame = 0;
+			if (this.ring.matches(":popover-open")) this.ring.hidePopover();
+		};
+		this.schedule = () => {
+			if (this.frame) return;
+			this.frame = this.win.requestAnimationFrame(() => {
+				this.frame = 0;
+				this.sync();
+			});
+		};
+		this.syncNow = () => this.sync();
+		this.clear = () => {
+			if (this.ring.matches(":popover-open")) this.ring.hidePopover();
+			this.restoreTarget?.();
+			this.restoreTarget = void 0;
+			this.target = void 0;
+		};
+		this.sync = () => {
+			if (this.disposed) return;
+			const next = this.doc.activeElement;
+			if (next === this.target && next?.matches(":focus-visible") && next.isConnected && this.ring.matches(":popover-open")) return;
+			this.clear();
+			if (!isRingTarget(next, this.doc)) return;
+			const element = next;
+			const ringParent = this.resolveRingParent(element);
+			const moved = this.ring.parentElement !== ringParent;
+			if (moved) ringParent.append(this.ring);
+			const computed = this.win.getComputedStyle(element);
+			const borderRadius = computed.borderRadius;
+			const color = computed.getPropertyValue("--superad-focus-ring-color").trim() || computed.getPropertyValue("--ant-color-info").trim() || FALLBACK_RING_COLOR;
+			const styleChanged = this.ring.style.borderRadius !== borderRadius || this.ring.style.getPropertyValue("--superad-focus-ring-color") !== color;
+			if (styleChanged) {
+				this.ring.style.borderRadius = borderRadius;
+				this.ring.style.setProperty("--superad-focus-ring-color", color);
+			}
+			if (moved || styleChanged) {
+				this.schedule();
+				return;
+			}
+			const saved = ["anchor-name", "outline"].map((property) => ({
+				priority: element.style.getPropertyPriority(property),
+				property,
+				value: element.style.getPropertyValue(property)
+			}));
+			const oldMarker = element.getAttribute(MANAGED_ATTRIBUTE);
+			const existingAnchor = computed.getPropertyValue("anchor-name").trim();
+			const assignedAnchor = existingAnchor && existingAnchor !== "none" ? `${existingAnchor}, ${ANCHOR_NAME}` : ANCHOR_NAME;
+			element.style.setProperty("anchor-name", assignedAnchor, "important");
+			this.restoreTarget = () => FocusRingController.restoreInlineStyles(element, saved, assignedAnchor, oldMarker);
+			const rect = element.getBoundingClientRect();
+			if (!(element.getClientRects().length === 1 && Boolean(rect.width) && Boolean(rect.height) && computed.visibility === "visible")) {
+				this.clear();
+				return;
+			}
+			try {
+				this.ring.showPopover();
+				const bounds = this.ring.getBoundingClientRect();
+				if (Math.max(...[
+					"top",
+					"right",
+					"bottom",
+					"left"
+				].map((edge) => Math.abs(bounds[edge] - rect[edge]))) > 1) {
+					this.clear();
+					return;
+				}
+				element.style.setProperty("outline", "none", "important");
+				element.setAttribute(MANAGED_ATTRIBUTE, "managed");
+				this.target = element;
+			} catch {
+				this.clear();
+			}
+		};
+		this.doc = doc;
+		this.win = doc.defaultView;
+		this.sheet = doc.createElement("style");
+		this.sheet.textContent = globalFocusRingCSS;
+		this.ring = doc.createElement("div");
+		this.ring.setAttribute(RING_ATTRIBUTE, "");
+		this.ring.setAttribute("aria-hidden", "true");
+		this.ring.setAttribute("popover", "manual");
+		doc.head.append(this.sheet);
+		doc.body.append(this.ring);
+		this.observer = new MutationObserver(() => {
+			if (this.target && !this.target.isConnected) this.clear();
+		});
+		this.observer.observe(doc.body, {
+			childList: true,
+			subtree: true
+		});
+		doc.addEventListener("focusin", this.handleFocusIn, true);
+		doc.addEventListener("focusout", this.schedule, true);
+		doc.addEventListener("keydown", this.schedule, true);
+		doc.addEventListener("pointerdown", this.schedule, true);
+		this.win.addEventListener("blur", this.handleWindowBlur);
+		this.win.addEventListener("focus", this.schedule);
+	}
+	/** 找到 ring 应该挂的父节点：向上跳过 contain: none 的祖先。 */
+	resolveRingParent(element) {
+		let scope = element.parentElement;
+		while (scope && this.win.getComputedStyle(scope).contain === "none") scope = scope.parentElement;
+		return scope || this.doc.body;
+	}
+	/** 把目标元素的内联样式/标记改回去，仅当值仍是我们写入的那个。 */
+	static restoreInlineStyles(element, saved, assignedAnchor, oldMarker) {
+		for (const { property, value, priority } of saved) {
+			const assigned = property === "anchor-name" ? assignedAnchor : "none";
+			if (element.style.getPropertyValue(property) !== assigned) continue;
+			if (value) element.style.setProperty(property, value, priority);
+			else element.style.removeProperty(property);
+		}
+		if (element.getAttribute(MANAGED_ATTRIBUTE) === "managed") {
+			if (oldMarker === null) element.removeAttribute(MANAGED_ATTRIBUTE);
+			else element.setAttribute(MANAGED_ATTRIBUTE, oldMarker);
+		}
+	}
+};
+const installations = /* @__PURE__ */ new WeakMap();
+/** 每个 document 安装一次；返回的释放函数对嵌套 Provider 与 Strict Mode 安全。 */
+const installGlobalFocusRing = (doc = document) => {
+	const existing = installations.get(doc);
+	if (existing) {
+		existing.users += 1;
+		let released = false;
+		return () => {
+			if (released) return;
+			released = true;
+			existing.users -= 1;
+			if (existing.users === 0) {
+				existing.controller.dispose();
+				installations.delete(doc);
+			}
+		};
+	}
+	if (!isSupported(doc) || !doc.body) return () => {};
+	const controller = new FocusRingController(doc);
+	installations.set(doc, {
+		controller,
+		users: 0
+	});
+	controller.syncNow();
+	return installGlobalFocusRing(doc);
+};
+//#endregion
+export { installGlobalFocusRing };
+
+//# sourceMappingURL=index.mjs.map

package/es/GlobalFocusRing/index.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.mjs","names":[],"sources":["../../src/GlobalFocusRing/index.ts"],"sourcesContent":["import { globalFocusRingCSS } from './style';\n\nconst RING_ATTRIBUTE = 'data-superad-global-focus-ring';\nconst MANAGED_ATTRIBUTE = 'data-superad-focus-ring';\nconst OPT_OUT_SELECTOR = '[data-superad-focus-ring=\"off\"]';\nconst ANCHOR_NAME = '--superad-global-focus';\nconst FALLBACK_RING_COLOR = '#1677ff';\n\n/** 这些 input 类型本身是可点按控件，需要焦点环；文本类输入不需要。 */\nconst RING_INPUT_TYPES = new Set([\n  'button',\n  'submit',\n  'reset',\n  'image',\n  'checkbox',\n  'radio',\n  'range',\n  'color',\n  'file',\n]);\n\n/** 当前环境是否支持锚点定位 + popover 这套实现。 */\nconst isSupported = (doc: Document): boolean => {\n  const win = doc.defaultView;\n  return Boolean(\n    win?.CSS?.supports('top', 'anchor(top)') &&\n    win.CSS.supports('position-visibility', 'anchors-visible') &&\n    'showPopover' in doc.createElement('div'),\n  );\n};\n\n/** 该元素是否值得挂焦点环。 */\nconst isRingTarget = (element: Element | null, doc: Document): element is HTMLElement => {\n  if (!element || element === doc.body) return false;\n  if (element.namespaceURI !== 'http://www.w3.org/1999/xhtml') return false;\n  if (element.shadowRoot) return false;\n  if (element.closest(OPT_OUT_SELECTOR)) return false;\n  if (element.matches('textarea')) return false;\n  if ((element as HTMLElement).isContentEditable) return false;\n  if (element.matches('input') && !RING_INPUT_TYPES.has((element as HTMLInputElement).type))\n    return false;\n  return element.matches(':focus-visible');\n};\n\ninterface InlineStyleSnapshot {\n  priority: string;\n  property: string;\n  value: string;\n}\n\n/** 单个文档内的焦点环控制器：一个 ring 元素跟随当前 :focus-visible 元素。 */\nclass FocusRingController {\n  private readonly doc: Document;\n  private readonly win: Window;\n  private readonly sheet: HTMLStyleElement;\n  private readonly ring: HTMLDivElement;\n\n  private target?: HTMLElement;\n  private restoreTarget?: () => void;\n  private frame = 0;\n  private disposed = false;\n  private readonly observer: MutationObserver;\n\n  constructor(doc: Document) {\n    this.doc = doc;\n    this.win = doc.defaultView!;\n\n    this.sheet = doc.createElement('style');\n    this.sheet.textContent = globalFocusRingCSS;\n    this.ring = doc.createElement('div');\n    this.ring.setAttribute(RING_ATTRIBUTE, '');\n    this.ring.setAttribute('aria-hidden', 'true');\n    this.ring.setAttribute('popover', 'manual');\n    doc.head.append(this.sheet);\n    doc.body.append(this.ring);\n\n    this.observer = new MutationObserver(() => {\n      if (this.target && !this.target.isConnected) this.clear();\n    });\n    this.observer.observe(doc.body, { childList: true, subtree: true });\n\n    doc.addEventListener('focusin', this.handleFocusIn, true);\n    doc.addEventListener('focusout', this.schedule, true);\n    doc.addEventListener('keydown', this.schedule, true);\n    doc.addEventListener('pointerdown', this.schedule, true);\n    this.win.addEventListener('blur', this.handleWindowBlur);\n    this.win.addEventListener('focus', this.schedule);\n  }\n\n  dispose = () => {\n    this.disposed = true;\n    this.win.cancelAnimationFrame(this.frame);\n    this.observer.disconnect();\n    this.doc.removeEventListener('focusin', this.handleFocusIn, true);\n    this.doc.removeEventListener('focusout', this.schedule, true);\n    this.doc.removeEventListener('keydown', this.schedule, true);\n    this.doc.removeEventListener('pointerdown', this.schedule, true);\n    this.win.removeEventListener('blur', this.handleWindowBlur);\n    this.win.removeEventListener('focus', this.schedule);\n    this.clear();\n    this.ring.remove();\n    this.sheet.remove();\n  };\n\n  private handleFocusIn = () => this.win.queueMicrotask(() => this.sync());\n\n  private handleWindowBlur = () => {\n    this.win.cancelAnimationFrame(this.frame);\n    this.frame = 0;\n    if (this.ring.matches(':popover-open')) this.ring.hidePopover();\n  };\n\n  private schedule = () => {\n    if (this.frame) return;\n    this.frame = this.win.requestAnimationFrame(() => {\n      this.frame = 0;\n      this.sync();\n    });\n  };\n\n  /** 安装后立即对齐一次当前焦点。 */\n  syncNow = () => this.sync();\n\n  private clear = () => {\n    if (this.ring.matches(':popover-open')) this.ring.hidePopover();\n    this.restoreTarget?.();\n    this.restoreTarget = undefined;\n    this.target = undefined;\n  };\n\n  /** 找到 ring 应该挂的父节点：向上跳过 contain: none 的祖先。 */\n  private resolveRingParent(element: HTMLElement): HTMLElement {\n    let scope = element.parentElement;\n    while (scope && this.win.getComputedStyle(scope).contain === 'none')\n      scope = scope.parentElement;\n    return scope || this.doc.body;\n  }\n\n  /** 把目标元素的内联样式/标记改回去，仅当值仍是我们写入的那个。 */\n  private static restoreInlineStyles(\n    element: HTMLElement,\n    saved: InlineStyleSnapshot[],\n    assignedAnchor: string,\n    oldMarker: string | null,\n  ) {\n    for (const { property, value, priority } of saved) {\n      const assigned = property === 'anchor-name' ? assignedAnchor : 'none';\n      if (element.style.getPropertyValue(property) !== assigned) continue;\n      if (value) element.style.setProperty(property, value, priority);\n      else element.style.removeProperty(property);\n    }\n    if (element.getAttribute(MANAGED_ATTRIBUTE) === 'managed') {\n      if (oldMarker === null) element.removeAttribute(MANAGED_ATTRIBUTE);\n      else element.setAttribute(MANAGED_ATTRIBUTE, oldMarker);\n    }\n  }\n\n  private sync = () => {\n    if (this.disposed) return;\n    const next = this.doc.activeElement;\n\n    const alreadyShowing =\n      next === this.target &&\n      next?.matches(':focus-visible') &&\n      next.isConnected &&\n      this.ring.matches(':popover-open');\n    if (alreadyShowing) return;\n\n    this.clear();\n    if (!isRingTarget(next, this.doc)) return;\n\n    const element = next;\n    const ringParent = this.resolveRingParent(element);\n    const moved = this.ring.parentElement !== ringParent;\n    if (moved) ringParent.append(this.ring);\n\n    const computed = this.win.getComputedStyle(element);\n    const borderRadius = computed.borderRadius;\n    const color =\n      computed.getPropertyValue('--superad-focus-ring-color').trim() ||\n      computed.getPropertyValue('--ant-color-info').trim() ||\n      FALLBACK_RING_COLOR;\n    const styleChanged =\n      this.ring.style.borderRadius !== borderRadius ||\n      this.ring.style.getPropertyValue('--superad-focus-ring-color') !== color;\n    if (styleChanged) {\n      this.ring.style.borderRadius = borderRadius;\n      this.ring.style.setProperty('--superad-focus-ring-color', color);\n    }\n    // 刚移动或刚改样式时锚点还没生效，下一帧再同步\n    if (moved || styleChanged) {\n      this.schedule();\n      return;\n    }\n\n    const saved: InlineStyleSnapshot[] = ['anchor-name', 'outline'].map((property) => ({\n      priority: element.style.getPropertyPriority(property),\n      property,\n      value: element.style.getPropertyValue(property),\n    }));\n    const oldMarker = element.getAttribute(MANAGED_ATTRIBUTE);\n    const existingAnchor = computed.getPropertyValue('anchor-name').trim();\n    const assignedAnchor =\n      existingAnchor && existingAnchor !== 'none'\n        ? `${existingAnchor}, ${ANCHOR_NAME}`\n        : ANCHOR_NAME;\n    element.style.setProperty('anchor-name', assignedAnchor, 'important');\n\n    this.restoreTarget = () =>\n      FocusRingController.restoreInlineStyles(element, saved, assignedAnchor, oldMarker);\n\n    const rect = element.getBoundingClientRect();\n    const hasUsableBox =\n      element.getClientRects().length === 1 &&\n      Boolean(rect.width) &&\n      Boolean(rect.height) &&\n      computed.visibility === 'visible';\n    if (!hasUsableBox) {\n      this.clear();\n      return;\n    }\n\n    try {\n      this.ring.showPopover();\n      const bounds = this.ring.getBoundingClientRect();\n      const maxEdgeDelta = Math.max(\n        ...(['top', 'right', 'bottom', 'left'] as const).map((edge) =>\n          Math.abs(bounds[edge] - rect[edge]),\n        ),\n      );\n      // 锚点没对齐（比如目标在 transform 容器里）就放弃，不显示错位的环\n      if (maxEdgeDelta > 1) {\n        this.clear();\n        return;\n      }\n      element.style.setProperty('outline', 'none', 'important');\n      element.setAttribute(MANAGED_ATTRIBUTE, 'managed');\n      this.target = element;\n    } catch {\n      this.clear();\n    }\n  };\n}\n\nconst installations = new WeakMap<Document, { controller: FocusRingController; users: number }>();\n\n/** 每个 document 安装一次；返回的释放函数对嵌套 Provider 与 Strict Mode 安全。 */\nexport const installGlobalFocusRing = (doc: Document = document): (() => void) => {\n  const existing = installations.get(doc);\n  if (existing) {\n    existing.users += 1;\n    let released = false;\n    return () => {\n      if (released) return;\n      released = true;\n      existing.users -= 1;\n      if (existing.users === 0) {\n        existing.controller.dispose();\n        installations.delete(doc);\n      }\n    };\n  }\n\n  if (!isSupported(doc) || !doc.body) return () => {};\n\n  const controller = new FocusRingController(doc);\n  installations.set(doc, { controller, users: 0 });\n  controller.syncNow();\n  // 走一遍上面的引用计数分支，拿到释放函数\n  return installGlobalFocusRing(doc);\n};\n"],"mappings":"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"}

package/es/GlobalFocusRing/style.mjs

@@ -0,0 +1,35 @@
+//#region src/GlobalFocusRing/style.ts
+const focusRingColor = (color) => `color-mix(in srgb, ${color} 90%, transparent)`;
+const globalFocusRingCSS = `
+[data-superad-global-focus-ring] {
+  all: initial;
+  position: fixed;
+  position-anchor: --superad-global-focus;
+  top: anchor(top);
+  right: anchor(right);
+  bottom: anchor(bottom);
+  left: anchor(left);
+  position-visibility: anchors-visible;
+  pointer-events: none;
+  border-radius: inherit;
+  outline: 2px solid ${focusRingColor("var(--superad-focus-ring-color)")};
+  outline-offset: 2px;
+  animation: superad-global-focus-in 200ms cubic-bezier(0.22, 1, 0.36, 1);
+}
+[data-superad-global-focus-ring]:not(:popover-open) { display: none; }
+[data-superad-global-focus-ring]::backdrop { background: transparent; pointer-events: none; }
+@keyframes superad-global-focus-in {
+  from { opacity: 0.25; outline-offset: 5px; }
+  to { opacity: 1; outline-offset: 2px; }
+}
+@media (prefers-reduced-motion: reduce) {
+  [data-superad-global-focus-ring] { animation: none; }
+}
+@media (forced-colors: active) {
+  [data-superad-global-focus-ring] { outline-color: CanvasText; animation: none; }
+}
+`;
+//#endregion
+export { focusRingColor, globalFocusRingCSS };
+
+//# sourceMappingURL=style.mjs.map

package/es/GlobalFocusRing/style.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"style.mjs","names":[],"sources":["../../src/GlobalFocusRing/style.ts"],"sourcesContent":["export const focusRingColor = (color: string) => `color-mix(in srgb, ${color} 90%, transparent)`;\n\nexport const globalFocusRingCSS = `\n[data-superad-global-focus-ring] {\n  all: initial;\n  position: fixed;\n  position-anchor: --superad-global-focus;\n  top: anchor(top);\n  right: anchor(right);\n  bottom: anchor(bottom);\n  left: anchor(left);\n  position-visibility: anchors-visible;\n  pointer-events: none;\n  border-radius: inherit;\n  outline: 2px solid ${focusRingColor('var(--superad-focus-ring-color)')};\n  outline-offset: 2px;\n  animation: superad-global-focus-in 200ms cubic-bezier(0.22, 1, 0.36, 1);\n}\n[data-superad-global-focus-ring]:not(:popover-open) { display: none; }\n[data-superad-global-focus-ring]::backdrop { background: transparent; pointer-events: none; }\n@keyframes superad-global-focus-in {\n  from { opacity: 0.25; outline-offset: 5px; }\n  to { opacity: 1; outline-offset: 2px; }\n}\n@media (prefers-reduced-motion: reduce) {\n  [data-superad-global-focus-ring] { animation: none; }\n}\n@media (forced-colors: active) {\n  [data-superad-global-focus-ring] { outline-color: CanvasText; animation: none; }\n}\n`;\n"],"mappings":";AAAA,MAAa,kBAAkB,UAAkB,sBAAsB,MAAM;AAE7E,MAAa,qBAAqB;;;;;;;;;;;;uBAYX,eAAe,iCAAiC,EAAE"}

package/es/Provider.d.mts

@@ -0,0 +1,5 @@
+import { I18nProviderProps } from "./i18n/types.mjs";
+import { useI18n } from "./ConfigProvider/index.mjs";
+import { I18nProvider } from "./i18n/context.mjs";
+import { useTranslation } from "./i18n/useTranslation.mjs";
+export { I18nProvider, type I18nProviderProps, I18nProvider as SuperadUIProvider, useTranslation };

package/es/Table/canvas/canvasPalette.mjs

@@ -0,0 +1,11 @@
+"use client";
+import { TABLE_CHROME, resolveTableCanvasPalette } from "./theme.mjs";
+//#region src/Table/canvas/canvasPalette.ts
+const getCanvasPalette = (table) => ({
+	...TABLE_CHROME,
+	...table?.__superadPalette ?? table?.options?.customConfig?.__superadPalette ?? resolveTableCanvasPalette()
+});
+//#endregion
+export { getCanvasPalette };
+
+//# sourceMappingURL=canvasPalette.mjs.map

package/es/Table/canvas/canvasPalette.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"canvasPalette.mjs","names":["TABLE_CHROME_BASE"],"sources":["../../../src/Table/canvas/canvasPalette.ts"],"sourcesContent":["'use client';\n\nimport {\n  resolveTableCanvasPalette,\n  TABLE_CHROME as TABLE_CHROME_BASE,\n  type TableCanvasPalette,\n} from './theme';\n\nexport type CanvasPalette = TableCanvasPalette & { paddingX: number };\n\nexport const getCanvasPalette = (table?: any): CanvasPalette => ({\n  ...TABLE_CHROME_BASE,\n  ...(table?.__superadPalette ??\n    table?.options?.customConfig?.__superadPalette ??\n    resolveTableCanvasPalette()),\n});\n"],"mappings":";;;AAUA,MAAa,oBAAoB,WAAgC;CAC/D,GAAGA;CACH,GAAI,OAAO,oBACT,OAAO,SAAS,cAAc,oBAC9B,0BAA0B;AAC9B"}