@vef-framework/components 1.0.135 → 2.0.1

package/dist/es/form/fields/tree-select/props.js

@@ -0,0 +1 @@
+/*! @vef-framework/components v2.0.0 made with ❤️ by Venus | 2025-11-25T10:06:32.989Z */

package/dist/es/form/fields/upload/index.js

@@ -0,0 +1,57 @@
+/*! @vef-framework/components v2.0.0 made with ❤️ by Venus | 2025-11-25T10:06:32.989Z */
+import { jsx } from '@emotion/react/jsx-runtime';
+import { useAppContext, useDisabled } from '@vef-framework/core';
+import { isArray, getBaseName } from '@vef-framework/shared';
+import { useMemo, useState, useEffect } from 'react';
+import { Upload } from '../../../upload/index.js';
+import '../../contexts/index.js';
+import '../../helpers/index.js';
+import './props.js';
+import { useFieldContext } from '../../contexts/form-context.js';
+import { withFormItem } from '../../helpers/with-form-item.js';
+
+const DOUBLE_SLASH_REGEX = /(?<!https?:)\/\//g;
+function UploadComponent({
+  disabled,
+  maxCount,
+  ...props
+}) {
+  const {
+    state: {
+      value
+    },
+    handleChange
+  } = useFieldContext();
+  const {
+    fileBaseUrl
+  } = useAppContext();
+  const contextDisabled = useDisabled();
+  const isDisabled = contextDisabled || disabled;
+  const normalizedFileList = useMemo(() => {
+    const filePaths = isArray(value) ? value : value ? [value] : [];
+    return filePaths.map((filePath) => {
+      const name = getBaseName(filePath);
+      const file = {
+        uid: filePath,
+        url: `${fileBaseUrl}/${filePath}`.replaceAll(DOUBLE_SLASH_REGEX, "/"),
+        name,
+        status: "done"
+      };
+      return file;
+    });
+  }, [value, fileBaseUrl]);
+  const [fileList, setFileList] = useState(normalizedFileList);
+  useEffect(() => {
+    setFileList((fileList2) => [...normalizedFileList, ...fileList2.filter((file) => file.status !== "done")]);
+  }, [normalizedFileList]);
+  return /* @__PURE__ */ jsx(Upload, { ...props, disabled: isDisabled, fileList, maxCount, onChange: ({
+    fileList: fileList2
+  }) => {
+    setFileList(fileList2);
+    const uploadedFilePaths = fileList2.filter((file) => file.status === "done").map((file) => file.key);
+    handleChange((maxCount ?? Infinity) > 1 ? uploadedFilePaths : uploadedFilePaths.length > 0 ? uploadedFilePaths[0] : null);
+  } });
+}
+const UploadField = withFormItem("UploadField", UploadComponent);
+
+export { UploadField };

package/dist/es/form/fields/upload/props.js

@@ -0,0 +1 @@
+/*! @vef-framework/components v2.0.0 made with ❤️ by Venus | 2025-11-25T10:06:32.989Z */

package/dist/es/form/form.js

@@ -0,0 +1,21 @@
+/*! @vef-framework/components v2.0.0 made with ❤️ by Venus | 2025-11-25T10:06:32.989Z */
+import { createFormHook } from '@tanstack/react-form';
+export { formOptions as createFormOptions, useStore as useFormStore } from '@tanstack/react-form';
+import { formComponents } from './components/index.js';
+import './contexts/index.js';
+import { fieldComponents } from './fields/index.js';
+import { fieldContext, formContext, useFormContext as useFormContext$1 } from './contexts/form-context.js';
+
+const {
+  useAppForm,
+  withForm,
+  withFieldGroup
+} = createFormHook({
+  formContext,
+  fieldContext,
+  fieldComponents,
+  formComponents
+});
+const useFormContext = useFormContext$1;
+
+export { useAppForm, useFormContext, withFieldGroup, withForm };

package/dist/es/form/helpers/index.js

@@ -0,0 +1,2 @@
+/*! @vef-framework/components v2.0.0 made with ❤️ by Venus | 2025-11-25T10:06:32.989Z */
+export { withFormItem } from './with-form-item.js';

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

@@ -0,0 +1,46 @@
+/*! @vef-framework/components v2.0.0 made with ❤️ by Venus | 2025-11-25T10:06:32.989Z */
+import { jsx } from '@emotion/react/jsx-runtime';
+import { Form } from 'antd';
+import '../contexts/index.js';
+import { useFormItemProps } from '../hooks/use-form-item-props.js';
+import { useFieldContext } from '../contexts/form-context.js';
+
+function withFormItem(displayName, PureField) {
+  const FieldComponent = ({
+    // form item props
+    layout,
+    label,
+    labelAlign,
+    labelWidth,
+    extra,
+    noWrapper,
+    required,
+    // field props
+    ...fieldProps
+  }) => {
+    const formItemProps = useFormItemProps({
+      layout,
+      label,
+      labelAlign,
+      labelWidth,
+      extra,
+      required,
+      noWrapper
+    });
+    const {
+      state: {
+        meta: {
+          errors,
+          isValid,
+          isValidating
+        }
+      }
+    } = useFieldContext();
+    const errorMessage = errors.length > 0 ? errors[0].message : null;
+    return /* @__PURE__ */ jsx(Form.Item, { ...formItemProps, hasFeedback: isValidating, help: errorMessage, validateStatus: isValidating ? "validating" : isValid ? void 0 : "error", children: /* @__PURE__ */ jsx(PureField, { ...fieldProps }) });
+  };
+  FieldComponent.displayName = displayName;
+  return FieldComponent;
+}
+
+export { withFormItem };

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

@@ -0,0 +1,43 @@
+/*! @vef-framework/components v2.0.0 made with ❤️ by Venus | 2025-11-25T10:06:32.989Z */
+import { useMemo } from 'react';
+import '../contexts/index.js';
+import { useLabelWidth } from './use-label-width.js';
+import { useFormLayout } from '../contexts/form-layout.js';
+
+function useFormItemProps(props) {
+  const {
+    layout,
+    label,
+    labelAlign,
+    labelWidth,
+    extra,
+    noWrapper,
+    required
+  } = props;
+  const {
+    layout: formLayout,
+    labelAlign: formLabelAlign,
+    labelWidth: formLabelWidth
+  } = useFormLayout();
+  const labelWidthToUse = useLabelWidth(layout, labelWidth ?? formLabelWidth);
+  const layoutToUse = layout ?? formLayout;
+  const labelCol = useMemo(() => {
+    if (layoutToUse === "vertical" || !labelWidthToUse) {
+      return;
+    }
+    return {
+      flex: `0 0 ${labelWidthToUse}px`
+    };
+  }, [labelWidthToUse, layoutToUse]);
+  return {
+    layout: layoutToUse,
+    label,
+    labelAlign: labelAlign ?? formLabelAlign,
+    labelCol,
+    extra,
+    noStyle: noWrapper,
+    required
+  };
+}
+
+export { useFormItemProps };

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

@@ -0,0 +1,19 @@
+/*! @vef-framework/components v2.0.0 made with ❤️ by Venus | 2025-11-25T10:06:32.989Z */
+import { useMemo } from 'react';
+import '../../_base/index.js';
+import { showWarningMessage } from '../../_base/helpers/message.js';
+
+function useLabelWidth(layout, labelWidth) {
+  const labelWidthToUse = useMemo(() => {
+    if (layout === "vertical" || !labelWidth) {
+      return;
+    }
+    if (labelWidth < 60 || labelWidth > 120) {
+      showWarningMessage("The labelWidth of Form component must be between 60 and 120, otherwise it will be 60 or 120.");
+    }
+    return Math.min(Math.max(labelWidth, 60), 120);
+  }, [layout, labelWidth]);
+  return labelWidthToUse;
+}
+
+export { useLabelWidth };

package/dist/es/form/index.js

@@ -0,0 +1,3 @@
+/*! @vef-framework/components v2.0.0 made with ❤️ by Venus | 2025-11-25T10:06:32.989Z */
+export { useFormContext, withFieldGroup, withForm } from './form.js';
+export { useForm } from './use-form.js';

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

@@ -0,0 +1,25 @@
+/*! @vef-framework/components v2.0.0 made with ❤️ by Venus | 2025-11-25T10:06:32.989Z */
+import { jsx } from '@emotion/react/jsx-runtime';
+import { useMemo } from 'react';
+import { useAppForm } from './form.js';
+
+function useForm(options) {
+  const formApi = useAppForm(options);
+  return useMemo(() => {
+    const {
+      AppForm,
+      Form
+    } = formApi;
+    const FormComponent = (props) => /* @__PURE__ */ jsx(AppForm, { children: /* @__PURE__ */ jsx(Form, { ...props }) });
+    return new Proxy(formApi, {
+      get(target, prop, receiver) {
+        if (prop === "Form") {
+          return FormComponent;
+        }
+        return Reflect.get(target, prop, receiver);
+      }
+    });
+  }, [formApi]);
+}
+
+export { useForm };

package/dist/es/grid/context.js

@@ -0,0 +1,14 @@
+/*! @vef-framework/components v2.0.0 made with ❤️ by Venus | 2025-11-25T10:06:32.989Z */
+import { createContext, use } from 'react';
+
+const Context = createContext(null);
+const GridContextProvider = Context.Provider;
+function useGridContext() {
+  const context = use(Context);
+  if (!context) {
+    throw new Error("GridItem must be used as direct child of Grid");
+  }
+  return context;
+}
+
+export { GridContextProvider, useGridContext };

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

@@ -0,0 +1,37 @@
+/*! @vef-framework/components v2.0.0 made with ❤️ by Venus | 2025-11-25T10:06:32.989Z */
+import { jsx } from '@emotion/react/jsx-runtime';
+import { useMemo } from 'react';
+import { useGridContext } from './context.js';
+import { gridItem } from './styles.js';
+import './props.js';
+
+const defaultSpan = 1;
+const defaultOffset = 0;
+function GridItem({
+  span = defaultSpan,
+  offset = defaultOffset,
+  suffix = false,
+  style,
+  ...props
+}) {
+  const {
+    gridColumns
+  } = useGridContext();
+  const itemStyle = useMemo(() => {
+    const childSpan = span;
+    const childOffset = offset;
+    const baseStyle = {
+      "--vef-grid-item-column": suffix ? `${gridColumns + 1 - childSpan} / span ${childSpan}` : `span ${childSpan}`,
+      ...childOffset > 0 && !suffix ? {
+        "--vef-grid-item-margin-left": `calc(100% * ${childOffset} / ${childSpan})`
+      } : {}
+    };
+    return {
+      ...baseStyle,
+      ...style
+    };
+  }, [span, offset, suffix, gridColumns, style]);
+  return /* @__PURE__ */ jsx("div", { ...props, css: gridItem, style: itemStyle });
+}
+
+export { GridItem, defaultOffset, defaultSpan };

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

@@ -0,0 +1,7 @@
+/*! @vef-framework/components v2.0.0 made with ❤️ by Venus | 2025-11-25T10:06:32.989Z */
+export { useContainerBreakpoints } from './use-container-breakpoints.js';
+export { useContainerWidth } from './use-container-width.js';
+export { useGridCollapsed } from './use-grid-collapsed.js';
+export { useNormalizedGap } from './use-normalized-gap.js';
+export { useResponsiveBreakpoint } from './use-responsive-breakpoint.js';
+export { getResponsiveValue, useResponsiveValue } from './use-responsive-value.js';

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

@@ -0,0 +1,19 @@
+/*! @vef-framework/components v2.0.0 made with ❤️ by Venus | 2025-11-25T10:06:32.989Z */
+import { useMemo } from 'react';
+
+function useContainerBreakpoints(baseWidth) {
+  return useMemo(() => {
+    const breakpoints = {
+      xxs: baseWidth,
+      xs: baseWidth * 2,
+      sm: baseWidth * 3,
+      md: baseWidth * 4,
+      lg: baseWidth * 5,
+      xl: baseWidth * 6,
+      xxl: baseWidth * 7
+    };
+    return breakpoints;
+  }, [baseWidth]);
+}
+
+export { useContainerBreakpoints };

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

@@ -0,0 +1,44 @@
+/*! @vef-framework/components v2.0.0 made with ❤️ by Venus | 2025-11-25T10:06:32.989Z */
+import { useIsomorphicEffect } from '@vef-framework/hooks';
+import { useRef, useState, useEffect } from 'react';
+
+function useContainerWidth() {
+  const rafIdRef = useRef(0);
+  const containerRef = useRef(null);
+  const [containerWidth, setContainerWidth] = useState(0);
+  useIsomorphicEffect(() => {
+    if (containerRef.current) {
+      setContainerWidth(containerRef.current.getBoundingClientRect().width);
+    }
+  }, []);
+  useEffect(() => {
+    if (containerRef.current) {
+      const observer = new ResizeObserver(([entry]) => {
+        if (entry) {
+          if (rafIdRef.current) {
+            cancelAnimationFrame(rafIdRef.current);
+          }
+          rafIdRef.current = requestAnimationFrame(() => {
+            const width = entry.contentBoxSize.at(0)?.inlineSize ?? entry.contentRect.width;
+            setContainerWidth(width);
+          });
+        }
+      });
+      observer.observe(containerRef.current, {
+        box: "content-box"
+      });
+      return () => {
+        observer.disconnect();
+        if (rafIdRef.current) {
+          cancelAnimationFrame(rafIdRef.current);
+        }
+      };
+    }
+  }, []);
+  return {
+    containerWidth,
+    containerRef
+  };
+}
+
+export { useContainerWidth };

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

@@ -0,0 +1,15 @@
+/*! @vef-framework/components v2.0.0 made with ❤️ by Venus | 2025-11-25T10:06:32.989Z */
+import { useGridContext } from '../context.js';
+
+function useGridCollapsed() {
+  const {
+    isCollapsed,
+    setCollapsed
+  } = useGridContext();
+  return {
+    isCollapsed,
+    setCollapsed
+  };
+}
+
+export { useGridCollapsed };

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

@@ -0,0 +1,43 @@
+/*! @vef-framework/components v2.0.0 made with ❤️ by Venus | 2025-11-25T10:06:32.989Z */
+import { isNumber, isString } from '@vef-framework/shared';
+import { useMemo } from 'react';
+import '../../_base/index.js';
+import { useThemeTokens } from '../../_base/hooks/use-theme-tokens.js';
+
+function useNormalizedGap([rowGap, columnGap]) {
+  const tokens = useThemeTokens();
+  return useMemo(() => [normalizeGap(rowGap, tokens), normalizeGap(columnGap, tokens)], [columnGap, rowGap, tokens]);
+}
+function normalizeGap(gap, {
+  margin,
+  marginSM,
+  marginXS,
+  marginMD,
+  marginLG
+}) {
+  if (isNumber(gap)) {
+    return gap;
+  }
+  if (isString(gap)) {
+    switch (gap) {
+      case "extra-small": {
+        return marginXS;
+      }
+      case "small": {
+        return marginSM;
+      }
+      case "medium": {
+        return margin;
+      }
+      case "large": {
+        return marginMD;
+      }
+      case "extra-large": {
+        return marginLG;
+      }
+    }
+  }
+  return 0;
+}
+
+export { useNormalizedGap };

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

@@ -0,0 +1,15 @@
+/*! @vef-framework/components v2.0.0 made with ❤️ by Venus | 2025-11-25T10:06:32.989Z */
+import { useMemo } from 'react';
+
+function useResponsiveBreakpoint(breakpoints, width) {
+  return useMemo(() => {
+    for (const [breakpoint, breakpointWidth] of Object.entries(breakpoints)) {
+      if (width <= breakpointWidth) {
+        return breakpoint;
+      }
+    }
+    return "xxl";
+  }, [width, breakpoints]);
+}
+
+export { useResponsiveBreakpoint };

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

@@ -0,0 +1,30 @@
+/*! @vef-framework/components v2.0.0 made with ❤️ by Venus | 2025-11-25T10:06:32.989Z */
+import { isPlainObject } from '@vef-framework/shared';
+import { useMemo } from 'react';
+import '../../_base/index.js';
+import { breakpoints } from '../../_base/constants/breakpoints.js';
+
+function useResponsiveValue(value, breakpoint) {
+  const resolvedValue = useMemo(() => getResponsiveValue(value, breakpoint), [value, breakpoint]);
+  return resolvedValue;
+}
+function getResponsiveValue(value, breakpoint) {
+  if (isPlainObject(value)) {
+    const resolvedValue = value[breakpoint];
+    if (resolvedValue) {
+      return resolvedValue;
+    }
+    const breakpointArr = Object.keys(breakpoints);
+    let breakpointIndex = breakpointArr.indexOf(breakpoint);
+    while (breakpointIndex--) {
+      const fallbackValue = value[breakpointArr[breakpointIndex]];
+      if (fallbackValue) {
+        return fallbackValue;
+      }
+    }
+    return;
+  }
+  return value;
+}
+
+export { getResponsiveValue, useResponsiveValue };

package/dist/es/grid/index.js

@@ -0,0 +1,136 @@
+/*! @vef-framework/components v2.0.0 made with ❤️ by Venus | 2025-11-25T10:06:32.989Z */
+import { jsx } from '@emotion/react/jsx-runtime';
+import { clsx } from '@vef-framework/core';
+import { useMergedRef } from '@vef-framework/hooks';
+import { Children, isValidElement, cloneElement, useState, useCallback, useMemo } from 'react';
+import { GridContextProvider } from './context.js';
+import { GridItem, defaultSpan, defaultOffset } from './grid-item.js';
+import './hooks/index.js';
+import { gridColumns, grid } from './styles.js';
+import './props.js';
+import { getResponsiveValue } from './hooks/use-responsive-value.js';
+import { useContainerWidth } from './hooks/use-container-width.js';
+import { useContainerBreakpoints } from './hooks/use-container-breakpoints.js';
+import { useResponsiveBreakpoint } from './hooks/use-responsive-breakpoint.js';
+import { useNormalizedGap } from './hooks/use-normalized-gap.js';
+
+function calculateItemVisibility(children, columns, collapsed, collapsedRows, breakpoint) {
+  const items = [];
+  Children.forEach(children, (child) => {
+    if (!isValidElement(child) || child.type !== GridItem) {
+      return;
+    }
+    const childElement = child;
+    const childProps = childElement.props;
+    const childSpan = getResponsiveValue(childProps.span ?? defaultSpan, breakpoint) ?? defaultSpan;
+    if (childSpan === 0) {
+      return;
+    }
+    const childOffset = getResponsiveValue(childProps.offset ?? defaultOffset, breakpoint) ?? defaultOffset;
+    items.push({
+      element: childElement,
+      span: childSpan,
+      offset: childOffset
+    });
+  });
+  let suffixItemSpan = 0;
+  const maybeSuffixItem = items.at(-1);
+  if (maybeSuffixItem?.element.props.suffix === true) {
+    suffixItemSpan = maybeSuffixItem.span;
+  }
+  let spanCount = 0;
+  let reachedCollapsedLimit = false;
+  const itemNodes = items.map(({
+    element,
+    span,
+    offset
+  }, index) => {
+    const actualSpan = Math.min(span + offset, columns);
+    if (!reachedCollapsedLimit && collapsed) {
+      const remaining = spanCount % columns;
+      if (actualSpan + remaining > columns) {
+        spanCount += columns - remaining;
+      }
+      if (actualSpan + spanCount + suffixItemSpan > collapsedRows * columns) {
+        reachedCollapsedLimit = true;
+      } else {
+        spanCount += actualSpan;
+      }
+    }
+    if (reachedCollapsedLimit) {
+      const {
+        props
+      } = element;
+      return cloneElement(element, {
+        className: index === items.length - 1 && props.suffix === true ? props.className : clsx(props.className, "hidden"),
+        span,
+        offset
+      });
+    }
+    return cloneElement(element, {
+      key: element.key || index,
+      span: actualSpan,
+      offset
+    });
+  });
+  return itemNodes;
+}
+function Grid({
+  baseWidth = 240,
+  gap = 0,
+  columnGap,
+  rowGap,
+  defaultIsCollapsed = false,
+  isCollapsed,
+  collapsedRows = 1,
+  onCollapseChange,
+  style,
+  children,
+  ref,
+  ...props
+}) {
+  const [isCollapsedInternal, setIsCollapsedInternal] = useState(defaultIsCollapsed);
+  const isControlled = isCollapsed !== void 0;
+  const mergedIsCollapsed = isControlled ? isCollapsed : isCollapsedInternal;
+  const setCollapsed = useCallback((isCollapsed2) => {
+    const state = isCollapsed2 || !mergedIsCollapsed;
+    if (!isControlled) {
+      setIsCollapsedInternal(state);
+    }
+    onCollapseChange?.(state);
+  }, [isControlled, mergedIsCollapsed, onCollapseChange]);
+  const {
+    containerRef,
+    containerWidth
+  } = useContainerWidth();
+  const mergedContainerRef = useMergedRef(containerRef, ref);
+  const breakpoints = useContainerBreakpoints(baseWidth);
+  const breakpoint = useResponsiveBreakpoint(breakpoints, containerWidth);
+  const [normalizedRowGap, normalizedColumnGap] = useNormalizedGap([rowGap ?? gap, columnGap ?? gap]);
+  const gridStyle = useMemo(() => {
+    if (containerWidth > gridColumns * normalizedColumnGap) {
+      return {
+        "--vef-grid-row-gap": `${normalizedRowGap}px`,
+        "--vef-grid-column-gap": `${normalizedColumnGap}px`,
+        ...style
+      };
+    }
+    return {
+      "--vef-grid-row-gap": `${normalizedRowGap}px`,
+      "--vef-grid-column-gap": `${Math.floor(containerWidth / gridColumns)}px`,
+      ...style
+    };
+  }, [containerWidth, normalizedColumnGap, normalizedRowGap, style]);
+  const context = useMemo(() => {
+    return {
+      gridColumns: gridColumns,
+      isCollapsed: mergedIsCollapsed,
+      setCollapsed
+    };
+  }, [mergedIsCollapsed, setCollapsed]);
+  const processedGridItems = useMemo(() => calculateItemVisibility(children, gridColumns, mergedIsCollapsed, collapsedRows, breakpoint), [children, mergedIsCollapsed, collapsedRows, breakpoint]);
+  return /* @__PURE__ */ jsx("div", { ...props, ref: mergedContainerRef, css: grid, style: gridStyle, children: /* @__PURE__ */ jsx(GridContextProvider, { value: context, children: processedGridItems }) });
+}
+Grid.Item = GridItem;
+
+export { Grid };

package/dist/es/grid/props.js

@@ -0,0 +1 @@
+/*! @vef-framework/components v2.0.0 made with ❤️ by Venus | 2025-11-25T10:06:32.989Z */

package/dist/es/grid/styles.js

@@ -0,0 +1,24 @@
+/*! @vef-framework/components v2.0.0 made with ❤️ by Venus | 2025-11-25T10:06:32.989Z */
+import { css } from '@emotion/react';
+
+function _EMOTION_STRINGIFIED_CSS_ERROR__() {
+  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 gridColumns = 24;
+const grid = /* @__PURE__ */ css({
+  display: "grid",
+  width: "100%",
+  gridTemplateColumns: `repeat(${gridColumns}, 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== */");
+const gridItem = 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: _EMOTION_STRINGIFIED_CSS_ERROR__
+};
+
+export { grid, gridColumns, gridItem };

package/dist/es/group/index.js

@@ -0,0 +1,16 @@
+/*! @vef-framework/components v2.0.0 made with ❤️ by Venus | 2025-11-25T10:06:32.989Z */
+import { jsx } from '@emotion/react/jsx-runtime';
+import '../flex/index.js';
+import './props.js';
+import { Flex } from 'antd';
+
+function Group({
+  children,
+  gap = "small",
+  align = "center",
+  ...props
+}) {
+  return /* @__PURE__ */ jsx(Flex, { align, gap, orientation: "horizontal", ...props, children });
+}
+
+export { Group };

package/dist/es/group/props.js

@@ -0,0 +1 @@
+/*! @vef-framework/components v2.0.0 made with ❤️ by Venus | 2025-11-25T10:06:32.989Z */