@vef-framework/components 1.0.134 → 2.0.0

package/dist/cjs/grid/hooks/use-container-width.cjs

@@ -0,0 +1,48 @@
+/*! @vef-framework/components v2.0.0 made with ❤️ by Venus | 2025-11-25T10:06:32.989Z */
+'use strict';
+
+Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
+
+const hooks = require('@vef-framework/hooks');
+const react = require('react');
+
+function useContainerWidth() {
+  const rafIdRef = react.useRef(0);
+  const containerRef = react.useRef(null);
+  const [containerWidth, setContainerWidth] = react.useState(0);
+  hooks.useIsomorphicEffect(() => {
+    if (containerRef.current) {
+      setContainerWidth(containerRef.current.getBoundingClientRect().width);
+    }
+  }, []);
+  react.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
+  };
+}
+
+exports.useContainerWidth = useContainerWidth;

package/dist/cjs/grid/hooks/use-grid-collapsed.cjs

@@ -0,0 +1,19 @@
+/*! @vef-framework/components v2.0.0 made with ❤️ by Venus | 2025-11-25T10:06:32.989Z */
+'use strict';
+
+Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
+
+const context = require('../context.cjs');
+
+function useGridCollapsed() {
+  const {
+    isCollapsed,
+    setCollapsed
+  } = context.useGridContext();
+  return {
+    isCollapsed,
+    setCollapsed
+  };
+}
+
+exports.useGridCollapsed = useGridCollapsed;

package/dist/cjs/grid/hooks/use-normalized-gap.cjs

@@ -0,0 +1,47 @@
+/*! @vef-framework/components v2.0.0 made with ❤️ by Venus | 2025-11-25T10:06:32.989Z */
+'use strict';
+
+Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
+
+const shared = require('@vef-framework/shared');
+const react = require('react');
+require('../../_base/index.cjs');
+const useThemeTokens = require('../../_base/hooks/use-theme-tokens.cjs');
+
+function useNormalizedGap([rowGap, columnGap]) {
+  const tokens = useThemeTokens.useThemeTokens();
+  return react.useMemo(() => [normalizeGap(rowGap, tokens), normalizeGap(columnGap, tokens)], [columnGap, rowGap, tokens]);
+}
+function normalizeGap(gap, {
+  margin,
+  marginSM,
+  marginXS,
+  marginMD,
+  marginLG
+}) {
+  if (shared.isNumber(gap)) {
+    return gap;
+  }
+  if (shared.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;
+}
+
+exports.useNormalizedGap = useNormalizedGap;

package/dist/cjs/grid/hooks/use-responsive-breakpoint.cjs

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

package/dist/cjs/grid/hooks/use-responsive-value.cjs

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

package/dist/cjs/grid/index.cjs

@@ -0,0 +1,140 @@
+/*! @vef-framework/components v2.0.0 made with ❤️ by Venus | 2025-11-25T10:06:32.989Z */
+'use strict';
+
+Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
+
+const jsxRuntime = require('@emotion/react/jsx-runtime');
+const core = require('@vef-framework/core');
+const hooks = require('@vef-framework/hooks');
+const react = require('react');
+const context = require('./context.cjs');
+const gridItem = require('./grid-item.cjs');
+require('./hooks/index.cjs');
+const styles = require('./styles.cjs');
+require('./props.cjs');
+const useResponsiveValue = require('./hooks/use-responsive-value.cjs');
+const useContainerWidth = require('./hooks/use-container-width.cjs');
+const useContainerBreakpoints = require('./hooks/use-container-breakpoints.cjs');
+const useResponsiveBreakpoint = require('./hooks/use-responsive-breakpoint.cjs');
+const useNormalizedGap = require('./hooks/use-normalized-gap.cjs');
+
+function calculateItemVisibility(children, columns, collapsed, collapsedRows, breakpoint) {
+  const items = [];
+  react.Children.forEach(children, (child) => {
+    if (!react.isValidElement(child) || child.type !== gridItem.GridItem) {
+      return;
+    }
+    const childElement = child;
+    const childProps = childElement.props;
+    const childSpan = useResponsiveValue.getResponsiveValue(childProps.span ?? gridItem.defaultSpan, breakpoint) ?? gridItem.defaultSpan;
+    if (childSpan === 0) {
+      return;
+    }
+    const childOffset = useResponsiveValue.getResponsiveValue(childProps.offset ?? gridItem.defaultOffset, breakpoint) ?? gridItem.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 react.cloneElement(element, {
+        className: index === items.length - 1 && props.suffix === true ? props.className : core.clsx(props.className, "hidden"),
+        span,
+        offset
+      });
+    }
+    return react.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] = react.useState(defaultIsCollapsed);
+  const isControlled = isCollapsed !== void 0;
+  const mergedIsCollapsed = isControlled ? isCollapsed : isCollapsedInternal;
+  const setCollapsed = react.useCallback((isCollapsed2) => {
+    const state = isCollapsed2 || !mergedIsCollapsed;
+    if (!isControlled) {
+      setIsCollapsedInternal(state);
+    }
+    onCollapseChange?.(state);
+  }, [isControlled, mergedIsCollapsed, onCollapseChange]);
+  const {
+    containerRef,
+    containerWidth
+  } = useContainerWidth.useContainerWidth();
+  const mergedContainerRef = hooks.useMergedRef(containerRef, ref);
+  const breakpoints = useContainerBreakpoints.useContainerBreakpoints(baseWidth);
+  const breakpoint = useResponsiveBreakpoint.useResponsiveBreakpoint(breakpoints, containerWidth);
+  const [normalizedRowGap, normalizedColumnGap] = useNormalizedGap.useNormalizedGap([rowGap ?? gap, columnGap ?? gap]);
+  const gridStyle = react.useMemo(() => {
+    if (containerWidth > styles.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 / styles.gridColumns)}px`,
+      ...style
+    };
+  }, [containerWidth, normalizedColumnGap, normalizedRowGap, style]);
+  const context$1 = react.useMemo(() => {
+    return {
+      gridColumns: styles.gridColumns,
+      isCollapsed: mergedIsCollapsed,
+      setCollapsed
+    };
+  }, [mergedIsCollapsed, setCollapsed]);
+  const processedGridItems = react.useMemo(() => calculateItemVisibility(children, styles.gridColumns, mergedIsCollapsed, collapsedRows, breakpoint), [children, mergedIsCollapsed, collapsedRows, breakpoint]);
+  return /* @__PURE__ */ jsxRuntime.jsx("div", { ...props, ref: mergedContainerRef, css: styles.grid, style: gridStyle, children: /* @__PURE__ */ jsxRuntime.jsx(context.GridContextProvider, { value: context$1, children: processedGridItems }) });
+}
+Grid.Item = gridItem.GridItem;
+
+exports.Grid = Grid;

package/dist/cjs/grid/props.cjs

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

package/dist/cjs/grid/styles.cjs

@@ -0,0 +1,30 @@
+/*! @vef-framework/components v2.0.0 made with ❤️ by Venus | 2025-11-25T10:06:32.989Z */
+'use strict';
+
+Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
+
+const react = require('@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__ */ react.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__
+};
+
+exports.grid = grid;
+exports.gridColumns = gridColumns;
+exports.gridItem = gridItem;

package/dist/cjs/group/index.cjs

@@ -0,0 +1,20 @@
+/*! @vef-framework/components v2.0.0 made with ❤️ by Venus | 2025-11-25T10:06:32.989Z */
+'use strict';
+
+Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
+
+const jsxRuntime = require('@emotion/react/jsx-runtime');
+require('../flex/index.cjs');
+require('./props.cjs');
+const antd = require('antd');
+
+function Group({
+  children,
+  gap = "small",
+  align = "center",
+  ...props
+}) {
+  return /* @__PURE__ */ jsxRuntime.jsx(antd.Flex, { align, gap, orientation: "horizontal", ...props, children });
+}
+
+exports.Group = Group;

package/dist/cjs/group/props.cjs

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

package/dist/cjs/icon/index.cjs

@@ -0,0 +1,30 @@
+/*! @vef-framework/components v2.0.0 made with ❤️ by Venus | 2025-11-25T10:06:32.989Z */
+'use strict';
+
+Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
+
+const jsxRuntime = require('@emotion/react/jsx-runtime');
+require('@emotion/react');
+require('./props.cjs');
+
+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 iconStyle = 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,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi9Vc2Vycy92ZW51cy9WRUYvdmVmLWZyYW1ld29yay1yZWFjdC9wYWNrYWdlcy9jb21wb25lbnRzL3NyYy9pY29uL2luZGV4LnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFJa0IiLCJmaWxlIjoiL1VzZXJzL3ZlbnVzL1ZFRi92ZWYtZnJhbWV3b3JrLXJlYWN0L3BhY2thZ2VzL2NvbXBvbmVudHMvc3JjL2ljb24vaW5kZXgudHN4Iiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHR5cGUgeyBJY29uUHJvcHMgfSBmcm9tIFwiLi9wcm9wc1wiO1xuXG5pbXBvcnQgeyBjc3MgfSBmcm9tIFwiQGVtb3Rpb24vcmVhY3RcIjtcblxuY29uc3QgaWNvblN0eWxlID0gY3NzKHtcbiAgZGlzcGxheTogXCJpbmxpbmUtZmxleFwiLFxuICBqdXN0aWZ5Q29udGVudDogXCJjZW50ZXJcIixcbiAgYWxpZ25JdGVtczogXCJjZW50ZXJcIixcbiAgY29sb3I6IFwiaW5oZXJpdFwiLFxuICBmb250U3R5bGU6IFwibm9ybWFsXCIsXG4gIGxpbmVIZWlnaHQ6IDAsXG4gIHRleHRUcmFuc2Zvcm06IFwibm9uZVwiLFxuICB0ZXh0UmVuZGVyaW5nOiBcIm9wdGltaXplTGVnaWJpbGl0eVwiLFxuICBXZWJraXRGb250U21vb3RoaW5nOiBcImFudGlhbGlhc2VkXCIsXG4gIE1vek9zeEZvbnRTbW9vdGhpbmc6IFwiZ3JheXNjYWxlXCIsXG4gIHZlcnRpY2FsQWxpZ246IFwiLTAuMjVlbVwiXG59KTtcblxuZXhwb3J0IGZ1bmN0aW9uIEljb24oe1xuICBjb21wb25lbnQ6IENvbXBvbmVudCxcbiAgY2xhc3NOYW1lLFxuICBzdHlsZSxcbiAgLi4ucHJvcHNcbn06IEljb25Qcm9wcykge1xuICByZXR1cm4gKFxuICAgIDxzcGFuXG4gICAgICBjbGFzc05hbWU9e2NsYXNzTmFtZX1cbiAgICAgIGNzcz17aWNvblN0eWxlfVxuICAgICAgc3R5bGU9e3N0eWxlfVxuICAgID5cbiAgICAgIDxDb21wb25lbnQgc2l6ZT1cIjEuMmVtXCIgey4uLnByb3BzfSAvPlxuICAgIDwvc3Bhbj5cbiAgKTtcbn1cblxuZXhwb3J0IHsgdHlwZSBJY29uUHJvcHMgfSBmcm9tIFwiLi9wcm9wc1wiO1xuIl19 */",
+  toString: _EMOTION_STRINGIFIED_CSS_ERROR__
+};
+function Icon({
+  component: Component,
+  className,
+  style,
+  ...props
+}) {
+  return /* @__PURE__ */ jsxRuntime.jsx("span", { className, css: iconStyle, style, children: /* @__PURE__ */ jsxRuntime.jsx(Component, { size: "1.2em", ...props }) });
+}
+
+exports.Icon = Icon;

package/dist/cjs/icon/props.cjs

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

package/dist/cjs/icon-button/index.cjs

@@ -0,0 +1,40 @@
+/*! @vef-framework/components v2.0.0 made with ❤️ by Venus | 2025-11-25T10:06:32.989Z */
+'use strict';
+
+Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
+
+const jsxRuntime = require('@emotion/react/jsx-runtime');
+const react = require('@emotion/react');
+const shared = require('@vef-framework/shared');
+const react$1 = require('react');
+require('../_base/index.cjs');
+require('../button/index.cjs');
+require('../tooltip/index.cjs');
+require('./props.cjs');
+const cssVars = require('../_base/constants/css-vars.cjs');
+const antd = require('antd');
+
+const buttonStyle = /* @__PURE__ */ react.css({
+  padding: 0,
+  width: cssVars.globalCssVars.controlHeight,
+  "&.vef-btn-sm": {
+    width: cssVars.globalCssVars.controlHeightSm
+  },
+  "&.vef-btn-lg": {
+    width: cssVars.globalCssVars.controlHeightLg
+  }
+}, process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi9Vc2Vycy92ZW51cy9WRUYvdmVmLWZyYW1ld29yay1yZWFjdC9wYWNrYWdlcy9jb21wb25lbnRzL3NyYy9pY29uLWJ1dHRvbi9pbmRleC50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBVW9CIiwiZmlsZSI6Ii9Vc2Vycy92ZW51cy9WRUYvdmVmLWZyYW1ld29yay1yZWFjdC9wYWNrYWdlcy9jb21wb25lbnRzL3NyYy9pY29uLWJ1dHRvbi9pbmRleC50c3giLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgdHlwZSB7IEljb25CdXR0b25Qcm9wcyB9IGZyb20gXCIuL3Byb3BzXCI7XG5cbmltcG9ydCB7IGNzcyB9IGZyb20gXCJAZW1vdGlvbi9yZWFjdFwiO1xuaW1wb3J0IHsgaXNOdWxsaXNoIH0gZnJvbSBcIkB2ZWYtZnJhbWV3b3JrL3NoYXJlZFwiO1xuaW1wb3J0IHsgY2xvbmVFbGVtZW50IH0gZnJvbSBcInJlYWN0XCI7XG5cbmltcG9ydCB7IGdsb2JhbENzc1ZhcnMgfSBmcm9tIFwiLi4vX2Jhc2VcIjtcbmltcG9ydCB7IEJ1dHRvbiB9IGZyb20gXCIuLi9idXR0b25cIjtcbmltcG9ydCB7IFRvb2x0aXAgfSBmcm9tIFwiLi4vdG9vbHRpcFwiO1xuXG5jb25zdCBidXR0b25TdHlsZSA9IGNzcyh7XG4gIHBhZGRpbmc6IDAsXG4gIHdpZHRoOiBnbG9iYWxDc3NWYXJzLmNvbnRyb2xIZWlnaHQsXG4gIFwiJi52ZWYtYnRuLXNtXCI6IHtcbiAgICB3aWR0aDogZ2xvYmFsQ3NzVmFycy5jb250cm9sSGVpZ2h0U21cbiAgfSxcbiAgXCImLnZlZi1idG4tbGdcIjoge1xuICAgIHdpZHRoOiBnbG9iYWxDc3NWYXJzLmNvbnRyb2xIZWlnaHRMZ1xuICB9XG59KTtcblxuZXhwb3J0IGZ1bmN0aW9uIEljb25CdXR0b24oe1xuICBpY29uLFxuICB0aXAsXG4gIHRpcERlbGF5LFxuICBwbGFjZW1lbnQsXG4gIC4uLnByb3BzXG59OiBJY29uQnV0dG9uUHJvcHMpIHtcbiAgY29uc3QgYnV0dG9uTm9kZSA9IChcbiAgICA8QnV0dG9uXG4gICAgICBjc3M9e2J1dHRvblN0eWxlfVxuICAgICAgdHlwZT1cInRleHRcIlxuICAgICAgey4uLnByb3BzfVxuICAgID5cbiAgICAgIHtcbiAgICAgICAgY2xvbmVFbGVtZW50KGljb24sIHtcbiAgICAgICAgICBzaXplOiBcIjEuMmVtXCJcbiAgICAgICAgfSlcbiAgICAgIH1cbiAgICA8L0J1dHRvbj5cbiAgKTtcblxuICByZXR1cm4gaXNOdWxsaXNoKHRpcClcbiAgICA/IGJ1dHRvbk5vZGVcbiAgICA6IChcbiAgICAgICAgPFRvb2x0aXBcbiAgICAgICAgICBtb3VzZUVudGVyRGVsYXk9e3RpcERlbGF5fVxuICAgICAgICAgIHBsYWNlbWVudD17cGxhY2VtZW50fVxuICAgICAgICAgIHRpdGxlPXt0aXB9XG4gICAgICAgID5cbiAgICAgICAgICB7YnV0dG9uTm9kZX1cbiAgICAgICAgPC9Ub29sdGlwPlxuICAgICAgKTtcbn1cblxuZXhwb3J0IHsgdHlwZSBJY29uQnV0dG9uUHJvcHMgfSBmcm9tIFwiLi9wcm9wc1wiO1xuIl19 */");
+function IconButton({
+  icon,
+  tip,
+  tipDelay,
+  placement,
+  ...props
+}) {
+  const buttonNode = /* @__PURE__ */ jsxRuntime.jsx(antd.Button, { css: buttonStyle, type: "text", ...props, children: react$1.cloneElement(icon, {
+    size: "1.2em"
+  }) });
+  return shared.isNullish(tip) ? buttonNode : /* @__PURE__ */ jsxRuntime.jsx(antd.Tooltip, { mouseEnterDelay: tipDelay, placement, title: tip, children: buttonNode });
+}
+
+exports.IconButton = IconButton;

package/dist/cjs/icon-button/props.cjs

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

package/dist/cjs/image/index.cjs

@@ -0,0 +1,13 @@
+/*! @vef-framework/components v2.0.0 made with ❤️ by Venus | 2025-11-25T10:06:32.989Z */
+'use strict';
+
+Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
+
+const antd = require('antd');
+
+
+
+Object.defineProperty(exports, "Image", {
+	enumerable: true,
+	get: () => antd.Image
+});