@vef-framework-react/components 2.1.0

package/dist/es/form/helpers/with-form-item.js

@@ -0,0 +1,33 @@
+/*! @vef-framework-react/components v2.1.0 made by Venus | 2026-03-27T08:01:44.052Z */
+import { useFieldContext as e } from "../contexts/form-context.js";
+import { useFormItemProps as t } from "../hooks/use-form-item-props.js";
+import { jsx as n } from "@emotion/react/jsx-runtime";
+import { Form as r } from "antd";
+//#region src/form/helpers/with-form-item.tsx
+function i(e, t) {
+	if (e) return "validating";
+	if (!t) return "error";
+}
+function a(a, o) {
+	function s({ layout: a, label: s, labelAlign: c, labelWidth: l, extra: u, noWrapper: d, required: f, ...p }) {
+		let m = t({
+			layout: a,
+			label: s,
+			labelAlign: c,
+			labelWidth: l,
+			extra: u,
+			required: f,
+			noWrapper: d
+		}), { state: { meta: { errors: h, isValid: g, isValidating: _ } } } = e(), v = h.length > 0 ? h[0].message : null;
+		return /* @__PURE__ */ n(r.Item, {
+			...m,
+			hasFeedback: _,
+			help: v,
+			validateStatus: i(_, g),
+			children: /* @__PURE__ */ n(o, { ...p })
+		});
+	}
+	return s.displayName = a, s;
+}
+//#endregion
+export { a as withFormItem };

package/dist/es/form/hooks/use-form-item-props.js

@@ -0,0 +1,21 @@
+/*! @vef-framework-react/components v2.1.0 made by Venus | 2026-03-27T08:01:44.052Z */
+import { useFormLayout as e } from "../contexts/form-layout.js";
+import { useLabelWidth as t } from "./use-label-width.js";
+import { useMemo as n } from "react";
+//#region src/form/hooks/use-form-item-props.ts
+function r(r) {
+	let { layout: i, label: a, labelAlign: o, labelWidth: s, extra: c, noWrapper: l, required: u } = r, d = e(), f = i ?? d.layout, p = t(f, s ?? d.labelWidth), m = n(() => {
+		if (!(f === "vertical" || !p)) return { flex: `0 0 ${p}px` };
+	}, [p, f]);
+	return {
+		layout: f,
+		label: a,
+		labelAlign: o ?? d.labelAlign,
+		labelCol: m,
+		extra: c,
+		noStyle: l,
+		required: u
+	};
+}
+//#endregion
+export { r as useFormItemProps };

package/dist/es/form/hooks/use-label-width.js

@@ -0,0 +1,12 @@
+/*! @vef-framework-react/components v2.1.0 made by Venus | 2026-03-27T08:01:44.052Z */
+import { showWarningMessage as e } from "../../_base/helpers/message.js";
+import { useMemo as t } from "react";
+//#region src/form/hooks/use-label-width.ts
+var n = 60, r = 120;
+function i(i, a) {
+	return t(() => {
+		if (!(i === "vertical" || !a)) return (a < n || a > r) && e(`The labelWidth of Form component must be between ${n} and ${r}.`), Math.min(Math.max(a, n), r);
+	}, [i, a]);
+}
+//#endregion
+export { i as useLabelWidth };

package/dist/es/form/index.js

@@ -0,0 +1,3 @@
+/*! @vef-framework-react/components v2.1.0 made by Venus | 2026-03-27T08:01:44.052Z */
+import "./form.js";
+import "./use-form.js";

package/dist/es/form/use-form.js

@@ -0,0 +1,16 @@
+/*! @vef-framework-react/components v2.1.0 made by Venus | 2026-03-27T08:01:44.052Z */
+import { useAppForm as e } from "./form.js";
+import { jsx as t } from "@emotion/react/jsx-runtime";
+import { useMemo as n } from "react";
+//#region src/form/use-form.tsx
+function r(r) {
+	let i = e(r);
+	return n(() => {
+		let { AppForm: e, Form: n } = i, r = (r) => /* @__PURE__ */ t(e, { children: /* @__PURE__ */ t(n, { ...r }) });
+		return new Proxy(i, { get(e, t, n) {
+			return t === "Form" ? r : Reflect.get(e, t, n);
+		} });
+	}, [i]);
+}
+//#endregion
+export { r as useForm };

package/dist/es/grid/context.js

@@ -0,0 +1,11 @@
+/*! @vef-framework-react/components v2.1.0 made by Venus | 2026-03-27T08:01:44.052Z */
+import { createContext as e, use as t } from "react";
+//#region src/grid/context.ts
+var n = e(null), r = n.Provider;
+function i() {
+	let e = t(n);
+	if (!e) throw Error("GridItem must be used as direct child of Grid");
+	return e;
+}
+//#endregion
+export { r as GridContextProvider, i as useGridContext };

package/dist/es/grid/grid-item.js

@@ -0,0 +1,28 @@
+/*! @vef-framework-react/components v2.1.0 made by Venus | 2026-03-27T08:01:44.052Z */
+import { useGridContext as e } from "./context.js";
+import { gridItem as t } from "./styles.js";
+import { jsx as n } from "@emotion/react/jsx-runtime";
+import { useMemo as r } from "react";
+function i({ span: i = 1, offset: a = 0, suffix: o = !1, style: s, ...c }) {
+	let { gridColumns: l } = e(), u = r(() => {
+		let e = i, t = a;
+		return {
+			"--vef-grid-item-column": o ? `${l + 1 - e} / span ${e}` : `span ${e}`,
+			...t > 0 && !o ? { "--vef-grid-item-margin-left": `calc(100% * ${t} / ${e})` } : {},
+			...s
+		};
+	}, [
+		i,
+		a,
+		o,
+		l,
+		s
+	]);
+	return /* @__PURE__ */ n("div", {
+		...c,
+		css: t,
+		style: u
+	});
+}
+//#endregion
+export { i as GridItem };

package/dist/es/grid/hooks/index.js

@@ -0,0 +1,7 @@
+/*! @vef-framework-react/components v2.1.0 made by Venus | 2026-03-27T08:01:44.052Z */
+import "./use-container-breakpoints.js";
+import "./use-container-width.js";
+import "./use-grid-collapsed.js";
+import "./use-normalized-gap.js";
+import "./use-responsive-breakpoint.js";
+import "./use-responsive-value.js";

package/dist/es/grid/hooks/use-container-breakpoints.js

@@ -0,0 +1,16 @@
+/*! @vef-framework-react/components v2.1.0 made by Venus | 2026-03-27T08:01:44.052Z */
+import { useMemo as e } from "react";
+//#region src/grid/hooks/use-container-breakpoints.ts
+function t(t) {
+	return e(() => ({
+		xxs: t,
+		xs: t * 2,
+		sm: t * 3,
+		md: t * 4,
+		lg: t * 5,
+		xl: t * 6,
+		xxl: t * 7
+	}), [t]);
+}
+//#endregion
+export { t as useContainerBreakpoints };

package/dist/es/grid/hooks/use-container-width.js

@@ -0,0 +1,26 @@
+/*! @vef-framework-react/components v2.1.0 made by Venus | 2026-03-27T08:01:44.052Z */
+import { useEffect as e, useRef as t, useState as n } from "react";
+import { useIsomorphicEffect as r } from "@vef-framework-react/hooks";
+//#region src/grid/hooks/use-container-width.ts
+function i() {
+	let i = t(0), a = t(null), [o, s] = n(0);
+	return r(() => {
+		a.current && s(a.current.getBoundingClientRect().width);
+	}, []), e(() => {
+		if (a.current) {
+			let e = new ResizeObserver(([e]) => {
+				e && (i.current && cancelAnimationFrame(i.current), i.current = requestAnimationFrame(() => {
+					s(e.contentBoxSize.at(0)?.inlineSize ?? e.contentRect.width);
+				}));
+			});
+			return e.observe(a.current, { box: "content-box" }), () => {
+				e.disconnect(), i.current && cancelAnimationFrame(i.current);
+			};
+		}
+	}, []), {
+		containerWidth: o,
+		containerRef: a
+	};
+}
+//#endregion
+export { i as useContainerWidth };

package/dist/es/grid/hooks/use-grid-collapsed.js

@@ -0,0 +1,12 @@
+/*! @vef-framework-react/components v2.1.0 made by Venus | 2026-03-27T08:01:44.052Z */
+import { useGridContext as e } from "../context.js";
+//#region src/grid/hooks/use-grid-collapsed.ts
+function t() {
+	let { isCollapsed: t, setCollapsed: n } = e();
+	return {
+		isCollapsed: t,
+		setCollapsed: n
+	};
+}
+//#endregion
+export { t as useGridCollapsed };

package/dist/es/grid/hooks/use-normalized-gap.js

@@ -0,0 +1,26 @@
+/*! @vef-framework-react/components v2.1.0 made by Venus | 2026-03-27T08:01:44.052Z */
+import { useThemeTokens as e } from "../../_base/hooks/use-theme-tokens.js";
+import { isNumber as t, isString as n } from "@vef-framework-react/shared";
+import { useMemo as r } from "react";
+//#region src/grid/hooks/use-normalized-gap.ts
+function i([t, n]) {
+	let i = e();
+	return r(() => [a(t, i), a(n, i)], [
+		n,
+		t,
+		i
+	]);
+}
+function a(e, { margin: r, marginSM: i, marginXS: a, marginMD: o, marginLG: s }) {
+	if (t(e)) return e;
+	if (n(e)) switch (e) {
+		case "extra-small": return a;
+		case "small": return i;
+		case "medium": return r;
+		case "large": return o;
+		case "extra-large": return s;
+	}
+	return 0;
+}
+//#endregion
+export { i as useNormalizedGap };

package/dist/es/grid/hooks/use-responsive-breakpoint.js

@@ -0,0 +1,11 @@
+/*! @vef-framework-react/components v2.1.0 made by Venus | 2026-03-27T08:01:44.052Z */
+import { useMemo as e } from "react";
+//#region src/grid/hooks/use-responsive-breakpoint.ts
+function t(t, n) {
+	return e(() => {
+		for (let [e, r] of Object.entries(t)) if (n <= r) return e;
+		return "xxl";
+	}, [n, t]);
+}
+//#endregion
+export { t as useResponsiveBreakpoint };

package/dist/es/grid/hooks/use-responsive-value.js

@@ -0,0 +1,19 @@
+/*! @vef-framework-react/components v2.1.0 made by Venus | 2026-03-27T08:01:44.052Z */
+import { breakpoints as e } from "../../_base/constants/breakpoints.js";
+import { isPlainObject as t } from "@vef-framework-react/shared";
+import "react";
+function n(n, r) {
+	if (t(n)) {
+		let t = n[r];
+		if (t) return t;
+		let i = Object.keys(e), a = i.indexOf(r);
+		for (; a--;) {
+			let e = n[i[a]];
+			if (e) return e;
+		}
+		return;
+	}
+	return n;
+}
+//#endregion
+export { n as getResponsiveValue };

package/dist/es/grid/index.js

@@ -0,0 +1,97 @@
+/*! @vef-framework-react/components v2.1.0 made by Venus | 2026-03-27T08:01:44.052Z */
+import { GridContextProvider as e } from "./context.js";
+import { grid as t } from "./styles.js";
+import { GridItem as n } from "./grid-item.js";
+import { useContainerBreakpoints as r } from "./hooks/use-container-breakpoints.js";
+import { useContainerWidth as i } from "./hooks/use-container-width.js";
+import "./hooks/use-grid-collapsed.js";
+import { useNormalizedGap as a } from "./hooks/use-normalized-gap.js";
+import { useResponsiveBreakpoint as o } from "./hooks/use-responsive-breakpoint.js";
+import { getResponsiveValue as s } from "./hooks/use-responsive-value.js";
+import { jsx as c } from "@emotion/react/jsx-runtime";
+import { Children as l, cloneElement as u, isValidElement as d, useCallback as f, useMemo as p, useState as m } from "react";
+import { useMergedRef as h } from "@vef-framework-react/hooks";
+import { clsx as g } from "@vef-framework-react/core";
+//#region src/grid/index.tsx
+function _(e, t, r, i, a) {
+	let o = [];
+	l.forEach(e, (e) => {
+		if (!d(e) || e.type !== n) return;
+		let t = e, r = t.props, i = s(r.span ?? 1, a) ?? 1;
+		if (i === 0) return;
+		let c = s(r.offset ?? 0, a) ?? 0;
+		o.push({
+			element: t,
+			span: i,
+			offset: c
+		});
+	});
+	let c = 0, f = o.at(-1);
+	f?.element.props.suffix === !0 && (c = f.span);
+	let p = 0, m = !1;
+	return o.map(({ element: e, span: n, offset: a }, s) => {
+		let l = Math.min(n + a, t);
+		if (!m && r) {
+			let e = p % t;
+			l + e > t && (p += t - e), l + p + c > i * t ? m = !0 : p += l;
+		}
+		if (m) {
+			let { props: t } = e;
+			return u(e, {
+				className: s === o.length - 1 && t.suffix === !0 ? t.className : g(t.className, "hidden"),
+				span: n,
+				offset: a
+			});
+		}
+		return u(e, {
+			key: e.key || s,
+			span: l,
+			offset: a
+		});
+	});
+}
+function v({ baseWidth: n = 240, gap: s = 0, columnGap: l, rowGap: u, defaultIsCollapsed: d = !1, isCollapsed: g, collapsedRows: v = 1, onCollapseChange: y, style: b, children: x, ref: S, ...C }) {
+	let [w, T] = m(d), E = g !== void 0, D = E ? g : w, O = f((e) => {
+		let t = e || !D;
+		E || T(t), y?.(t);
+	}, [
+		E,
+		D,
+		y
+	]), { containerRef: k, containerWidth: A } = i(), j = h(k, S), M = o(r(n), A), [N, P] = a([u ?? s, l ?? s]), F = p(() => A > 24 * P ? {
+		"--vef-grid-row-gap": `${N}px`,
+		"--vef-grid-column-gap": `${P}px`,
+		...b
+	} : {
+		"--vef-grid-row-gap": `${N}px`,
+		"--vef-grid-column-gap": `${Math.floor(A / 24)}px`,
+		...b
+	}, [
+		A,
+		P,
+		N,
+		b
+	]), I = p(() => ({
+		gridColumns: 24,
+		isCollapsed: D,
+		setCollapsed: O
+	}), [D, O]), L = p(() => _(x, 24, D, v, M), [
+		x,
+		D,
+		v,
+		M
+	]);
+	return /* @__PURE__ */ c("div", {
+		...C,
+		ref: j,
+		css: t,
+		style: F,
+		children: /* @__PURE__ */ c(e, {
+			value: I,
+			children: L
+		})
+	});
+}
+v.Item = n;
+//#endregion
+export { v as Grid };

package/dist/es/grid/styles.js

@@ -0,0 +1,22 @@
+/*! @vef-framework-react/components v2.1.0 made by Venus | 2026-03-27T08:01:44.052Z */
+import { css as e } from "@emotion/react";
+//#region src/grid/styles.ts
+function t() {
+	return "You have tried to stringify object returned from `css` function. It isn't supposed to be used directly (e.g. as value of the `className` prop), but rather handed to emotion so it can handle it (e.g. as value of `css` prop).";
+}
+var n = /* @__PURE__ */ e({
+	display: "grid",
+	width: "100%",
+	gridTemplateColumns: "repeat(24, minmax(0, 1fr))",
+	columnGap: "var(--vef-grid-column-gap, 0)",
+	rowGap: "var(--vef-grid-row-gap, 0)"
+}, process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbInN0eWxlcy50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFJb0IiLCJmaWxlIjoic3R5bGVzLnRzIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgY3NzIH0gZnJvbSBcIkBlbW90aW9uL3JlYWN0XCI7XG5cbmV4cG9ydCBjb25zdCBncmlkQ29sdW1ucyA9IDI0O1xuXG5leHBvcnQgY29uc3QgZ3JpZCA9IGNzcyh7XG4gIGRpc3BsYXk6IFwiZ3JpZFwiLFxuICB3aWR0aDogXCIxMDAlXCIsXG4gIGdyaWRUZW1wbGF0ZUNvbHVtbnM6IGByZXBlYXQoJHtncmlkQ29sdW1uc30sIG1pbm1heCgwLCAxZnIpKWAsXG4gIGNvbHVtbkdhcDogXCJ2YXIoLS12ZWYtZ3JpZC1jb2x1bW4tZ2FwLCAwKVwiLFxuICByb3dHYXA6IFwidmFyKC0tdmVmLWdyaWQtcm93LWdhcCwgMClcIlxufSk7XG5cbmV4cG9ydCBjb25zdCBncmlkSXRlbSA9IGNzcyh7XG4gIGdyaWRDb2x1bW46IFwidmFyKC0tdmVmLWdyaWQtaXRlbS1jb2x1bW4sIHNwYW4gMSlcIixcbiAgbWFyZ2luTGVmdDogXCJ2YXIoLS12ZWYtZ3JpZC1pdGVtLW1hcmdpbi1sZWZ0LCAwKVwiLFxuICBcIiYuaGlkZGVuXCI6IHtcbiAgICBkaXNwbGF5OiBcIm5vbmVcIlxuICB9XG59KTtcbiJdfQ== */"), r = process.env.NODE_ENV === "production" ? {
+	name: "6308ym",
+	styles: "grid-column:var(--vef-grid-item-column, span 1);margin-left:var(--vef-grid-item-margin-left, 0);&.hidden{display:none;}"
+} : {
+	name: "6308ym",
+	styles: "grid-column:var(--vef-grid-item-column, span 1);margin-left:var(--vef-grid-item-margin-left, 0);&.hidden{display:none;}/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbInN0eWxlcy50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFZd0IiLCJmaWxlIjoic3R5bGVzLnRzIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgY3NzIH0gZnJvbSBcIkBlbW90aW9uL3JlYWN0XCI7XG5cbmV4cG9ydCBjb25zdCBncmlkQ29sdW1ucyA9IDI0O1xuXG5leHBvcnQgY29uc3QgZ3JpZCA9IGNzcyh7XG4gIGRpc3BsYXk6IFwiZ3JpZFwiLFxuICB3aWR0aDogXCIxMDAlXCIsXG4gIGdyaWRUZW1wbGF0ZUNvbHVtbnM6IGByZXBlYXQoJHtncmlkQ29sdW1uc30sIG1pbm1heCgwLCAxZnIpKWAsXG4gIGNvbHVtbkdhcDogXCJ2YXIoLS12ZWYtZ3JpZC1jb2x1bW4tZ2FwLCAwKVwiLFxuICByb3dHYXA6IFwidmFyKC0tdmVmLWdyaWQtcm93LWdhcCwgMClcIlxufSk7XG5cbmV4cG9ydCBjb25zdCBncmlkSXRlbSA9IGNzcyh7XG4gIGdyaWRDb2x1bW46IFwidmFyKC0tdmVmLWdyaWQtaXRlbS1jb2x1bW4sIHNwYW4gMSlcIixcbiAgbWFyZ2luTGVmdDogXCJ2YXIoLS12ZWYtZ3JpZC1pdGVtLW1hcmdpbi1sZWZ0LCAwKVwiLFxuICBcIiYuaGlkZGVuXCI6IHtcbiAgICBkaXNwbGF5OiBcIm5vbmVcIlxuICB9XG59KTtcbiJdfQ== */",
+	toString: t
+};
+//#endregion
+export { n as grid, r as gridItem };

package/dist/es/group/index.js

@@ -0,0 +1,16 @@
+/*! @vef-framework-react/components v2.1.0 made by Venus | 2026-03-27T08:01:44.052Z */
+import { Flex as e } from "../flex/index.js";
+import { jsx as t } from "@emotion/react/jsx-runtime";
+//#region src/group/index.tsx
+function n({ ref: n, children: r, gap: i = "small", align: a = "center", ...o }) {
+	return /* @__PURE__ */ t(e, {
+		ref: n,
+		align: a,
+		gap: i,
+		orientation: "horizontal",
+		...o,
+		children: r
+	});
+}
+//#endregion
+export { n as Group };

package/dist/es/icon/index.js

@@ -0,0 +1,33 @@
+/*! @vef-framework-react/components v2.1.0 made by Venus | 2026-03-27T08:01:44.052Z */
+import { jsx as e } from "@emotion/react/jsx-runtime";
+import "@emotion/react";
+import { Icon as t } from "lucide-react";
+//#region src/icon/index.tsx
+function n() {
+	return "You have tried to stringify object returned from `css` function. It isn't supposed to be used directly (e.g. as value of the `className` prop), but rather handed to emotion so it can handle it (e.g. as value of `css` prop).";
+}
+var r = process.env.NODE_ENV === "production" ? {
+	name: "8sxzyi",
+	styles: "display:inline-flex;justify-content:center;align-items:center;color:inherit;font-style:normal;line-height:0;text-transform:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;vertical-align:-0.25em"
+} : {
+	name: "8sxzyi",
+	styles: "display:inline-flex;justify-content:center;align-items:center;color:inherit;font-style:normal;line-height:0;text-transform:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;vertical-align:-0.25em/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbImluZGV4LnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFLa0IiLCJmaWxlIjoiaW5kZXgudHN4Iiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHR5cGUgeyBJY29uUHJvcHMgfSBmcm9tIFwiLi9wcm9wc1wiO1xuXG5pbXBvcnQgeyBjc3MgfSBmcm9tIFwiQGVtb3Rpb24vcmVhY3RcIjtcbmltcG9ydCB7IEljb24gYXMgTHVjaWRlSWNvbiB9IGZyb20gXCJsdWNpZGUtcmVhY3RcIjtcblxuY29uc3QgaWNvblN0eWxlID0gY3NzKHtcbiAgZGlzcGxheTogXCJpbmxpbmUtZmxleFwiLFxuICBqdXN0aWZ5Q29udGVudDogXCJjZW50ZXJcIixcbiAgYWxpZ25JdGVtczogXCJjZW50ZXJcIixcbiAgY29sb3I6IFwiaW5oZXJpdFwiLFxuICBmb250U3R5bGU6IFwibm9ybWFsXCIsXG4gIGxpbmVIZWlnaHQ6IDAsXG4gIHRleHRUcmFuc2Zvcm06IFwibm9uZVwiLFxuICB0ZXh0UmVuZGVyaW5nOiBcIm9wdGltaXplTGVnaWJpbGl0eVwiLFxuICBXZWJraXRGb250U21vb3RoaW5nOiBcImFudGlhbGlhc2VkXCIsXG4gIE1vek9zeEZvbnRTbW9vdGhpbmc6IFwiZ3JheXNjYWxlXCIsXG4gIHZlcnRpY2FsQWxpZ246IFwiLTAuMjVlbVwiXG59KTtcblxuZXhwb3J0IGZ1bmN0aW9uIEljb24oe1xuICBjb21wb25lbnQ6IENvbXBvbmVudCxcbiAgaWNvbk5vZGUsXG4gIGNsYXNzTmFtZSxcbiAgc3R5bGUsXG4gIC4uLnByb3BzXG59OiBJY29uUHJvcHMpIHtcbiAgcmV0dXJuIChcbiAgICA8c3BhblxuICAgICAgY2xhc3NOYW1lPXtjbGFzc05hbWV9XG4gICAgICBjc3M9e2ljb25TdHlsZX1cbiAgICAgIHN0eWxlPXtzdHlsZX1cbiAgICA+XG4gICAgICB7XG4gICAgICAgIGljb25Ob2RlXG4gICAgICAgICAgPyA8THVjaWRlSWNvbiBpY29uTm9kZT17aWNvbk5vZGV9IHNpemU9XCIxLjJlbVwiIHsuLi5wcm9wc30gLz5cbiAgICAgICAgICA6IDxDb21wb25lbnQgc2l6ZT1cIjEuMmVtXCIgey4uLnByb3BzfSAvPlxuICAgICAgfVxuICAgIDwvc3Bhbj5cbiAgKTtcbn1cblxuZXhwb3J0IHsgdHlwZSBJY29uUHJvcHMgfSBmcm9tIFwiLi9wcm9wc1wiO1xuIl19 */",
+	toString: n
+};
+function i({ component: n, iconNode: i, className: a, style: o, ...s }) {
+	return /* @__PURE__ */ e("span", {
+		className: a,
+		css: r,
+		style: o,
+		children: i ? /* @__PURE__ */ e(t, {
+			iconNode: i,
+			size: "1.2em",
+			...s
+		}) : /* @__PURE__ */ e(n, {
+			size: "1.2em",
+			...s
+		})
+	});
+}
+//#endregion
+export { i as Icon };

package/dist/es/icon-button/index.js

@@ -0,0 +1,31 @@
+/*! @vef-framework-react/components v2.1.0 made by Venus | 2026-03-27T08:01:44.052Z */
+import { globalCssVars as e } from "../_base/constants/css-vars.js";
+import { Button as t } from "../button/index.js";
+import { Tooltip as n } from "../tooltip/index.js";
+import { jsx as r } from "@emotion/react/jsx-runtime";
+import { isNullish as i } from "@vef-framework-react/shared";
+import { cloneElement as a } from "react";
+import { css as o } from "@emotion/react";
+//#region src/icon-button/index.tsx
+var s = /* @__PURE__ */ o({
+	padding: 0,
+	width: e.controlHeight,
+	"&.vef-btn-sm": { width: e.controlHeightSm },
+	"&.vef-btn-lg": { width: e.controlHeightLg }
+}, process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbImluZGV4LnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFVb0IiLCJmaWxlIjoiaW5kZXgudHN4Iiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHR5cGUgeyBJY29uQnV0dG9uUHJvcHMgfSBmcm9tIFwiLi9wcm9wc1wiO1xuXG5pbXBvcnQgeyBjc3MgfSBmcm9tIFwiQGVtb3Rpb24vcmVhY3RcIjtcbmltcG9ydCB7IGlzTnVsbGlzaCB9IGZyb20gXCJAdmVmLWZyYW1ld29yay1yZWFjdC9zaGFyZWRcIjtcbmltcG9ydCB7IGNsb25lRWxlbWVudCB9IGZyb20gXCJyZWFjdFwiO1xuXG5pbXBvcnQgeyBnbG9iYWxDc3NWYXJzIH0gZnJvbSBcIi4uL19iYXNlXCI7XG5pbXBvcnQgeyBCdXR0b24gfSBmcm9tIFwiLi4vYnV0dG9uXCI7XG5pbXBvcnQgeyBUb29sdGlwIH0gZnJvbSBcIi4uL3Rvb2x0aXBcIjtcblxuY29uc3QgYnV0dG9uU3R5bGUgPSBjc3Moe1xuICBwYWRkaW5nOiAwLFxuICB3aWR0aDogZ2xvYmFsQ3NzVmFycy5jb250cm9sSGVpZ2h0LFxuICBcIiYudmVmLWJ0bi1zbVwiOiB7XG4gICAgd2lkdGg6IGdsb2JhbENzc1ZhcnMuY29udHJvbEhlaWdodFNtXG4gIH0sXG4gIFwiJi52ZWYtYnRuLWxnXCI6IHtcbiAgICB3aWR0aDogZ2xvYmFsQ3NzVmFycy5jb250cm9sSGVpZ2h0TGdcbiAgfVxufSk7XG5cbmV4cG9ydCBmdW5jdGlvbiBJY29uQnV0dG9uKHtcbiAgaWNvbixcbiAgdGlwLFxuICB0aXBEZWxheSxcbiAgcGxhY2VtZW50LFxuICAuLi5wcm9wc1xufTogSWNvbkJ1dHRvblByb3BzKSB7XG4gIGNvbnN0IGJ1dHRvbk5vZGUgPSAoXG4gICAgPEJ1dHRvblxuICAgICAgY3NzPXtidXR0b25TdHlsZX1cbiAgICAgIHR5cGU9XCJ0ZXh0XCJcbiAgICAgIHsuLi5wcm9wc31cbiAgICA+XG4gICAgICB7XG4gICAgICAgIGNsb25lRWxlbWVudChpY29uLCB7XG4gICAgICAgICAgc2l6ZTogXCIxLjJlbVwiXG4gICAgICAgIH0pXG4gICAgICB9XG4gICAgPC9CdXR0b24+XG4gICk7XG5cbiAgcmV0dXJuIGlzTnVsbGlzaCh0aXApXG4gICAgPyBidXR0b25Ob2RlXG4gICAgOiAoXG4gICAgICAgIDxUb29sdGlwXG4gICAgICAgICAgbW91c2VFbnRlckRlbGF5PXt0aXBEZWxheX1cbiAgICAgICAgICBwbGFjZW1lbnQ9e3BsYWNlbWVudH1cbiAgICAgICAgICB0aXRsZT17dGlwfVxuICAgICAgICA+XG4gICAgICAgICAge2J1dHRvbk5vZGV9XG4gICAgICAgIDwvVG9vbHRpcD5cbiAgICAgICk7XG59XG5cbmV4cG9ydCB7IHR5cGUgSWNvbkJ1dHRvblByb3BzIH0gZnJvbSBcIi4vcHJvcHNcIjtcbiJdfQ== */");
+function c({ icon: e, tip: o, tipDelay: c, placement: l, ...u }) {
+	let d = /* @__PURE__ */ r(t, {
+		css: s,
+		type: "text",
+		...u,
+		children: a(e, { size: "1.2em" })
+	});
+	return i(o) ? d : /* @__PURE__ */ r(n, {
+		mouseEnterDelay: c,
+		placement: l,
+		title: o,
+		children: d
+	});
+}
+//#endregion
+export { c as IconButton };

package/dist/es/image/index.js

@@ -0,0 +1,3 @@
+/*! @vef-framework-react/components v2.1.0 made by Venus | 2026-03-27T08:01:44.052Z */
+import { Image as e } from "antd";
+export { e as Image };

package/dist/es/index.js

@@ -0,0 +1,109 @@
+/*! @vef-framework-react/components v2.1.0 made by Venus | 2026-03-27T08:01:44.052Z */
+import { breakpoints as e } from "./_base/constants/breakpoints.js";
+import { colors as t, fullSizes as n, presetColors as r, semanticColors as i, semanticSceneIcons as a, semanticSceneLabels as o, semanticScenes as s, sizes as c } from "./_base/constants/common.js";
+import { globalCssVars as l } from "./_base/constants/css-vars.js";
+import { resolveBreakpointValue as u } from "./_base/helpers/breakpoints.js";
+import { isPresetColor as d, isSemanticColor as f } from "./_base/helpers/color.js";
+import { getSpacingValue as p, mapSize as m } from "./_base/helpers/common.js";
+import { closeAllMessages as h, showErrorMessage as g, showInfoMessage as _, showLoadingMessage as v, showSuccessMessage as y, showWarningMessage as b } from "./_base/helpers/message.js";
+import { showConfirm as x, showErrorAlert as S, showInfoAlert as C, showSuccessAlert as w, showWarningAlert as T } from "./_base/helpers/modal.js";
+import { closeAllNotifications as E, showErrorNotification as D, showInfoNotification as O, showSuccessNotification as k, showWarningNotification as A } from "./_base/helpers/notification.js";
+import { isFragment as j } from "./_base/helpers/react.js";
+import { useThemeTokens as M } from "./_base/hooks/use-theme-tokens.js";
+import { Button as N } from "./button/index.js";
+import { Icon as P } from "./icon/index.js";
+import { Popconfirm as F } from "./popconfirm/index.js";
+import { ActionButton as I } from "./action-button/index.js";
+import { Flex as L } from "./flex/index.js";
+import { Group as R } from "./group/index.js";
+import { ActionGroup as z } from "./action-group/index.js";
+import { Affix as B } from "./affix/index.js";
+import { Alert as V } from "./alert/index.js";
+import { Anchor as H } from "./anchor/index.js";
+import { AutoComplete as U } from "./auto-complete/index.js";
+import { Avatar as W } from "./avatar/index.js";
+import { Badge as G } from "./badge/index.js";
+import { Checkbox as K } from "./checkbox/index.js";
+import { Radio as q } from "./radio/index.js";
+import { Switch as J } from "./switch/index.js";
+import { Bool as Y } from "./bool/index.js";
+import { Breadcrumb as X } from "./breadcrumb/index.js";
+import { Calendar as Z } from "./calendar/index.js";
+import { Card as Q } from "./card/index.js";
+import { Carousel as $ } from "./carousel/index.js";
+import { Cascader as ee } from "./cascader/index.js";
+import { Center as te } from "./center/index.js";
+import { useIsDarkMode as ne } from "./config-provider/dark-mode-context.js";
+import { ConfigProvider as re } from "./config-provider/index.js";
+import { useChart as ie } from "./charts/hooks/use-chart.js";
+import { Chart as ae } from "./charts/chart.js";
+import { connectCharts as oe, disconnectCharts as se } from "./charts/helpers/group.js";
+import { CodeHighlighter as ce } from "./code-highlighter/index.js";
+import { Col as le } from "./col/index.js";
+import { Collapse as ue } from "./collapse/index.js";
+import { ColorPicker as de } from "./color-picker/index.js";
+import { Compact as fe } from "./compact/index.js";
+import { DatePicker as pe } from "./date-picker/index.js";
+import { Descriptions as me } from "./descriptions/index.js";
+import { Divider as he } from "./divider/index.js";
+import { Drawer as ge } from "./drawer/index.js";
+import { Dropdown as _e } from "./dropdown/index.js";
+import { DynamicIcon as ve } from "./dynamic-icon/index.js";
+import ye from "./empty/empty.js";
+import { FlipText as be } from "./flip-text/index.js";
+import { FloatButton as xe } from "./float-button/index.js";
+import { Input as Se } from "./input/index.js";
+import { InputNumber as Ce } from "./input-number/index.js";
+import { Mentions as we } from "./mentions/index.js";
+import { Rate as Te } from "./rate/index.js";
+import { Spin as Ee } from "./spin/index.js";
+import { Loader as De } from "./loader/index.js";
+import { useDataOptionsSelect as Oe } from "./select/hooks/use-data-options-select.js";
+import { Select as ke } from "./select/index.js";
+import { Slider as Ae } from "./slider/index.js";
+import { TimePicker as je } from "./time-picker/index.js";
+import { Transfer as Me } from "./transfer/index.js";
+import { useDataOptionsTreeSelect as Ne } from "./tree-select/hooks/use-data-options-tree-select.js";
+import { TreeSelect as Pe } from "./tree-select/index.js";
+import { Image as Fe } from "./image/index.js";
+import { Upload as Ie } from "./upload/index.js";
+import { createFormOptions as Le, useFormContext as Re, useFormStore as ze, withFieldGroup as Be, withForm as Ve } from "./form/form.js";
+import { useForm as He } from "./form/use-form.js";
+import { useGridCollapsed as Ue } from "./grid/hooks/use-grid-collapsed.js";
+import { Grid as We } from "./grid/index.js";
+import { Tooltip as Ge } from "./tooltip/index.js";
+import { IconButton as Ke } from "./icon-button/index.js";
+import { Keyboard as qe } from "./keyboard/index.js";
+import { List as Je } from "./list/index.js";
+import { Menu as Ye } from "./menu/index.js";
+import { Modal as Xe } from "./modal/index.js";
+import { PermissionGate as Ze } from "./permission-gate/index.js";
+import { OperationButton as Qe } from "./operation-button/index.js";
+import { Pagination as $e } from "./pagination/index.js";
+import { Popover as et } from "./popover/index.js";
+import { Progress as tt } from "./progress/index.js";
+import { QRCode as nt } from "./qrcode/index.js";
+import { Result as rt } from "./result/index.js";
+import { Row as it } from "./row/index.js";
+import { ScrollArea as at } from "./scroll-area/index.js";
+import { Segmented as ot } from "./segmented/index.js";
+import { Skeleton as st } from "./skeleton/index.js";
+import ct from "./space/space.js";
+import { SparklesText as lt } from "./sparkles-text/index.js";
+import { SplitText as ut } from "./split-text/index.js";
+import { Splitter as dt } from "./splitter/index.js";
+import { Stack as ft } from "./stack/index.js";
+import { Statistic as pt } from "./statistic/index.js";
+import { Steps as mt } from "./steps/index.js";
+import { pageSizeOptions as ht, usePaginationProps as gt } from "./table/use-pagination-props.js";
+import { Table as _t } from "./table/index.js";
+import { Tabs as vt } from "./tabs/index.js";
+import { Tag as yt } from "./tag/index.js";
+import { Timeline as bt } from "./timeline/index.js";
+import { Tour as xt } from "./tour/index.js";
+import { useDataOptionsTree as St } from "./tree/hooks/use-data-options-tree.js";
+import { Tree as Ct } from "./tree/index.js";
+import { TypingAnimation as wt } from "./typing-animation/index.js";
+import { Link as Tt, Paragraph as Et, Text as Dt, Title as Ot } from "./typography/index.js";
+import { Watermark as kt } from "./watermark/index.js";
+export { I as ActionButton, z as ActionGroup, B as Affix, V as Alert, H as Anchor, U as AutoComplete, W as Avatar, G as Badge, Y as Bool, X as Breadcrumb, N as Button, Z as Calendar, Q as Card, $ as Carousel, ee as Cascader, te as Center, ae as Chart, K as Checkbox, ce as CodeHighlighter, le as Col, ue as Collapse, de as ColorPicker, fe as Compact, re as ConfigProvider, pe as DatePicker, me as Descriptions, he as Divider, ge as Drawer, _e as Dropdown, ve as DynamicIcon, ye as Empty, L as Flex, be as FlipText, xe as FloatButton, We as Grid, R as Group, P as Icon, Ke as IconButton, Fe as Image, Se as Input, Ce as InputNumber, qe as Keyboard, Tt as Link, Je as List, De as Loader, we as Mentions, Ye as Menu, Xe as Modal, Qe as OperationButton, $e as Pagination, Et as Paragraph, Ze as PermissionGate, F as Popconfirm, et as Popover, tt as Progress, nt as QRCode, q as Radio, Te as Rate, rt as Result, it as Row, at as ScrollArea, ot as Segmented, ke as Select, st as Skeleton, Ae as Slider, ct as Space, lt as SparklesText, Ee as Spin, ut as SplitText, dt as Splitter, ft as Stack, pt as Statistic, mt as Steps, J as Switch, _t as Table, vt as Tabs, yt as Tag, Dt as Text, je as TimePicker, bt as Timeline, Ot as Title, Ge as Tooltip, xt as Tour, Me as Transfer, Ct as Tree, Pe as TreeSelect, wt as TypingAnimation, Ie as Upload, kt as Watermark, e as breakpoints, h as closeAllMessages, E as closeAllNotifications, t as colors, oe as connectCharts, Le as createFormOptions, se as disconnectCharts, n as fullSizes, p as getSpacingValue, l as globalCssVars, j as isFragment, d as isPresetColor, f as isSemanticColor, m as mapSize, ht as pageSizeOptions, r as presetColors, u as resolveBreakpointValue, i as semanticColors, a as semanticSceneIcons, o as semanticSceneLabels, s as semanticScenes, x as showConfirm, S as showErrorAlert, g as showErrorMessage, D as showErrorNotification, C as showInfoAlert, _ as showInfoMessage, O as showInfoNotification, v as showLoadingMessage, w as showSuccessAlert, y as showSuccessMessage, k as showSuccessNotification, T as showWarningAlert, b as showWarningMessage, A as showWarningNotification, c as sizes, ie as useChart, Oe as useDataOptionsSelect, St as useDataOptionsTree, Ne as useDataOptionsTreeSelect, He as useForm, Re as useFormContext, ze as useFormStore, Ue as useGridCollapsed, ne as useIsDarkMode, gt as usePaginationProps, M as useThemeTokens, Be as withFieldGroup, Ve as withForm };

package/dist/es/input/index.js

@@ -0,0 +1,3 @@
+/*! @vef-framework-react/components v2.1.0 made by Venus | 2026-03-27T08:01:44.052Z */
+import { Input as e } from "antd";
+export { e as Input };

package/dist/es/input-number/index.js

@@ -0,0 +1,3 @@
+/*! @vef-framework-react/components v2.1.0 made by Venus | 2026-03-27T08:01:44.052Z */
+import { InputNumber as e } from "antd";
+export { e as InputNumber };

package/dist/es/keyboard/index.js

@@ -0,0 +1,39 @@
+/*! @vef-framework-react/components v2.1.0 made by Venus | 2026-03-27T08:01:44.052Z */
+import { globalCssVars as e } from "../_base/constants/css-vars.js";
+import { jsx as t } from "@emotion/react/jsx-runtime";
+import { useMemo as n } from "react";
+import { css as r } from "@emotion/react";
+//#region src/keyboard/index.tsx
+var i = /* @__PURE__ */ r({
+	"--vef-keyboard-size": e.fontSize,
+	"--vef-keyboard-height": "1.6em",
+	fontFamily: e.fontFamilyCode,
+	fontWeight: "bold",
+	fontSize: "var(--vef-keyboard-size)",
+	lineHeight: 1,
+	color: e.colorTextLabel,
+	borderRadius: e.borderRadiusSm,
+	border: `${e.lineWidth} ${e.lineType}`,
+	borderBlockEndWidth: "3px",
+	borderColor: e.colorBorder,
+	backgroundColor: e.colorFillQuaternary,
+	unicodeBidi: "embed",
+	textAlign: "center",
+	paddingInline: "0.45em",
+	height: "var(--vef-keyboard-height)",
+	display: "inline-flex",
+	alignItems: "center",
+	justifyContent: "center"
+}, process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbImluZGV4LnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFPc0IiLCJmaWxlIjoiaW5kZXgudHN4Iiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHR5cGUgeyBLZXlib2FyZFByb3BzIH0gZnJvbSBcIi4vcHJvcHNcIjtcblxuaW1wb3J0IHsgY3NzIH0gZnJvbSBcIkBlbW90aW9uL3JlYWN0XCI7XG5pbXBvcnQgeyB1c2VNZW1vIH0gZnJvbSBcInJlYWN0XCI7XG5cbmltcG9ydCB7IGdsb2JhbENzc1ZhcnMgfSBmcm9tIFwiLi4vX2Jhc2VcIjtcblxuY29uc3Qga2V5Ym9hcmRTdHlsZSA9IGNzcyh7XG4gIFwiLS12ZWYta2V5Ym9hcmQtc2l6ZVwiOiBnbG9iYWxDc3NWYXJzLmZvbnRTaXplLFxuICBcIi0tdmVmLWtleWJvYXJkLWhlaWdodFwiOiBcIjEuNmVtXCIsXG4gIGZvbnRGYW1pbHk6IGdsb2JhbENzc1ZhcnMuZm9udEZhbWlseUNvZGUsXG4gIGZvbnRXZWlnaHQ6IFwiYm9sZFwiLFxuICBmb250U2l6ZTogXCJ2YXIoLS12ZWYta2V5Ym9hcmQtc2l6ZSlcIixcbiAgbGluZUhlaWdodDogMSxcbiAgY29sb3I6IGdsb2JhbENzc1ZhcnMuY29sb3JUZXh0TGFiZWwsXG4gIGJvcmRlclJhZGl1czogZ2xvYmFsQ3NzVmFycy5ib3JkZXJSYWRpdXNTbSxcbiAgYm9yZGVyOiBgJHtnbG9iYWxDc3NWYXJzLmxpbmVXaWR0aH0gJHtnbG9iYWxDc3NWYXJzLmxpbmVUeXBlfWAsXG4gIGJvcmRlckJsb2NrRW5kV2lkdGg6IFwiM3B4XCIsXG4gIGJvcmRlckNvbG9yOiBnbG9iYWxDc3NWYXJzLmNvbG9yQm9yZGVyLFxuICBiYWNrZ3JvdW5kQ29sb3I6IGdsb2JhbENzc1ZhcnMuY29sb3JGaWxsUXVhdGVybmFyeSxcbiAgdW5pY29kZUJpZGk6IFwiZW1iZWRcIixcbiAgdGV4dEFsaWduOiBcImNlbnRlclwiLFxuICBwYWRkaW5nSW5saW5lOiBcIjAuNDVlbVwiLFxuICBoZWlnaHQ6IFwidmFyKC0tdmVmLWtleWJvYXJkLWhlaWdodClcIixcbiAgZGlzcGxheTogXCJpbmxpbmUtZmxleFwiLFxuICBhbGlnbkl0ZW1zOiBcImNlbnRlclwiLFxuICBqdXN0aWZ5Q29udGVudDogXCJjZW50ZXJcIlxufSk7XG5cbmV4cG9ydCBmdW5jdGlvbiBLZXlib2FyZCh7XG4gIHNpemUgPSBcIm1lZGl1bVwiLFxuICBzdHlsZSxcbiAgLi4ucHJvcHNcbn06IEtleWJvYXJkUHJvcHMpIHtcbiAgY29uc3QgbWVyZ2VkU3R5bGUgPSB1c2VNZW1vKCgpID0+IHtcbiAgICByZXR1cm4ge1xuICAgICAgLi4uc3R5bGUsXG4gICAgICBcIi0tdmVmLWtleWJvYXJkLXNpemVcIjogc2l6ZSA9PT0gXCJzbWFsbFwiID8gZ2xvYmFsQ3NzVmFycy5mb250U2l6ZVNtIDogc2l6ZSA9PT0gXCJsYXJnZVwiID8gZ2xvYmFsQ3NzVmFycy5mb250U2l6ZUxnIDogZ2xvYmFsQ3NzVmFycy5mb250U2l6ZVxuICAgIH07XG4gIH0sIFtzaXplLCBzdHlsZV0pO1xuXG4gIHJldHVybiAoXG4gICAgPGtiZFxuICAgICAgY3NzPXtrZXlib2FyZFN0eWxlfVxuICAgICAgc3R5bGU9e21lcmdlZFN0eWxlfVxuICAgICAgey4uLnByb3BzfVxuICAgIC8+XG4gICk7XG59XG5cbmV4cG9ydCB7IHR5cGUgS2V5Ym9hcmRQcm9wcyB9IGZyb20gXCIuL3Byb3BzXCI7XG4iXX0= */");
+function a({ size: r = "medium", style: a, ...o }) {
+	return /* @__PURE__ */ t("kbd", {
+		css: i,
+		style: n(() => ({
+			...a,
+			"--vef-keyboard-size": r === "small" ? e.fontSizeSm : r === "large" ? e.fontSizeLg : e.fontSize
+		}), [r, a]),
+		...o
+	});
+}
+//#endregion
+export { a as Keyboard };