@vef-framework/components 2.0.10 → 2.1.0

package/dist/es/grid/context.js

@@ -1,12 +1,11 @@
-import { createContext as e, use as o } from "react";
-const r = e(null), i = r.Provider;
-function d() {
-  const t = o(r);
-  if (!t)
-    throw new Error("GridItem must be used as direct child of Grid");
-  return t;
+/*! @vef-framework/components v2.1.0 made by Venus | 2026-03-27T07:13:05.260Z */
+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;
 }
-export {
-  i as GridContextProvider,
-  d as useGridContext
-};
+//#endregion
+export { r as GridContextProvider, i as useGridContext };

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

@@ -1,34 +1,28 @@
-import { jsx as l } from "@emotion/react/jsx-runtime";
-import { useMemo as d } from "react";
-import { useGridContext as a } from "./context.js";
-import { gridItem as f } from "./styles.js";
-import "./props.js";
-const p = 1, u = 0;
-function h({
-  span: o = p,
-  offset: r = u,
-  suffix: e = !1,
-  style: m,
-  ...s
-}) {
-  const {
-    gridColumns: n
-  } = a(), c = d(() => {
-    const t = o, i = r;
-    return {
-      ...{
-        "--vef-grid-item-column": e ? `${n + 1 - t} / span ${t}` : `span ${t}`,
-        ...i > 0 && !e ? {
-          "--vef-grid-item-margin-left": `calc(100% * ${i} / ${t})`
-        } : {}
-      },
-      ...m
-    };
-  }, [o, r, e, n, m]);
-  return /* @__PURE__ */ l("div", { ...s, css: f, style: c });
+/*! @vef-framework/components v2.1.0 made by Venus | 2026-03-27T07:13:05.260Z */
+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
+	});
 }
-export {
-  h as GridItem,
-  u as defaultOffset,
-  p as defaultSpan
-};
+//#endregion
+export { i as GridItem };

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

@@ -1,15 +1,7 @@
-import { useContainerBreakpoints as r } from "./use-container-breakpoints.js";
-import { useContainerWidth as p } from "./use-container-width.js";
-import { useGridCollapsed as i } from "./use-grid-collapsed.js";
-import { useNormalizedGap as n } from "./use-normalized-gap.js";
-import { useResponsiveBreakpoint as m } from "./use-responsive-breakpoint.js";
-import { getResponsiveValue as x, useResponsiveValue as l } from "./use-responsive-value.js";
-export {
-  x as getResponsiveValue,
-  r as useContainerBreakpoints,
-  p as useContainerWidth,
-  i as useGridCollapsed,
-  n as useNormalizedGap,
-  m as useResponsiveBreakpoint,
-  l as useResponsiveValue
-};
+/*! @vef-framework/components v2.1.0 made by Venus | 2026-03-27T07:13:05.260Z */
+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

@@ -1,15 +1,16 @@
-import { useMemo as n } from "react";
-function m(r) {
-  return n(() => ({
-    xxs: r,
-    xs: r * 2,
-    sm: r * 3,
-    md: r * 4,
-    lg: r * 5,
-    xl: r * 6,
-    xxl: r * 7
-  }), [r]);
+/*! @vef-framework/components v2.1.0 made by Venus | 2026-03-27T07:13:05.260Z */
+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]);
 }
-export {
-  m as useContainerBreakpoints
-};
+//#endregion
+export { t as useContainerBreakpoints };

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

@@ -1,28 +1,26 @@
-import { useIsomorphicEffect as s } from "@vef-framework/hooks";
-import { useRef as c, useState as f, useEffect as a } from "react";
-function h() {
-  const e = c(0), t = c(null), [o, r] = f(0);
-  return s(() => {
-    t.current && r(t.current.getBoundingClientRect().width);
-  }, []), a(() => {
-    if (t.current) {
-      const i = new ResizeObserver(([n]) => {
-        n && (e.current && cancelAnimationFrame(e.current), e.current = requestAnimationFrame(() => {
-          const u = n.contentBoxSize.at(0)?.inlineSize ?? n.contentRect.width;
-          r(u);
-        }));
-      });
-      return i.observe(t.current, {
-        box: "content-box"
-      }), () => {
-        i.disconnect(), e.current && cancelAnimationFrame(e.current);
-      };
-    }
-  }, []), {
-    containerWidth: o,
-    containerRef: t
-  };
+/*! @vef-framework/components v2.1.0 made by Venus | 2026-03-27T07:13:05.260Z */
+import { useEffect as e, useRef as t, useState as n } from "react";
+import { useIsomorphicEffect as r } from "@vef-framework/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
+	};
 }
-export {
-  h as useContainerWidth
-};
+//#endregion
+export { i as useContainerWidth };

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

@@ -1,14 +1,12 @@
-import { useGridContext as s } from "../context.js";
-function r() {
-  const {
-    isCollapsed: e,
-    setCollapsed: o
-  } = s();
-  return {
-    isCollapsed: e,
-    setCollapsed: o
-  };
+/*! @vef-framework/components v2.1.0 made by Venus | 2026-03-27T07:13:05.260Z */
+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
+	};
 }
-export {
-  r as useGridCollapsed
-};
+//#endregion
+export { t as useGridCollapsed };

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

@@ -1,35 +1,26 @@
-import { isNumber as o, isString as u } from "@vef-framework/shared";
-import { useMemo as a } from "react";
-import "../../_base/index.js";
-import { useThemeTokens as c } from "../../_base/hooks/use-theme-tokens.js";
-function h([r, t]) {
-  const e = c();
-  return a(() => [n(r, e), n(t, e)], [t, r, e]);
+/*! @vef-framework/components v2.1.0 made by Venus | 2026-03-27T07:13:05.260Z */
+import { useThemeTokens as e } from "../../_base/hooks/use-theme-tokens.js";
+import { isNumber as t, isString as n } from "@vef-framework/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 n(r, {
-  margin: t,
-  marginSM: e,
-  marginXS: s,
-  marginMD: i,
-  marginLG: m
-}) {
-  if (o(r))
-    return r;
-  if (u(r))
-    switch (r) {
-      case "extra-small":
-        return s;
-      case "small":
-        return e;
-      case "medium":
-        return t;
-      case "large":
-        return i;
-      case "extra-large":
-        return m;
-    }
-  return 0;
+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;
 }
-export {
-  h as useNormalizedGap
-};
+//#endregion
+export { i as useNormalizedGap };

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

@@ -1,12 +1,11 @@
-import { useMemo as n } from "react";
-function u(e, r) {
-  return n(() => {
-    for (const [o, t] of Object.entries(e))
-      if (r <= t)
-        return o;
-    return "xxl";
-  }, [r, e]);
+/*! @vef-framework/components v2.1.0 made by Venus | 2026-03-27T07:13:05.260Z */
+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]);
 }
-export {
-  u as useResponsiveBreakpoint
-};
+//#endregion
+export { t as useResponsiveBreakpoint };

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

@@ -1,27 +1,19 @@
-import { isPlainObject as s } from "@vef-framework/shared";
-import { useMemo as u } from "react";
-import "../../_base/index.js";
-import { breakpoints as f } from "../../_base/constants/breakpoints.js";
-function V(e, r) {
-  return u(() => l(e, r), [e, r]);
+/*! @vef-framework/components v2.1.0 made by Venus | 2026-03-27T07:13:05.260Z */
+import { breakpoints as e } from "../../_base/constants/breakpoints.js";
+import { isPlainObject as t } from "@vef-framework/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;
 }
-function l(e, r) {
-  if (s(e)) {
-    const o = e[r];
-    if (o)
-      return o;
-    const t = Object.keys(f);
-    let n = t.indexOf(r);
-    for (; n--; ) {
-      const i = e[t[n]];
-      if (i)
-        return i;
-    }
-    return;
-  }
-  return e;
-}
-export {
-  l as getResponsiveValue,
-  V as useResponsiveValue
-};
+//#endregion
+export { n as getResponsiveValue };

package/dist/es/grid/index.js

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

package/dist/es/grid/styles.js

@@ -1,23 +1,22 @@
-import { css as c } from "@emotion/react";
-function I() {
-  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).";
+/*! @vef-framework/components v2.1.0 made by Venus | 2026-03-27T07:13:05.260Z */
+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).";
 }
-const b = 24, i = /* @__PURE__ */ c({
-  display: "grid",
-  width: "100%",
-  gridTemplateColumns: `repeat(${b}, 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,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi9Vc2Vycy92ZW51cy9WRUYvdmVmLWZyYW1ld29yay1yZWFjdC9wYWNrYWdlcy9jb21wb25lbnRzL3NyYy9ncmlkL3N0eWxlcy50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFJb0IiLCJmaWxlIjoiL1VzZXJzL3ZlbnVzL1ZFRi92ZWYtZnJhbWV3b3JrLXJlYWN0L3BhY2thZ2VzL2NvbXBvbmVudHMvc3JjL2dyaWQvc3R5bGVzLnRzIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgY3NzIH0gZnJvbSBcIkBlbW90aW9uL3JlYWN0XCI7XG5cbmV4cG9ydCBjb25zdCBncmlkQ29sdW1ucyA9IDI0O1xuXG5leHBvcnQgY29uc3QgZ3JpZCA9IGNzcyh7XG4gIGRpc3BsYXk6IFwiZ3JpZFwiLFxuICB3aWR0aDogXCIxMDAlXCIsXG4gIGdyaWRUZW1wbGF0ZUNvbHVtbnM6IGByZXBlYXQoJHtncmlkQ29sdW1uc30sIG1pbm1heCgwLCAxZnIpKWAsXG4gIGNvbHVtbkdhcDogXCJ2YXIoLS12ZWYtZ3JpZC1jb2x1bW4tZ2FwLCAwKVwiLFxuICByb3dHYXA6IFwidmFyKC0tdmVmLWdyaWQtcm93LWdhcCwgMClcIlxufSk7XG5cbmV4cG9ydCBjb25zdCBncmlkSXRlbSA9IGNzcyh7XG4gIGdyaWRDb2x1bW46IFwidmFyKC0tdmVmLWdyaWQtaXRlbS1jb2x1bW4sIHNwYW4gMSlcIixcbiAgbWFyZ2luTGVmdDogXCJ2YXIoLS12ZWYtZ3JpZC1pdGVtLW1hcmdpbi1sZWZ0LCAwKVwiLFxuICBcIiYuaGlkZGVuXCI6IHtcbiAgICBkaXNwbGF5OiBcIm5vbmVcIlxuICB9XG59KTtcbiJdfQ== */"), W = 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;}"
+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,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi9Vc2Vycy92ZW51cy9WRUYvdmVmLWZyYW1ld29yay1yZWFjdC9wYWNrYWdlcy9jb21wb25lbnRzL3NyYy9ncmlkL3N0eWxlcy50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFZd0IiLCJmaWxlIjoiL1VzZXJzL3ZlbnVzL1ZFRi92ZWYtZnJhbWV3b3JrLXJlYWN0L3BhY2thZ2VzL2NvbXBvbmVudHMvc3JjL2dyaWQvc3R5bGVzLnRzIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgY3NzIH0gZnJvbSBcIkBlbW90aW9uL3JlYWN0XCI7XG5cbmV4cG9ydCBjb25zdCBncmlkQ29sdW1ucyA9IDI0O1xuXG5leHBvcnQgY29uc3QgZ3JpZCA9IGNzcyh7XG4gIGRpc3BsYXk6IFwiZ3JpZFwiLFxuICB3aWR0aDogXCIxMDAlXCIsXG4gIGdyaWRUZW1wbGF0ZUNvbHVtbnM6IGByZXBlYXQoJHtncmlkQ29sdW1uc30sIG1pbm1heCgwLCAxZnIpKWAsXG4gIGNvbHVtbkdhcDogXCJ2YXIoLS12ZWYtZ3JpZC1jb2x1bW4tZ2FwLCAwKVwiLFxuICByb3dHYXA6IFwidmFyKC0tdmVmLWdyaWQtcm93LWdhcCwgMClcIlxufSk7XG5cbmV4cG9ydCBjb25zdCBncmlkSXRlbSA9IGNzcyh7XG4gIGdyaWRDb2x1bW46IFwidmFyKC0tdmVmLWdyaWQtaXRlbS1jb2x1bW4sIHNwYW4gMSlcIixcbiAgbWFyZ2luTGVmdDogXCJ2YXIoLS12ZWYtZ3JpZC1pdGVtLW1hcmdpbi1sZWZ0LCAwKVwiLFxuICBcIiYuaGlkZGVuXCI6IHtcbiAgICBkaXNwbGF5OiBcIm5vbmVcIlxuICB9XG59KTtcbiJdfQ== */",
-  toString: I
-};
-export {
-  i as grid,
-  b as gridColumns,
-  W as gridItem
+	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

@@ -1,15 +1,16 @@
-import { jsx as m } from "@emotion/react/jsx-runtime";
-import "../flex/index.js";
-import "./props.js";
-import { Flex as n } from "antd";
-function f({
-  children: o,
-  gap: r = "small",
-  align: t = "center",
-  ...i
-}) {
-  return /* @__PURE__ */ m(n, { align: t, gap: r, orientation: "horizontal", ...i, children: o });
+/*! @vef-framework/components v2.1.0 made by Venus | 2026-03-27T07:13:05.260Z */
+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
+	});
 }
-export {
-  f as Group
-};
+//#endregion
+export { n as Group };