@lobehub/ui 5.57.2 → 6.0.0-beta.1

package/es/base-ui/FocusScope/FocusScope.d.mts

@@ -1,15 +0,0 @@
-import { HTMLAttributes, Ref } from "react";
-//#region src/base-ui/FocusScope/FocusScope.d.ts
-interface FocusScopeProps extends HTMLAttributes<HTMLDivElement> {
-  debugOutline?: boolean;
-  id?: string;
-  ref?: Ref<HTMLDivElement>;
-}
-declare const useFocusScopeId: () => string | null;
-declare const FocusScope: {
-  ({ id, debugOutline, className, children, onKeyDown, ...rest }: FocusScopeProps): import("react").JSX.Element;
-  displayName: string;
-};
-//#endregion
-export { FocusScope, FocusScopeProps, useFocusScopeId };
-//# sourceMappingURL=FocusScope.d.mts.map

package/es/base-ui/FocusScope/FocusScope.mjs

@@ -1,36 +0,0 @@
-"use client";
-import { registerScope, setActiveScope, useFocusScopeActive } from "./store.mjs";
-import { styles } from "./style.mjs";
-import { createContext, use, useEffect, useId } from "react";
-import { jsx } from "react/jsx-runtime";
-import { cx } from "antd-style";
-//#region src/base-ui/FocusScope/FocusScope.tsx
-const FocusScopeIdContext = createContext(null);
-const useFocusScopeId = () => use(FocusScopeIdContext);
-const FocusScope = ({ id, debugOutline = false, className, children, onKeyDown, ...rest }) => {
-	const generatedId = useId();
-	const scopeId = id ?? generatedId;
-	const isActive = useFocusScopeActive(scopeId);
-	useEffect(() => registerScope(scopeId), [scopeId]);
-	return /* @__PURE__ */ jsx(FocusScopeIdContext, {
-		value: scopeId,
-		children: /* @__PURE__ */ jsx("div", {
-			"data-focus-scope": scopeId,
-			"data-scope-active": isActive ? "" : void 0,
-			tabIndex: -1,
-			...rest,
-			className: cx(styles.root, debugOutline && styles.debugOutline, className),
-			onKeyDown: (event) => {
-				onKeyDown?.(event);
-				if (event.defaultPrevented) return;
-				if (event.key === "Escape") setActiveScope(null);
-			},
-			children
-		})
-	});
-};
-FocusScope.displayName = "FocusScope";
-//#endregion
-export { FocusScope, useFocusScopeId };
-
-//# sourceMappingURL=FocusScope.mjs.map

package/es/base-ui/FocusScope/FocusScope.mjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"FocusScope.mjs","names":[],"sources":["../../../src/base-ui/FocusScope/FocusScope.tsx"],"sourcesContent":["'use client';\n\nimport { cx } from 'antd-style';\nimport { createContext, type HTMLAttributes, type Ref, use, useEffect, useId } from 'react';\n\nimport { registerScope, setActiveScope, useFocusScopeActive } from './store';\nimport { styles } from './style';\n\nexport interface FocusScopeProps extends HTMLAttributes<HTMLDivElement> {\n  debugOutline?: boolean;\n  id?: string;\n  ref?: Ref<HTMLDivElement>;\n}\n\nconst FocusScopeIdContext = createContext<string | null>(null);\n\nexport const useFocusScopeId = () => use(FocusScopeIdContext);\n\nexport const FocusScope = ({\n  id,\n  debugOutline = false,\n  className,\n  children,\n  onKeyDown,\n  ...rest\n}: FocusScopeProps) => {\n  const generatedId = useId();\n  const scopeId = id ?? generatedId;\n  const isActive = useFocusScopeActive(scopeId);\n\n  useEffect(() => registerScope(scopeId), [scopeId]);\n\n  return (\n    <FocusScopeIdContext value={scopeId}>\n      <div\n        data-focus-scope={scopeId}\n        data-scope-active={isActive ? '' : undefined}\n        tabIndex={-1}\n        {...rest}\n        className={cx(styles.root, debugOutline && styles.debugOutline, className)}\n        onKeyDown={(event) => {\n          onKeyDown?.(event);\n          if (event.defaultPrevented) return;\n          if (event.key === 'Escape') setActiveScope(null);\n        }}\n      >\n        {children}\n      </div>\n    </FocusScopeIdContext>\n  );\n};\n\nFocusScope.displayName = 'FocusScope';\n"],"mappings":";;;;;;;AAcA,MAAM,sBAAsB,cAA6B,IAAI;AAE7D,MAAa,wBAAwB,IAAI,mBAAmB;AAE5D,MAAa,cAAc,EACzB,IACA,eAAe,OACf,WACA,UACA,WACA,GAAG,WACkB;CACrB,MAAM,cAAc,MAAM;CAC1B,MAAM,UAAU,MAAM;CACtB,MAAM,WAAW,oBAAoB,OAAO;CAE5C,gBAAgB,cAAc,OAAO,GAAG,CAAC,OAAO,CAAC;CAEjD,OACE,oBAAC,qBAAD;EAAqB,OAAO;EAC1B,UAAA,oBAAC,OAAD;GACE,oBAAkB;GAClB,qBAAmB,WAAW,KAAK,KAAA;GACnC,UAAU;GACV,GAAI;GACJ,WAAW,GAAG,OAAO,MAAM,gBAAgB,OAAO,cAAc,SAAS;GACzE,YAAY,UAAU;IACpB,YAAY,KAAK;IACjB,IAAI,MAAM,kBAAkB;IAC5B,IAAI,MAAM,QAAQ,UAAU,eAAe,IAAI;GACjD;GAEC;EACE,CAAA;CACc,CAAA;AAEzB;AAEA,WAAW,cAAc"}

package/es/base-ui/FocusScope/domUtils.mjs

@@ -1,31 +0,0 @@
-//#region src/base-ui/FocusScope/domUtils.ts
-const isItemVisible = (el) => {
-	if (typeof el.checkVisibility === "function") return el.checkVisibility({
-		checkOpacity: true,
-		checkVisibilityCSS: true
-	});
-	for (let node = el; node; node = node.parentElement) {
-		const style = getComputedStyle(node);
-		if (style.display === "none" || style.visibility === "hidden") return false;
-	}
-	return true;
-};
-const hasSize = (el) => {
-	const rect = el.getBoundingClientRect();
-	return rect.width > 0 && rect.height > 0;
-};
-const isTextInputTarget = (target) => {
-	if (!(target instanceof HTMLElement)) return false;
-	if (target.isContentEditable) return true;
-	return [
-		"INPUT",
-		"SELECT",
-		"TEXTAREA"
-	].includes(target.tagName);
-};
-const hasModifier = (event) => event.metaKey || event.ctrlKey || event.altKey;
-const scopeSelector = (id) => `[data-focus-scope="${id.replaceAll("\"", "\\\"")}"]`;
-//#endregion
-export { hasModifier, hasSize, isItemVisible, isTextInputTarget, scopeSelector };
-
-//# sourceMappingURL=domUtils.mjs.map

package/es/base-ui/FocusScope/domUtils.mjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"domUtils.mjs","names":[],"sources":["../../../src/base-ui/FocusScope/domUtils.ts"],"sourcesContent":["export const isItemVisible = (el: HTMLElement): boolean => {\n  if (typeof el.checkVisibility === 'function') {\n    return el.checkVisibility({ checkOpacity: true, checkVisibilityCSS: true });\n  }\n  for (let node: HTMLElement | null = el; node; node = node.parentElement) {\n    const style = getComputedStyle(node);\n    if (style.display === 'none' || style.visibility === 'hidden') return false;\n  }\n  return true;\n};\n\nexport const hasSize = (el: HTMLElement) => {\n  const rect = el.getBoundingClientRect();\n  return rect.width > 0 && rect.height > 0;\n};\n\nexport const isTextInputTarget = (target: EventTarget | null) => {\n  if (!(target instanceof HTMLElement)) return false;\n  if (target.isContentEditable) return true;\n  return ['INPUT', 'SELECT', 'TEXTAREA'].includes(target.tagName);\n};\n\nexport const hasModifier = (event: KeyboardEvent) => event.metaKey || event.ctrlKey || event.altKey;\n\nexport const scopeSelector = (id: string) => `[data-focus-scope=\"${id.replaceAll('\"', '\\\\\"')}\"]`;\n"],"mappings":";AAAA,MAAa,iBAAiB,OAA6B;CACzD,IAAI,OAAO,GAAG,oBAAoB,YAChC,OAAO,GAAG,gBAAgB;EAAE,cAAc;EAAM,oBAAoB;CAAK,CAAC;CAE5E,KAAK,IAAI,OAA2B,IAAI,MAAM,OAAO,KAAK,eAAe;EACvE,MAAM,QAAQ,iBAAiB,IAAI;EACnC,IAAI,MAAM,YAAY,UAAU,MAAM,eAAe,UAAU,OAAO;CACxE;CACA,OAAO;AACT;AAEA,MAAa,WAAW,OAAoB;CAC1C,MAAM,OAAO,GAAG,sBAAsB;CACtC,OAAO,KAAK,QAAQ,KAAK,KAAK,SAAS;AACzC;AAEA,MAAa,qBAAqB,WAA+B;CAC/D,IAAI,EAAE,kBAAkB,cAAc,OAAO;CAC7C,IAAI,OAAO,mBAAmB,OAAO;CACrC,OAAO;EAAC;EAAS;EAAU;CAAU,CAAC,CAAC,SAAS,OAAO,OAAO;AAChE;AAEA,MAAa,eAAe,UAAyB,MAAM,WAAW,MAAM,WAAW,MAAM;AAE7F,MAAa,iBAAiB,OAAe,sBAAsB,GAAG,WAAW,MAAK,MAAK,EAAE"}

package/es/base-ui/FocusScope/store.d.mts

@@ -1,11 +0,0 @@
-//#region src/base-ui/FocusScope/store.d.ts
-declare const getActiveScopeId: () => string | null;
-declare const setActiveScope: (id: string | null) => void;
-declare const getLastFocusedItem: (scopeId: string) => string | null;
-declare const setLastFocusedItem: (scopeId: string, itemId: string | null) => void;
-declare const registerScope: (id: string) => () => void;
-declare const useActiveScopeId: () => string | null;
-declare const useFocusScopeActive: (id: string) => boolean;
-//#endregion
-export { getActiveScopeId, getLastFocusedItem, registerScope, setActiveScope, setLastFocusedItem, useActiveScopeId, useFocusScopeActive };
-//# sourceMappingURL=store.d.mts.map

package/es/base-ui/FocusScope/store.mjs

@@ -1,76 +0,0 @@
-import { useSyncExternalStore } from "react";
-//#region src/base-ui/FocusScope/store.ts
-let state = {
-	activeScopeId: null,
-	knownScopes: /* @__PURE__ */ new Map(),
-	lastFocusedItem: /* @__PURE__ */ new Map()
-};
-const listeners = /* @__PURE__ */ new Set();
-const setState = (patch) => {
-	state = {
-		...state,
-		...patch
-	};
-	listeners.forEach((listener) => listener());
-};
-const subscribe = (listener) => {
-	listeners.add(listener);
-	return () => listeners.delete(listener);
-};
-const getActiveScopeId = () => state.activeScopeId;
-const setActiveScope = (id) => {
-	if (id !== null && !state.knownScopes.has(id)) return;
-	if (state.activeScopeId === id) return;
-	setState({ activeScopeId: id });
-};
-const getLastFocusedItem = (scopeId) => state.lastFocusedItem.get(scopeId) ?? null;
-const setLastFocusedItem = (scopeId, itemId) => {
-	if ((state.lastFocusedItem.get(scopeId) ?? null) === itemId) return;
-	const next = new Map(state.lastFocusedItem);
-	if (itemId === null) next.delete(scopeId);
-	else next.set(scopeId, itemId);
-	setState({ lastFocusedItem: next });
-};
-const findScopeId = (event) => {
-	return (event.target instanceof Element ? event.target : null)?.closest("[data-focus-scope]")?.dataset.focusScope ?? null;
-};
-const onGlobalInteract = (event) => {
-	const id = findScopeId(event);
-	if (id !== null) setActiveScope(id);
-};
-let listening = false;
-const ensureDocumentListeners = () => {
-	if (listening || typeof document === "undefined") return;
-	listening = true;
-	document.addEventListener("pointerdown", onGlobalInteract, true);
-	document.addEventListener("focusin", onGlobalInteract, true);
-};
-const registerScope = (id) => {
-	ensureDocumentListeners();
-	const next = new Map(state.knownScopes);
-	next.set(id, (next.get(id) ?? 0) + 1);
-	setState({ knownScopes: next });
-	return () => {
-		const count = state.knownScopes.get(id) ?? 0;
-		const scopes = new Map(state.knownScopes);
-		if (count > 1) {
-			scopes.set(id, count - 1);
-			setState({ knownScopes: scopes });
-			return;
-		}
-		scopes.delete(id);
-		const lastFocused = new Map(state.lastFocusedItem);
-		lastFocused.delete(id);
-		setState({
-			activeScopeId: state.activeScopeId === id ? null : state.activeScopeId,
-			knownScopes: scopes,
-			lastFocusedItem: lastFocused
-		});
-	};
-};
-const useActiveScopeId = () => useSyncExternalStore(subscribe, getActiveScopeId, () => null);
-const useFocusScopeActive = (id) => useSyncExternalStore(subscribe, () => state.activeScopeId === id, () => false);
-//#endregion
-export { getActiveScopeId, getLastFocusedItem, registerScope, setActiveScope, setLastFocusedItem, subscribe, useActiveScopeId, useFocusScopeActive };
-
-//# sourceMappingURL=store.mjs.map

package/es/base-ui/FocusScope/store.mjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"store.mjs","names":[],"sources":["../../../src/base-ui/FocusScope/store.ts"],"sourcesContent":["import { useSyncExternalStore } from 'react';\n\ninterface FocusScopeState {\n  activeScopeId: string | null;\n  knownScopes: Map<string, number>;\n  lastFocusedItem: Map<string, string>;\n}\n\nlet state: FocusScopeState = {\n  activeScopeId: null,\n  knownScopes: new Map(),\n  lastFocusedItem: new Map(),\n};\n\nconst listeners = new Set<() => void>();\n\nconst setState = (patch: Partial<FocusScopeState>) => {\n  state = { ...state, ...patch };\n  listeners.forEach((listener) => listener());\n};\n\nexport const subscribe = (listener: () => void) => {\n  listeners.add(listener);\n  return () => listeners.delete(listener);\n};\n\nexport const getActiveScopeId = () => state.activeScopeId;\n\nexport const setActiveScope = (id: string | null) => {\n  if (id !== null && !state.knownScopes.has(id)) return;\n  if (state.activeScopeId === id) return;\n  setState({ activeScopeId: id });\n};\n\nexport const getLastFocusedItem = (scopeId: string) => state.lastFocusedItem.get(scopeId) ?? null;\n\nexport const setLastFocusedItem = (scopeId: string, itemId: string | null) => {\n  if ((state.lastFocusedItem.get(scopeId) ?? null) === itemId) return;\n  const next = new Map(state.lastFocusedItem);\n  if (itemId === null) next.delete(scopeId);\n  else next.set(scopeId, itemId);\n  setState({ lastFocusedItem: next });\n};\n\nconst findScopeId = (event: Event) => {\n  const target = event.target instanceof Element ? event.target : null;\n  return target?.closest<HTMLElement>('[data-focus-scope]')?.dataset.focusScope ?? null;\n};\n\nconst onGlobalInteract = (event: Event) => {\n  const id = findScopeId(event);\n  if (id !== null) setActiveScope(id);\n};\n\nlet listening = false;\n\nconst ensureDocumentListeners = () => {\n  if (listening || typeof document === 'undefined') return;\n  listening = true;\n  document.addEventListener('pointerdown', onGlobalInteract, true);\n  document.addEventListener('focusin', onGlobalInteract, true);\n};\n\nexport const registerScope = (id: string) => {\n  ensureDocumentListeners();\n  const next = new Map(state.knownScopes);\n  next.set(id, (next.get(id) ?? 0) + 1);\n  setState({ knownScopes: next });\n\n  return () => {\n    const count = state.knownScopes.get(id) ?? 0;\n    const scopes = new Map(state.knownScopes);\n    if (count > 1) {\n      scopes.set(id, count - 1);\n      setState({ knownScopes: scopes });\n      return;\n    }\n    scopes.delete(id);\n    const lastFocused = new Map(state.lastFocusedItem);\n    lastFocused.delete(id);\n    setState({\n      activeScopeId: state.activeScopeId === id ? null : state.activeScopeId,\n      knownScopes: scopes,\n      lastFocusedItem: lastFocused,\n    });\n  };\n};\n\nexport const useActiveScopeId = () => useSyncExternalStore(subscribe, getActiveScopeId, () => null);\n\nexport const useFocusScopeActive = (id: string) =>\n  useSyncExternalStore(\n    subscribe,\n    () => state.activeScopeId === id,\n    () => false,\n  );\n"],"mappings":";;AAQA,IAAI,QAAyB;CAC3B,eAAe;CACf,6BAAa,IAAI,IAAI;CACrB,iCAAiB,IAAI,IAAI;AAC3B;AAEA,MAAM,4BAAY,IAAI,IAAgB;AAEtC,MAAM,YAAY,UAAoC;CACpD,QAAQ;EAAE,GAAG;EAAO,GAAG;CAAM;CAC7B,UAAU,SAAS,aAAa,SAAS,CAAC;AAC5C;AAEA,MAAa,aAAa,aAAyB;CACjD,UAAU,IAAI,QAAQ;CACtB,aAAa,UAAU,OAAO,QAAQ;AACxC;AAEA,MAAa,yBAAyB,MAAM;AAE5C,MAAa,kBAAkB,OAAsB;CACnD,IAAI,OAAO,QAAQ,CAAC,MAAM,YAAY,IAAI,EAAE,GAAG;CAC/C,IAAI,MAAM,kBAAkB,IAAI;CAChC,SAAS,EAAE,eAAe,GAAG,CAAC;AAChC;AAEA,MAAa,sBAAsB,YAAoB,MAAM,gBAAgB,IAAI,OAAO,KAAK;AAE7F,MAAa,sBAAsB,SAAiB,WAA0B;CAC5E,KAAK,MAAM,gBAAgB,IAAI,OAAO,KAAK,UAAU,QAAQ;CAC7D,MAAM,OAAO,IAAI,IAAI,MAAM,eAAe;CAC1C,IAAI,WAAW,MAAM,KAAK,OAAO,OAAO;MACnC,KAAK,IAAI,SAAS,MAAM;CAC7B,SAAS,EAAE,iBAAiB,KAAK,CAAC;AACpC;AAEA,MAAM,eAAe,UAAiB;CAEpC,QADe,MAAM,kBAAkB,UAAU,MAAM,SAAS,KAAA,EACjD,QAAqB,oBAAoB,CAAC,EAAE,QAAQ,cAAc;AACnF;AAEA,MAAM,oBAAoB,UAAiB;CACzC,MAAM,KAAK,YAAY,KAAK;CAC5B,IAAI,OAAO,MAAM,eAAe,EAAE;AACpC;AAEA,IAAI,YAAY;AAEhB,MAAM,gCAAgC;CACpC,IAAI,aAAa,OAAO,aAAa,aAAa;CAClD,YAAY;CACZ,SAAS,iBAAiB,eAAe,kBAAkB,IAAI;CAC/D,SAAS,iBAAiB,WAAW,kBAAkB,IAAI;AAC7D;AAEA,MAAa,iBAAiB,OAAe;CAC3C,wBAAwB;CACxB,MAAM,OAAO,IAAI,IAAI,MAAM,WAAW;CACtC,KAAK,IAAI,KAAK,KAAK,IAAI,EAAE,KAAK,KAAK,CAAC;CACpC,SAAS,EAAE,aAAa,KAAK,CAAC;CAE9B,aAAa;EACX,MAAM,QAAQ,MAAM,YAAY,IAAI,EAAE,KAAK;EAC3C,MAAM,SAAS,IAAI,IAAI,MAAM,WAAW;EACxC,IAAI,QAAQ,GAAG;GACb,OAAO,IAAI,IAAI,QAAQ,CAAC;GACxB,SAAS,EAAE,aAAa,OAAO,CAAC;GAChC;EACF;EACA,OAAO,OAAO,EAAE;EAChB,MAAM,cAAc,IAAI,IAAI,MAAM,eAAe;EACjD,YAAY,OAAO,EAAE;EACrB,SAAS;GACP,eAAe,MAAM,kBAAkB,KAAK,OAAO,MAAM;GACzD,aAAa;GACb,iBAAiB;EACnB,CAAC;CACH;AACF;AAEA,MAAa,yBAAyB,qBAAqB,WAAW,wBAAwB,IAAI;AAElG,MAAa,uBAAuB,OAClC,qBACE,iBACM,MAAM,kBAAkB,UACxB,KACR"}

package/es/base-ui/FocusScope/style.d.mts

@@ -1,8 +0,0 @@
-//#region src/base-ui/FocusScope/style.d.ts
-declare const styles: {
-  debugOutline: string;
-  root: string;
-};
-//#endregion
-export { styles };
-//# sourceMappingURL=style.d.mts.map

package/es/base-ui/FocusScope/style.mjs

@@ -1,18 +0,0 @@
-import { createStaticStyles } from "antd-style";
-//#region src/base-ui/FocusScope/style.ts
-const styles = createStaticStyles(({ css, cssVar }) => ({
-	debugOutline: css`
-    &[data-scope-active] {
-      outline: 2px dashed color-mix(in srgb, ${cssVar.colorInfo} 60%, transparent);
-      outline-offset: -2px;
-    }
-  `,
-	root: css`
-    position: relative;
-    outline: none;
-  `
-}));
-//#endregion
-export { styles };
-
-//# sourceMappingURL=style.mjs.map

package/es/base-ui/FocusScope/style.mjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"style.mjs","names":[],"sources":["../../../src/base-ui/FocusScope/style.ts"],"sourcesContent":["import { createStaticStyles } from 'antd-style';\n\nexport const styles = createStaticStyles(({ css, cssVar }) => ({\n  debugOutline: css`\n    &[data-scope-active] {\n      outline: 2px dashed color-mix(in srgb, ${cssVar.colorInfo} 60%, transparent);\n      outline-offset: -2px;\n    }\n  `,\n  root: css`\n    position: relative;\n    outline: none;\n  `,\n}));\n"],"mappings":";;AAEA,MAAa,SAAS,oBAAoB,EAAE,KAAK,cAAc;CAC7D,cAAc,GAAG;;+CAE4B,OAAO,UAAU;;;;CAI9D,MAAM,GAAG;;;;AAIX,EAAE"}

package/es/base-ui/FocusScope/useScopeArrowNav.d.mts

@@ -1,15 +0,0 @@
-//#region src/base-ui/FocusScope/useScopeArrowNav.d.ts
-interface UseScopeArrowNavOptions {
-  enabled?: boolean;
-  extra?: Record<string, (event: KeyboardEvent) => void>;
-  itemSelector?: string;
-  onItemFocus?: (el: HTMLElement) => void;
-  scopeId: string;
-  vimKeys?: boolean;
-}
-declare const notifyScopeItemFocus: (scopeId: string, el: HTMLElement) => void;
-declare const focusScopeItem: (scopeId: string, el: HTMLElement) => void;
-declare const useScopeArrowNav: ({ scopeId, itemSelector, enabled, vimKeys, onItemFocus, extra }: UseScopeArrowNavOptions) => void;
-//#endregion
-export { UseScopeArrowNavOptions, focusScopeItem, notifyScopeItemFocus, useScopeArrowNav };
-//# sourceMappingURL=useScopeArrowNav.d.mts.map

package/es/base-ui/FocusScope/useScopeArrowNav.mjs

@@ -1,111 +0,0 @@
-import { getActiveScopeId, setLastFocusedItem } from "./store.mjs";
-import { hasModifier, isItemVisible, isTextInputTarget, scopeSelector } from "./domUtils.mjs";
-import { useEffect, useRef } from "react";
-//#region src/base-ui/FocusScope/useScopeArrowNav.ts
-let lastHandledEvent = null;
-const focusListeners = /* @__PURE__ */ new Map();
-const registerItemFocus = (scopeId, listener) => {
-	const set = focusListeners.get(scopeId) ?? /* @__PURE__ */ new Set();
-	set.add(listener);
-	focusListeners.set(scopeId, set);
-	return () => {
-		set.delete(listener);
-		if (set.size === 0) focusListeners.delete(scopeId);
-	};
-};
-const notifyScopeItemFocus = (scopeId, el) => {
-	const id = el.dataset.id;
-	if (id) setLastFocusedItem(scopeId, id);
-	focusListeners.get(scopeId)?.forEach((listener) => listener(el));
-};
-const getScopeRoot = (scopeId) => {
-	const selector = scopeSelector(scopeId);
-	const active = document.activeElement;
-	if (active instanceof HTMLElement) {
-		const owned = active.closest(selector);
-		if (owned) return owned;
-	}
-	const candidates = [...document.querySelectorAll(selector)];
-	return candidates.find(isItemVisible) ?? candidates[0] ?? null;
-};
-const focusScopeItem = (scopeId, el) => {
-	el.focus({ preventScroll: true });
-	el.scrollIntoView?.({ block: "nearest" });
-	notifyScopeItemFocus(scopeId, el);
-};
-const useScopeArrowNav = ({ scopeId, itemSelector = "[data-scope-item]", enabled = true, vimKeys = false, onItemFocus, extra }) => {
-	const optionsRef = useRef({
-		extra,
-		itemSelector,
-		onItemFocus,
-		scopeId
-	});
-	optionsRef.current = {
-		extra,
-		itemSelector,
-		onItemFocus,
-		scopeId
-	};
-	useEffect(() => {
-		if (!onItemFocus) return;
-		return registerItemFocus(scopeId, (el) => optionsRef.current.onItemFocus?.(el));
-	}, [scopeId, !!onItemFocus]);
-	useEffect(() => {
-		if (!enabled || typeof window === "undefined") return;
-		const getItems = () => {
-			const root = getScopeRoot(optionsRef.current.scopeId);
-			if (!root) return [];
-			return [...root.querySelectorAll(optionsRef.current.itemSelector)].filter(isItemVisible);
-		};
-		const currentIndex = (items) => {
-			const active = document.activeElement;
-			if (!(active instanceof HTMLElement)) return -1;
-			const item = active.closest(optionsRef.current.itemSelector);
-			return item ? items.indexOf(item) : -1;
-		};
-		const move = (direction) => {
-			const items = getItems();
-			if (items.length === 0) return;
-			const index = currentIndex(items);
-			const next = index === -1 ? direction === 1 ? 0 : items.length - 1 : (index + direction + items.length) % items.length;
-			focusScopeItem(optionsRef.current.scopeId, items[next]);
-		};
-		const edge = (which) => {
-			const items = getItems();
-			if (items.length === 0) return;
-			focusScopeItem(optionsRef.current.scopeId, items[which === "first" ? 0 : items.length - 1]);
-		};
-		const isReachable = () => {
-			const id = optionsRef.current.scopeId;
-			if (getActiveScopeId() === id) return true;
-			const active = document.activeElement;
-			return active instanceof HTMLElement && !!active.closest(scopeSelector(id));
-		};
-		const onKeyDown = (event) => {
-			if (event.defaultPrevented || lastHandledEvent === event) return;
-			if (hasModifier(event) || isTextInputTarget(event.target) || !isReachable()) return;
-			const builtin = {
-				ArrowDown: () => move(1),
-				ArrowUp: () => move(-1),
-				End: () => edge("last"),
-				Home: () => edge("first"),
-				...vimKeys && {
-					j: () => move(1),
-					k: () => move(-1)
-				}
-			};
-			const extraHandler = optionsRef.current.extra?.[event.key];
-			const handler = builtin[event.key] ?? (extraHandler && (() => extraHandler(event)));
-			if (!handler) return;
-			lastHandledEvent = event;
-			event.preventDefault();
-			handler();
-		};
-		window.addEventListener("keydown", onKeyDown, true);
-		return () => window.removeEventListener("keydown", onKeyDown, true);
-	}, [enabled, vimKeys]);
-};
-//#endregion
-export { focusScopeItem, getScopeRoot, notifyScopeItemFocus, useScopeArrowNav };
-
-//# sourceMappingURL=useScopeArrowNav.mjs.map

package/es/base-ui/FocusScope/useScopeArrowNav.mjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"useScopeArrowNav.mjs","names":[],"sources":["../../../src/base-ui/FocusScope/useScopeArrowNav.ts"],"sourcesContent":["import { useEffect, useRef } from 'react';\n\nimport { hasModifier, isItemVisible, isTextInputTarget, scopeSelector } from './domUtils';\nimport { getActiveScopeId, setLastFocusedItem } from './store';\n\nexport interface UseScopeArrowNavOptions {\n  enabled?: boolean;\n  extra?: Record<string, (event: KeyboardEvent) => void>;\n  itemSelector?: string;\n  onItemFocus?: (el: HTMLElement) => void;\n  scopeId: string;\n  vimKeys?: boolean;\n}\n\n// Sibling instances for one scope id (mobile + desktop mounts) all see the same\n// KeyboardEvent; the first one claims it so focus only moves once.\nlet lastHandledEvent: KeyboardEvent | null = null;\n\nconst focusListeners = new Map<string, Set<(el: HTMLElement) => void>>();\n\nconst registerItemFocus = (scopeId: string, listener: (el: HTMLElement) => void) => {\n  const set = focusListeners.get(scopeId) ?? new Set();\n  set.add(listener);\n  focusListeners.set(scopeId, set);\n  return () => {\n    set.delete(listener);\n    if (set.size === 0) focusListeners.delete(scopeId);\n  };\n};\n\nexport const notifyScopeItemFocus = (scopeId: string, el: HTMLElement) => {\n  const id = el.dataset.id;\n  if (id) setLastFocusedItem(scopeId, id);\n  focusListeners.get(scopeId)?.forEach((listener) => listener(el));\n};\n\nexport const getScopeRoot = (scopeId: string): HTMLElement | null => {\n  const selector = scopeSelector(scopeId);\n  const active = document.activeElement;\n  if (active instanceof HTMLElement) {\n    const owned = active.closest<HTMLElement>(selector);\n    if (owned) return owned;\n  }\n  const candidates = [...document.querySelectorAll<HTMLElement>(selector)];\n  return candidates.find(isItemVisible) ?? candidates[0] ?? null;\n};\n\nexport const focusScopeItem = (scopeId: string, el: HTMLElement) => {\n  el.focus({ preventScroll: true });\n  el.scrollIntoView?.({ block: 'nearest' });\n  notifyScopeItemFocus(scopeId, el);\n};\n\nexport const useScopeArrowNav = ({\n  scopeId,\n  itemSelector = '[data-scope-item]',\n  enabled = true,\n  vimKeys = false,\n  onItemFocus,\n  extra,\n}: UseScopeArrowNavOptions) => {\n  const optionsRef = useRef({ extra, itemSelector, onItemFocus, scopeId });\n  optionsRef.current = { extra, itemSelector, onItemFocus, scopeId };\n\n  useEffect(() => {\n    if (!onItemFocus) return;\n    return registerItemFocus(scopeId, (el) => optionsRef.current.onItemFocus?.(el));\n  }, [scopeId, !!onItemFocus]);\n\n  useEffect(() => {\n    if (!enabled || typeof window === 'undefined') return;\n\n    const getItems = () => {\n      const root = getScopeRoot(optionsRef.current.scopeId);\n      if (!root) return [];\n      return [...root.querySelectorAll<HTMLElement>(optionsRef.current.itemSelector)].filter(\n        isItemVisible,\n      );\n    };\n\n    const currentIndex = (items: HTMLElement[]) => {\n      const active = document.activeElement;\n      if (!(active instanceof HTMLElement)) return -1;\n      const item = active.closest<HTMLElement>(optionsRef.current.itemSelector);\n      return item ? items.indexOf(item) : -1;\n    };\n\n    const move = (direction: 1 | -1) => {\n      const items = getItems();\n      if (items.length === 0) return;\n      const index = currentIndex(items);\n      const next =\n        index === -1\n          ? direction === 1\n            ? 0\n            : items.length - 1\n          : (index + direction + items.length) % items.length;\n      focusScopeItem(optionsRef.current.scopeId, items[next]);\n    };\n\n    const edge = (which: 'first' | 'last') => {\n      const items = getItems();\n      if (items.length === 0) return;\n      focusScopeItem(optionsRef.current.scopeId, items[which === 'first' ? 0 : items.length - 1]);\n    };\n\n    const isReachable = () => {\n      const id = optionsRef.current.scopeId;\n      if (getActiveScopeId() === id) return true;\n      const active = document.activeElement;\n      return active instanceof HTMLElement && !!active.closest(scopeSelector(id));\n    };\n\n    const onKeyDown = (event: KeyboardEvent) => {\n      if (event.defaultPrevented || lastHandledEvent === event) return;\n      if (hasModifier(event) || isTextInputTarget(event.target) || !isReachable()) return;\n\n      const builtin: Record<string, () => void> = {\n        ArrowDown: () => move(1),\n        ArrowUp: () => move(-1),\n        End: () => edge('last'),\n        Home: () => edge('first'),\n        ...(vimKeys && { j: () => move(1), k: () => move(-1) }),\n      };\n      const extraHandler = optionsRef.current.extra?.[event.key];\n      const handler = builtin[event.key] ?? (extraHandler && (() => extraHandler(event)));\n      if (!handler) return;\n\n      lastHandledEvent = event;\n      event.preventDefault();\n      handler();\n    };\n\n    window.addEventListener('keydown', onKeyDown, true);\n    return () => window.removeEventListener('keydown', onKeyDown, true);\n  }, [enabled, vimKeys]);\n};\n"],"mappings":"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"}

package/es/base-ui/FocusScope/useScopeSwitcher.d.mts

@@ -1,9 +0,0 @@
-//#region src/base-ui/FocusScope/useScopeSwitcher.d.ts
-interface UseScopeSwitcherOptions {
-  enabled?: boolean;
-  vimKeys?: boolean;
-}
-declare const useScopeSwitcher: ({ enabled, vimKeys }?: UseScopeSwitcherOptions) => void;
-//#endregion
-export { UseScopeSwitcherOptions, useScopeSwitcher };
-//# sourceMappingURL=useScopeSwitcher.d.mts.map

package/es/base-ui/FocusScope/useScopeSwitcher.mjs

@@ -1,47 +0,0 @@
-import { getActiveScopeId, getLastFocusedItem, setActiveScope } from "./store.mjs";
-import { hasModifier, hasSize, isItemVisible, isTextInputTarget } from "./domUtils.mjs";
-import { focusScopeItem } from "./useScopeArrowNav.mjs";
-import { useEffect } from "react";
-//#region src/base-ui/FocusScope/useScopeSwitcher.ts
-const getOrderedScopes = () => {
-	const seen = /* @__PURE__ */ new Set();
-	const out = [];
-	for (const el of document.querySelectorAll("[data-focus-scope]")) {
-		const id = el.dataset.focusScope;
-		if (!id || seen.has(id) || !isItemVisible(el) || !hasSize(el)) continue;
-		seen.add(id);
-		out.push(el);
-	}
-	return out;
-};
-const focusInto = (scope) => {
-	const id = scope.dataset.focusScope;
-	setActiveScope(id);
-	const lastId = getLastFocusedItem(id);
-	const target = lastId && [...scope.querySelectorAll("[data-scope-item]")].find((el) => el.dataset.id === lastId && isItemVisible(el)) || [...scope.querySelectorAll("[data-scope-item]")].find(isItemVisible) || scope;
-	focusScopeItem(id, target);
-};
-const useScopeSwitcher = ({ enabled = true, vimKeys = false } = {}) => {
-	useEffect(() => {
-		if (!enabled || typeof window === "undefined") return;
-		const onKeyDown = (event) => {
-			if (event.defaultPrevented || hasModifier(event) || isTextInputTarget(event.target)) return;
-			const direction = event.key === "ArrowRight" || vimKeys && event.key === "l" ? 1 : event.key === "ArrowLeft" || vimKeys && event.key === "h" ? -1 : 0;
-			if (!direction) return;
-			const scopes = getOrderedScopes();
-			if (scopes.length === 0) return;
-			const activeId = getActiveScopeId();
-			const index = scopes.findIndex((el) => el.dataset.focusScope === activeId);
-			const next = index === -1 ? direction === 1 ? scopes[0] : scopes.at(-1) : scopes[index + direction];
-			if (!next) return;
-			event.preventDefault();
-			focusInto(next);
-		};
-		window.addEventListener("keydown", onKeyDown);
-		return () => window.removeEventListener("keydown", onKeyDown);
-	}, [enabled, vimKeys]);
-};
-//#endregion
-export { useScopeSwitcher };
-
-//# sourceMappingURL=useScopeSwitcher.mjs.map

package/es/base-ui/FocusScope/useScopeSwitcher.mjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"useScopeSwitcher.mjs","names":[],"sources":["../../../src/base-ui/FocusScope/useScopeSwitcher.ts"],"sourcesContent":["import { useEffect } from 'react';\n\nimport { hasModifier, hasSize, isItemVisible, isTextInputTarget } from './domUtils';\nimport { getActiveScopeId, getLastFocusedItem, setActiveScope } from './store';\nimport { focusScopeItem } from './useScopeArrowNav';\n\nexport interface UseScopeSwitcherOptions {\n  enabled?: boolean;\n  vimKeys?: boolean;\n}\n\nconst getOrderedScopes = () => {\n  const seen = new Set<string>();\n  const out: HTMLElement[] = [];\n  for (const el of document.querySelectorAll<HTMLElement>('[data-focus-scope]')) {\n    const id = el.dataset.focusScope;\n    if (!id || seen.has(id) || !isItemVisible(el) || !hasSize(el)) continue;\n    seen.add(id);\n    out.push(el);\n  }\n  return out;\n};\n\nconst focusInto = (scope: HTMLElement) => {\n  const id = scope.dataset.focusScope!;\n  setActiveScope(id);\n  const lastId = getLastFocusedItem(id);\n  const last =\n    lastId &&\n    [...scope.querySelectorAll<HTMLElement>('[data-scope-item]')].find(\n      (el) => el.dataset.id === lastId && isItemVisible(el),\n    );\n  const target =\n    last ||\n    [...scope.querySelectorAll<HTMLElement>('[data-scope-item]')].find(isItemVisible) ||\n    scope;\n  focusScopeItem(id, target);\n};\n\nexport const useScopeSwitcher = ({ enabled = true, vimKeys = false }: UseScopeSwitcherOptions = {}) => {\n  useEffect(() => {\n    if (!enabled || typeof window === 'undefined') return;\n\n    const onKeyDown = (event: KeyboardEvent) => {\n      if (event.defaultPrevented || hasModifier(event) || isTextInputTarget(event.target)) return;\n      const direction =\n        event.key === 'ArrowRight' || (vimKeys && event.key === 'l')\n          ? 1\n          : event.key === 'ArrowLeft' || (vimKeys && event.key === 'h')\n            ? -1\n            : 0;\n      if (!direction) return;\n\n      const scopes = getOrderedScopes();\n      if (scopes.length === 0) return;\n      const activeId = getActiveScopeId();\n      const index = scopes.findIndex((el) => el.dataset.focusScope === activeId);\n      const next = index === -1 ? (direction === 1 ? scopes[0] : scopes.at(-1)!) : scopes[index + direction];\n      if (!next) return;\n      event.preventDefault();\n      focusInto(next);\n    };\n\n    window.addEventListener('keydown', onKeyDown);\n    return () => window.removeEventListener('keydown', onKeyDown);\n  }, [enabled, vimKeys]);\n};\n"],"mappings":";;;;;AAWA,MAAM,yBAAyB;CAC7B,MAAM,uBAAO,IAAI,IAAY;CAC7B,MAAM,MAAqB,CAAC;CAC5B,KAAK,MAAM,MAAM,SAAS,iBAA8B,oBAAoB,GAAG;EAC7E,MAAM,KAAK,GAAG,QAAQ;EACtB,IAAI,CAAC,MAAM,KAAK,IAAI,EAAE,KAAK,CAAC,cAAc,EAAE,KAAK,CAAC,QAAQ,EAAE,GAAG;EAC/D,KAAK,IAAI,EAAE;EACX,IAAI,KAAK,EAAE;CACb;CACA,OAAO;AACT;AAEA,MAAM,aAAa,UAAuB;CACxC,MAAM,KAAK,MAAM,QAAQ;CACzB,eAAe,EAAE;CACjB,MAAM,SAAS,mBAAmB,EAAE;CAMpC,MAAM,SAJJ,UACA,CAAC,GAAG,MAAM,iBAA8B,mBAAmB,CAAC,CAAC,CAAC,MAC3D,OAAO,GAAG,QAAQ,OAAO,UAAU,cAAc,EAAE,CACtD,KAGA,CAAC,GAAG,MAAM,iBAA8B,mBAAmB,CAAC,CAAC,CAAC,KAAK,aAAa,KAChF;CACF,eAAe,IAAI,MAAM;AAC3B;AAEA,MAAa,oBAAoB,EAAE,UAAU,MAAM,UAAU,UAAmC,CAAC,MAAM;CACrG,gBAAgB;EACd,IAAI,CAAC,WAAW,OAAO,WAAW,aAAa;EAE/C,MAAM,aAAa,UAAyB;GAC1C,IAAI,MAAM,oBAAoB,YAAY,KAAK,KAAK,kBAAkB,MAAM,MAAM,GAAG;GACrF,MAAM,YACJ,MAAM,QAAQ,gBAAiB,WAAW,MAAM,QAAQ,MACpD,IACA,MAAM,QAAQ,eAAgB,WAAW,MAAM,QAAQ,MACrD,KACA;GACR,IAAI,CAAC,WAAW;GAEhB,MAAM,SAAS,iBAAiB;GAChC,IAAI,OAAO,WAAW,GAAG;GACzB,MAAM,WAAW,iBAAiB;GAClC,MAAM,QAAQ,OAAO,WAAW,OAAO,GAAG,QAAQ,eAAe,QAAQ;GACzE,MAAM,OAAO,UAAU,KAAM,cAAc,IAAI,OAAO,KAAK,OAAO,GAAG,EAAE,IAAM,OAAO,QAAQ;GAC5F,IAAI,CAAC,MAAM;GACX,MAAM,eAAe;GACrB,UAAU,IAAI;EAChB;EAEA,OAAO,iBAAiB,WAAW,SAAS;EAC5C,aAAa,OAAO,oBAAoB,WAAW,SAAS;CAC9D,GAAG,CAAC,SAAS,OAAO,CAAC;AACvB"}

package/es/base-ui/Form/Form.mjs

@@ -1,155 +0,0 @@
-"use client";
-import { rootVariants } from "./style.mjs";
-import { FormContext } from "./context.mjs";
-import FormField from "./components/FormField.mjs";
-import FormFlatGroup from "./components/FormFlatGroup.mjs";
-import FormGroup from "./components/FormGroup.mjs";
-import { memo, useCallback, useEffect, useMemo, useRef, useState } from "react";
-import { jsx, jsxs } from "react/jsx-runtime";
-import { cx, useResponsive } from "antd-style";
-import { isUndefined } from "es-toolkit/compat";
-import { Form } from "@base-ui/react/form";
-//#region src/base-ui/Form/Form.tsx
-const serializeForm = (form) => {
-	if (!form) return "";
-	const entries = [...new FormData(form).entries()].filter(([, value]) => typeof value === "string");
-	return JSON.stringify(entries.sort((a, b) => a[0].localeCompare(b[0])));
-};
-const Form$1 = memo(({ className, itemMinWidth, footer, items = [], children, itemsType = "group", variant = "borderless", classNames, styles: customStyles, gap, style, collapsible, defaultActiveKey, initialValues, activeKey, onCollapse, onFinish, onFormSubmit, layout, ref, ...rest }) => {
-	const { mobile } = useResponsive();
-	const formRef = useRef(null);
-	const [submitLoading, setSubmitLoading] = useState(false);
-	const [hasUnsavedChanges, setHasUnsavedChanges] = useState(false);
-	const snapshotRef = useRef("");
-	const syncUnsaved = useCallback(() => {
-		setHasUnsavedChanges(serializeForm(formRef.current) !== snapshotRef.current);
-	}, []);
-	useEffect(() => {
-		const form = formRef.current;
-		if (!form) return;
-		snapshotRef.current = serializeForm(form);
-		let resetTimer;
-		const handleMutation = () => syncUnsaved();
-		const handleReset = () => {
-			resetTimer = setTimeout(() => {
-				snapshotRef.current = serializeForm(formRef.current);
-				syncUnsaved();
-			}, 0);
-		};
-		form.addEventListener("input", handleMutation);
-		form.addEventListener("change", handleMutation);
-		form.addEventListener("reset", handleReset);
-		return () => {
-			clearTimeout(resetTimer);
-			form.removeEventListener("input", handleMutation);
-			form.removeEventListener("change", handleMutation);
-			form.removeEventListener("reset", handleReset);
-		};
-	}, [syncUnsaved]);
-	const requestReset = useCallback(() => {
-		formRef.current?.reset();
-	}, []);
-	const mergedRef = useCallback((node) => {
-		formRef.current = node;
-		if (typeof ref === "function") ref(node);
-		else if (ref) ref.current = node;
-	}, [ref]);
-	const context = useMemo(() => ({
-		hasUnsavedChanges,
-		initialValues,
-		itemMinWidth,
-		layout: layout || (mobile ? "vertical" : "horizontal"),
-		requestReset,
-		submitLoading,
-		variant
-	}), [
-		hasUnsavedChanges,
-		initialValues,
-		itemMinWidth,
-		layout,
-		mobile,
-		requestReset,
-		submitLoading,
-		variant
-	]);
-	const mapFlat = useCallback((item, itemIndex) => /* @__PURE__ */ jsx(FormField, {
-		className: classNames?.item,
-		divider: itemIndex !== 0,
-		style: customStyles?.item,
-		variant,
-		...item
-	}, itemIndex), [
-		variant,
-		classNames,
-		customStyles
-	]);
-	const mapTree = useCallback((group, groupIndex) => {
-		const key = group?.key || groupIndex;
-		return /* @__PURE__ */ jsx(FormGroup, {
-			active: activeKey && group?.key ? activeKey.includes(key) : void 0,
-			className: classNames?.group,
-			collapsible: isUndefined(group.collapsible) ? collapsible : group.collapsible,
-			desc: group?.desc,
-			extra: group?.extra,
-			icon: group?.icon,
-			style: customStyles?.group,
-			title: group.title,
-			variant: group?.variant || variant,
-			defaultActive: defaultActiveKey && group?.key ? defaultActiveKey.includes(key) : group?.defaultActive,
-			onCollapse: (active) => {
-				let keys = activeKey || defaultActiveKey || [];
-				keys = keys.filter((k) => k !== key);
-				onCollapse?.(active ? [...keys, key] : keys);
-			},
-			children: Array.isArray(group.children) ? group.children.filter((item) => !item.hidden).map((item, i) => mapFlat(item, i)) : group.children
-		}, key);
-	}, [
-		activeKey,
-		collapsible,
-		defaultActiveKey,
-		onCollapse,
-		variant,
-		classNames,
-		customStyles,
-		mapFlat
-	]);
-	return /* @__PURE__ */ jsx(FormContext, {
-		value: context,
-		children: /* @__PURE__ */ jsxs(Form, {
-			className: cx(rootVariants({ variant }), className),
-			ref: mergedRef,
-			style: {
-				gap,
-				...style
-			},
-			onFormSubmit: async (values, eventDetails) => {
-				onFormSubmit?.(values, eventDetails);
-				if (!onFinish) return;
-				setSubmitLoading(true);
-				try {
-					await onFinish(values, eventDetails);
-					snapshotRef.current = serializeForm(formRef.current);
-					syncUnsaved();
-				} finally {
-					setSubmitLoading(false);
-				}
-			},
-			...rest,
-			children: [
-				items && items.length > 0 ? itemsType === "group" ? items.map((item, i) => mapTree(item, i)) : /* @__PURE__ */ jsx(FormFlatGroup, {
-					className: classNames?.group,
-					style: customStyles?.group,
-					variant,
-					children: items.filter((item) => !item.hidden).map((item, i) => mapFlat(item, i))
-				}) : void 0,
-				children,
-				footer
-			]
-		})
-	});
-});
-Form$1.displayName = "Form";
-//#endregion
-export { Form$1 as default };
-
-//# sourceMappingURL=Form.mjs.map

package/es/base-ui/Form/Form.mjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"Form.mjs","names":["Form","BaseForm"],"sources":["../../../src/base-ui/Form/Form.tsx"],"sourcesContent":["'use client';\n\nimport { Form as BaseForm } from '@base-ui/react/form';\nimport { cx, useResponsive } from 'antd-style';\nimport { isUndefined } from 'es-toolkit/compat';\nimport { memo, useCallback, useEffect, useMemo, useRef, useState } from 'react';\n\nimport FormField from './components/FormField';\nimport FormFlatGroup from './components/FormFlatGroup';\nimport FormGroup from './components/FormGroup';\nimport { FormContext } from './context';\nimport { rootVariants } from './style';\nimport type { FormFieldProps, FormGroupItemType, FormProps } from './type';\n\nconst serializeForm = (form: HTMLFormElement | null) => {\n  if (!form) return '';\n  const entries = [...new FormData(form).entries()].filter(\n    ([, value]) => typeof value === 'string',\n  ) as [string, string][];\n  return JSON.stringify(entries.sort((a, b) => a[0].localeCompare(b[0])));\n};\n\nconst Form = memo<FormProps>(\n  ({\n    className,\n    itemMinWidth,\n    footer,\n    items = [],\n    children,\n    itemsType = 'group',\n    variant = 'borderless',\n    classNames,\n    styles: customStyles,\n    gap,\n    style,\n    collapsible,\n    defaultActiveKey,\n    initialValues,\n    activeKey,\n    onCollapse,\n    onFinish,\n    onFormSubmit,\n    layout,\n    ref,\n    ...rest\n  }) => {\n    const { mobile } = useResponsive();\n    const formRef = useRef<HTMLFormElement>(null);\n    const [submitLoading, setSubmitLoading] = useState(false);\n    const [hasUnsavedChanges, setHasUnsavedChanges] = useState(false);\n    const snapshotRef = useRef('');\n\n    const syncUnsaved = useCallback(() => {\n      setHasUnsavedChanges(serializeForm(formRef.current) !== snapshotRef.current);\n    }, []);\n\n    useEffect(() => {\n      const form = formRef.current;\n      if (!form) return;\n      snapshotRef.current = serializeForm(form);\n      let resetTimer: ReturnType<typeof setTimeout>;\n      const handleMutation = () => syncUnsaved();\n      const handleReset = () => {\n        resetTimer = setTimeout(() => {\n          snapshotRef.current = serializeForm(formRef.current);\n          syncUnsaved();\n        }, 0);\n      };\n      form.addEventListener('input', handleMutation);\n      form.addEventListener('change', handleMutation);\n      form.addEventListener('reset', handleReset);\n      return () => {\n        clearTimeout(resetTimer);\n        form.removeEventListener('input', handleMutation);\n        form.removeEventListener('change', handleMutation);\n        form.removeEventListener('reset', handleReset);\n      };\n    }, [syncUnsaved]);\n\n    const requestReset = useCallback(() => {\n      formRef.current?.reset();\n    }, []);\n\n    const mergedRef = useCallback(\n      (node: HTMLFormElement | null) => {\n        formRef.current = node;\n        if (typeof ref === 'function') ref(node);\n        else if (ref) ref.current = node;\n      },\n      [ref],\n    );\n\n    const context = useMemo(\n      () => ({\n        hasUnsavedChanges,\n        initialValues,\n        itemMinWidth,\n        layout: layout || (mobile ? ('vertical' as const) : ('horizontal' as const)),\n        requestReset,\n        submitLoading,\n        variant,\n      }),\n      [\n        hasUnsavedChanges,\n        initialValues,\n        itemMinWidth,\n        layout,\n        mobile,\n        requestReset,\n        submitLoading,\n        variant,\n      ],\n    );\n\n    const mapFlat = useCallback(\n      (item: FormFieldProps, itemIndex: number) => (\n        <FormField\n          className={classNames?.item}\n          divider={itemIndex !== 0}\n          key={itemIndex}\n          style={customStyles?.item}\n          variant={variant}\n          {...item}\n        />\n      ),\n      [variant, classNames, customStyles],\n    );\n\n    const mapTree = useCallback(\n      (group: FormGroupItemType, groupIndex: number) => {\n        const key = group?.key || groupIndex;\n        return (\n          <FormGroup\n            active={activeKey && group?.key ? activeKey.includes(key) : undefined}\n            className={classNames?.group}\n            collapsible={isUndefined(group.collapsible) ? collapsible : group.collapsible}\n            desc={group?.desc}\n            extra={group?.extra}\n            icon={group?.icon}\n            key={key}\n            style={customStyles?.group}\n            title={group.title}\n            variant={group?.variant || variant}\n            defaultActive={\n              defaultActiveKey && group?.key ? defaultActiveKey.includes(key) : group?.defaultActive\n            }\n            onCollapse={(active) => {\n              let keys: (string | number)[] = activeKey || defaultActiveKey || [];\n              keys = keys.filter((k) => k !== key);\n              onCollapse?.(active ? [...keys, key] : keys);\n            }}\n          >\n            {Array.isArray(group.children)\n              ? group.children.filter((item) => !item.hidden).map((item, i) => mapFlat(item, i))\n              : group.children}\n          </FormGroup>\n        );\n      },\n      [\n        activeKey,\n        collapsible,\n        defaultActiveKey,\n        onCollapse,\n        variant,\n        classNames,\n        customStyles,\n        mapFlat,\n      ],\n    );\n\n    return (\n      <FormContext value={context}>\n        <BaseForm\n          className={cx(rootVariants({ variant }), className)}\n          ref={mergedRef}\n          style={{ gap, ...style }}\n          onFormSubmit={async (values, eventDetails) => {\n            onFormSubmit?.(values, eventDetails);\n            if (!onFinish) return;\n            setSubmitLoading(true);\n            try {\n              await onFinish(values, eventDetails);\n              snapshotRef.current = serializeForm(formRef.current);\n              syncUnsaved();\n            } finally {\n              setSubmitLoading(false);\n            }\n          }}\n          {...rest}\n        >\n          {items && items.length > 0 ? (\n            itemsType === 'group' ? (\n              (items as FormGroupItemType[]).map((item, i) => mapTree(item, i))\n            ) : (\n              <FormFlatGroup\n                className={classNames?.group}\n                style={customStyles?.group}\n                variant={variant}\n              >\n                {(items as FormFieldProps[])\n                  .filter((item) => !item.hidden)\n                  .map((item, i) => mapFlat(item, i))}\n              </FormFlatGroup>\n            )\n          ) : undefined}\n          {children}\n          {footer}\n        </BaseForm>\n      </FormContext>\n    );\n  },\n);\n\nForm.displayName = 'Form';\n\nexport default Form;\n"],"mappings":"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"}

package/es/base-ui/Form/components/FormDivider.d.mts

@@ -1,7 +0,0 @@
-import { FormDividerProps } from "../type.mjs";
-import { FC } from "react";
-//#region src/base-ui/Form/components/FormDivider.d.ts
-declare const FormDivider: FC<FormDividerProps>;
-//#endregion
-export { FormDivider as default };
-//# sourceMappingURL=FormDivider.d.mts.map