@vef-framework/components 1.0.135 → 2.0.0

package/dist/cjs/index.cjs

@@ -0,0 +1,440 @@
+/*! @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' });
+
+require('./_base/index.cjs');
+const index = require('./action-button/index.cjs');
+const index$1 = require('./action-group/index.cjs');
+require('./affix/index.cjs');
+require('./alert/index.cjs');
+require('./anchor/index.cjs');
+require('./auto-complete/index.cjs');
+require('./avatar/index.cjs');
+require('./badge/index.cjs');
+const index$2 = require('./bool/index.cjs');
+require('./breadcrumb/index.cjs');
+require('./button/index.cjs');
+require('./calendar/index.cjs');
+require('./card/index.cjs');
+require('./carousel/index.cjs');
+require('./cascader/index.cjs');
+const index$3 = require('./center/index.cjs');
+require('./charts/index.cjs');
+require('./checkbox/index.cjs');
+const index$4 = require('./code-highlighter/index.cjs');
+require('./col/index.cjs');
+require('./collapse/index.cjs');
+require('./color-picker/index.cjs');
+const index$5 = require('./compact/index.cjs');
+const index$6 = require('./config-provider/index.cjs');
+require('./date-picker/index.cjs');
+require('./descriptions/index.cjs');
+require('./divider/index.cjs');
+require('./drawer/index.cjs');
+require('./dropdown/index.cjs');
+const index$7 = require('./dynamic-icon/index.cjs');
+require('./empty/index.cjs');
+require('./flex/index.cjs');
+const index$8 = require('./flip-text/index.cjs');
+require('./float-button/index.cjs');
+require('./form/index.cjs');
+const index$9 = require('./grid/index.cjs');
+const index$a = require('./group/index.cjs');
+const index$b = require('./icon/index.cjs');
+const index$c = require('./icon-button/index.cjs');
+require('./image/index.cjs');
+require('./input/index.cjs');
+require('./input-number/index.cjs');
+const index$d = require('./keyboard/index.cjs');
+require('./list/index.cjs');
+const index$e = require('./loader/index.cjs');
+require('./mentions/index.cjs');
+require('./menu/index.cjs');
+require('./modal/index.cjs');
+const index$f = require('./operation-button/index.cjs');
+require('./pagination/index.cjs');
+const index$g = require('./permission-gate/index.cjs');
+require('./popconfirm/index.cjs');
+require('./popover/index.cjs');
+require('./progress/index.cjs');
+require('./qrcode/index.cjs');
+require('./radio/index.cjs');
+require('./rate/index.cjs');
+require('./result/index.cjs');
+require('./row/index.cjs');
+const index$h = require('./scroll-area/index.cjs');
+require('./segmented/index.cjs');
+require('./select/index.cjs');
+require('./skeleton/index.cjs');
+require('./slider/index.cjs');
+require('./space/index.cjs');
+const index$i = require('./sparkles-text/index.cjs');
+require('./spin/index.cjs');
+const index$j = require('./split-text/index.cjs');
+require('./splitter/index.cjs');
+const index$k = require('./stack/index.cjs');
+require('./statistic/index.cjs');
+require('./steps/index.cjs');
+require('./switch/index.cjs');
+const index$l = require('./table/index.cjs');
+require('./tabs/index.cjs');
+require('./tag/index.cjs');
+require('./time-picker/index.cjs');
+require('./timeline/index.cjs');
+require('./tooltip/index.cjs');
+require('./tour/index.cjs');
+require('./transfer/index.cjs');
+require('./tree/index.cjs');
+require('./tree-select/index.cjs');
+const index$m = require('./typing-animation/index.cjs');
+const index$n = require('./typography/index.cjs');
+const index$o = require('./upload/index.cjs');
+require('./watermark/index.cjs');
+const breakpoints = require('./_base/constants/breakpoints.cjs');
+const message = require('./_base/helpers/message.cjs');
+const notification = require('./_base/helpers/notification.cjs');
+const common = require('./_base/constants/common.cjs');
+const common$1 = require('./_base/helpers/common.cjs');
+const cssVars = require('./_base/constants/css-vars.cjs');
+const react = require('./_base/helpers/react.cjs');
+const color = require('./_base/helpers/color.cjs');
+const breakpoints$1 = require('./_base/helpers/breakpoints.cjs');
+const modal = require('./_base/helpers/modal.cjs');
+const useThemeTokens = require('./_base/hooks/use-theme-tokens.cjs');
+const antd = require('antd');
+const chart = require('./charts/chart.cjs');
+const group = require('./charts/helpers/group.cjs');
+const useChart = require('./charts/hooks/use-chart.cjs');
+const darkModeContext = require('./config-provider/dark-mode-context.cjs');
+const empty = require('./empty/empty.cjs');
+const reactForm = require('@tanstack/react-form');
+const useForm = require('./form/use-form.cjs');
+const form = require('./form/form.cjs');
+const useGridCollapsed = require('./grid/hooks/use-grid-collapsed.cjs');
+const useDataOptionsSelect = require('./select/hooks/use-data-options-select.cjs');
+const space = require('./space/space.cjs');
+const usePaginationProps = require('./table/use-pagination-props.cjs');
+const useDataOptionsTree = require('./tree/hooks/use-data-options-tree.cjs');
+const useDataOptionsTreeSelect = require('./tree-select/hooks/use-data-options-tree-select.cjs');
+
+
+
+exports.ActionButton = index.ActionButton;
+exports.ActionGroup = index$1.ActionGroup;
+exports.Bool = index$2.Bool;
+exports.Center = index$3.Center;
+exports.CodeHighlighter = index$4.CodeHighlighter;
+exports.Compact = index$5.Compact;
+exports.ConfigProvider = index$6.ConfigProvider;
+exports.DynamicIcon = index$7.DynamicIcon;
+exports.FlipText = index$8.FlipText;
+exports.Grid = index$9.Grid;
+exports.Group = index$a.Group;
+exports.Icon = index$b.Icon;
+exports.IconButton = index$c.IconButton;
+exports.Keyboard = index$d.Keyboard;
+exports.Loader = index$e.Loader;
+exports.OperationButton = index$f.OperationButton;
+exports.PermissionGate = index$g.PermissionGate;
+exports.ScrollArea = index$h.ScrollArea;
+exports.SparklesText = index$i.SparklesText;
+exports.SplitText = index$j.SplitText;
+exports.Stack = index$k.Stack;
+exports.Table = index$l.Table;
+exports.TypingAnimation = index$m.TypingAnimation;
+exports.Link = index$n.Link;
+exports.Paragraph = index$n.Paragraph;
+exports.Text = index$n.Text;
+exports.Title = index$n.Title;
+exports.Upload = index$o.Upload;
+exports.breakpoints = breakpoints.breakpoints;
+exports.closeAllMessages = message.closeAllMessages;
+exports.showErrorMessage = message.showErrorMessage;
+exports.showInfoMessage = message.showInfoMessage;
+exports.showLoadingMessage = message.showLoadingMessage;
+exports.showSuccessMessage = message.showSuccessMessage;
+exports.showWarningMessage = message.showWarningMessage;
+exports.closeAllNotifications = notification.closeAllNotifications;
+exports.showErrorNotification = notification.showErrorNotification;
+exports.showInfoNotification = notification.showInfoNotification;
+exports.showSuccessNotification = notification.showSuccessNotification;
+exports.showWarningNotification = notification.showWarningNotification;
+exports.colors = common.colors;
+exports.fullSizes = common.fullSizes;
+exports.presetColors = common.presetColors;
+exports.semanticColors = common.semanticColors;
+exports.semanticSceneIcons = common.semanticSceneIcons;
+exports.semanticSceneLabels = common.semanticSceneLabels;
+exports.semanticScenes = common.semanticScenes;
+exports.sizes = common.sizes;
+exports.getSpacingValue = common$1.getSpacingValue;
+exports.mapSize = common$1.mapSize;
+exports.globalCssVars = cssVars.globalCssVars;
+exports.isFragment = react.isFragment;
+exports.isPresetColor = color.isPresetColor;
+exports.isSemanticColor = color.isSemanticColor;
+exports.resolveBreakpointValue = breakpoints$1.resolveBreakpointValue;
+exports.showConfirm = modal.showConfirm;
+exports.showErrorAlert = modal.showErrorAlert;
+exports.showInfoAlert = modal.showInfoAlert;
+exports.showSuccessAlert = modal.showSuccessAlert;
+exports.showWarningAlert = modal.showWarningAlert;
+exports.useThemeTokens = useThemeTokens.useThemeTokens;
+Object.defineProperty(exports, "Affix", {
+  enumerable: true,
+  get: () => antd.Affix
+});
+Object.defineProperty(exports, "Alert", {
+  enumerable: true,
+  get: () => antd.Alert
+});
+Object.defineProperty(exports, "Anchor", {
+  enumerable: true,
+  get: () => antd.Anchor
+});
+Object.defineProperty(exports, "AutoComplete", {
+  enumerable: true,
+  get: () => antd.AutoComplete
+});
+Object.defineProperty(exports, "Avatar", {
+  enumerable: true,
+  get: () => antd.Avatar
+});
+Object.defineProperty(exports, "Badge", {
+  enumerable: true,
+  get: () => antd.Badge
+});
+Object.defineProperty(exports, "Breadcrumb", {
+  enumerable: true,
+  get: () => antd.Breadcrumb
+});
+Object.defineProperty(exports, "Button", {
+  enumerable: true,
+  get: () => antd.Button
+});
+Object.defineProperty(exports, "Calendar", {
+  enumerable: true,
+  get: () => antd.Calendar
+});
+Object.defineProperty(exports, "Card", {
+  enumerable: true,
+  get: () => antd.Card
+});
+Object.defineProperty(exports, "Carousel", {
+  enumerable: true,
+  get: () => antd.Carousel
+});
+Object.defineProperty(exports, "Cascader", {
+  enumerable: true,
+  get: () => antd.Cascader
+});
+Object.defineProperty(exports, "Checkbox", {
+  enumerable: true,
+  get: () => antd.Checkbox
+});
+Object.defineProperty(exports, "Col", {
+  enumerable: true,
+  get: () => antd.Col
+});
+Object.defineProperty(exports, "Collapse", {
+  enumerable: true,
+  get: () => antd.Collapse
+});
+Object.defineProperty(exports, "ColorPicker", {
+  enumerable: true,
+  get: () => antd.ColorPicker
+});
+Object.defineProperty(exports, "DatePicker", {
+  enumerable: true,
+  get: () => antd.DatePicker
+});
+Object.defineProperty(exports, "Descriptions", {
+  enumerable: true,
+  get: () => antd.Descriptions
+});
+Object.defineProperty(exports, "Divider", {
+  enumerable: true,
+  get: () => antd.Divider
+});
+Object.defineProperty(exports, "Drawer", {
+  enumerable: true,
+  get: () => antd.Drawer
+});
+Object.defineProperty(exports, "Dropdown", {
+  enumerable: true,
+  get: () => antd.Dropdown
+});
+Object.defineProperty(exports, "Flex", {
+  enumerable: true,
+  get: () => antd.Flex
+});
+Object.defineProperty(exports, "FloatButton", {
+  enumerable: true,
+  get: () => antd.FloatButton
+});
+Object.defineProperty(exports, "Image", {
+  enumerable: true,
+  get: () => antd.Image
+});
+Object.defineProperty(exports, "Input", {
+  enumerable: true,
+  get: () => antd.Input
+});
+Object.defineProperty(exports, "InputNumber", {
+  enumerable: true,
+  get: () => antd.InputNumber
+});
+Object.defineProperty(exports, "List", {
+  enumerable: true,
+  get: () => antd.List
+});
+Object.defineProperty(exports, "Mentions", {
+  enumerable: true,
+  get: () => antd.Mentions
+});
+Object.defineProperty(exports, "Menu", {
+  enumerable: true,
+  get: () => antd.Menu
+});
+Object.defineProperty(exports, "Modal", {
+  enumerable: true,
+  get: () => antd.Modal
+});
+Object.defineProperty(exports, "Pagination", {
+  enumerable: true,
+  get: () => antd.Pagination
+});
+Object.defineProperty(exports, "Popconfirm", {
+  enumerable: true,
+  get: () => antd.Popconfirm
+});
+Object.defineProperty(exports, "Popover", {
+  enumerable: true,
+  get: () => antd.Popover
+});
+Object.defineProperty(exports, "Progress", {
+  enumerable: true,
+  get: () => antd.Progress
+});
+Object.defineProperty(exports, "QRCode", {
+  enumerable: true,
+  get: () => antd.QRCode
+});
+Object.defineProperty(exports, "Radio", {
+  enumerable: true,
+  get: () => antd.Radio
+});
+Object.defineProperty(exports, "Rate", {
+  enumerable: true,
+  get: () => antd.Rate
+});
+Object.defineProperty(exports, "Result", {
+  enumerable: true,
+  get: () => antd.Result
+});
+Object.defineProperty(exports, "Row", {
+  enumerable: true,
+  get: () => antd.Row
+});
+Object.defineProperty(exports, "Segmented", {
+  enumerable: true,
+  get: () => antd.Segmented
+});
+Object.defineProperty(exports, "Select", {
+  enumerable: true,
+  get: () => antd.Select
+});
+Object.defineProperty(exports, "Skeleton", {
+  enumerable: true,
+  get: () => antd.Skeleton
+});
+Object.defineProperty(exports, "Slider", {
+  enumerable: true,
+  get: () => antd.Slider
+});
+Object.defineProperty(exports, "Spin", {
+  enumerable: true,
+  get: () => antd.Spin
+});
+Object.defineProperty(exports, "Splitter", {
+  enumerable: true,
+  get: () => antd.Splitter
+});
+Object.defineProperty(exports, "Statistic", {
+  enumerable: true,
+  get: () => antd.Statistic
+});
+Object.defineProperty(exports, "Steps", {
+  enumerable: true,
+  get: () => antd.Steps
+});
+Object.defineProperty(exports, "Switch", {
+  enumerable: true,
+  get: () => antd.Switch
+});
+Object.defineProperty(exports, "Tabs", {
+  enumerable: true,
+  get: () => antd.Tabs
+});
+Object.defineProperty(exports, "Tag", {
+  enumerable: true,
+  get: () => antd.Tag
+});
+Object.defineProperty(exports, "TimePicker", {
+  enumerable: true,
+  get: () => antd.TimePicker
+});
+Object.defineProperty(exports, "Timeline", {
+  enumerable: true,
+  get: () => antd.Timeline
+});
+Object.defineProperty(exports, "Tooltip", {
+  enumerable: true,
+  get: () => antd.Tooltip
+});
+Object.defineProperty(exports, "Tour", {
+  enumerable: true,
+  get: () => antd.Tour
+});
+Object.defineProperty(exports, "Transfer", {
+  enumerable: true,
+  get: () => antd.Transfer
+});
+Object.defineProperty(exports, "Tree", {
+  enumerable: true,
+  get: () => antd.Tree
+});
+Object.defineProperty(exports, "TreeSelect", {
+  enumerable: true,
+  get: () => antd.TreeSelect
+});
+Object.defineProperty(exports, "Watermark", {
+  enumerable: true,
+  get: () => antd.Watermark
+});
+exports.Chart = chart.Chart;
+exports.connectCharts = group.connectCharts;
+exports.disconnectCharts = group.disconnectCharts;
+exports.useChart = useChart.useChart;
+exports.useIsDarkMode = darkModeContext.useIsDarkMode;
+exports.Empty = empty.default;
+Object.defineProperty(exports, "createFormOptions", {
+  enumerable: true,
+  get: () => reactForm.formOptions
+});
+Object.defineProperty(exports, "useFormStore", {
+  enumerable: true,
+  get: () => reactForm.useStore
+});
+exports.useForm = useForm.useForm;
+exports.useFormContext = form.useFormContext;
+exports.withFieldGroup = form.withFieldGroup;
+exports.withForm = form.withForm;
+exports.useGridCollapsed = useGridCollapsed.useGridCollapsed;
+exports.useDataOptionsSelect = useDataOptionsSelect.useDataOptionsSelect;
+exports.Space = space.default;
+exports.pageSizeOptions = usePaginationProps.pageSizeOptions;
+exports.usePaginationProps = usePaginationProps.usePaginationProps;
+exports.useDataOptionsTree = useDataOptionsTree.useDataOptionsTree;
+exports.useDataOptionsTreeSelect = useDataOptionsTreeSelect.useDataOptionsTreeSelect;

package/dist/cjs/input/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, "Input", {
+	enumerable: true,
+	get: () => antd.Input
+});

package/dist/cjs/input-number/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, "InputNumber", {
+	enumerable: true,
+	get: () => antd.InputNumber
+});

package/dist/cjs/keyboard/index.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 jsxRuntime = require('@emotion/react/jsx-runtime');
+const react = require('@emotion/react');
+const react$1 = require('react');
+require('../_base/index.cjs');
+require('./props.cjs');
+const cssVars = require('../_base/constants/css-vars.cjs');
+
+const keyboardStyle = /* @__PURE__ */ react.css({
+  "--vef-keyboard-size": cssVars.globalCssVars.fontSize,
+  "--vef-keyboard-height": "1.6em",
+  fontFamily: cssVars.globalCssVars.fontFamilyCode,
+  fontWeight: "bold",
+  fontSize: "var(--vef-keyboard-size)",
+  lineHeight: 1,
+  color: cssVars.globalCssVars.colorTextLabel,
+  borderRadius: cssVars.globalCssVars.borderRadiusSm,
+  border: `${cssVars.globalCssVars.lineWidth} ${cssVars.globalCssVars.lineType}`,
+  borderBlockEndWidth: "3px",
+  borderColor: cssVars.globalCssVars.colorBorder,
+  backgroundColor: cssVars.globalCssVars.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,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi9Vc2Vycy92ZW51cy9WRUYvdmVmLWZyYW1ld29yay1yZWFjdC9wYWNrYWdlcy9jb21wb25lbnRzL3NyYy9rZXlib2FyZC9pbmRleC50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBT3NCIiwiZmlsZSI6Ii9Vc2Vycy92ZW51cy9WRUYvdmVmLWZyYW1ld29yay1yZWFjdC9wYWNrYWdlcy9jb21wb25lbnRzL3NyYy9rZXlib2FyZC9pbmRleC50c3giLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgdHlwZSB7IEtleWJvYXJkUHJvcHMgfSBmcm9tIFwiLi9wcm9wc1wiO1xuXG5pbXBvcnQgeyBjc3MgfSBmcm9tIFwiQGVtb3Rpb24vcmVhY3RcIjtcbmltcG9ydCB7IHVzZU1lbW8gfSBmcm9tIFwicmVhY3RcIjtcblxuaW1wb3J0IHsgZ2xvYmFsQ3NzVmFycyB9IGZyb20gXCIuLi9fYmFzZVwiO1xuXG5jb25zdCBrZXlib2FyZFN0eWxlID0gY3NzKHtcbiAgXCItLXZlZi1rZXlib2FyZC1zaXplXCI6IGdsb2JhbENzc1ZhcnMuZm9udFNpemUsXG4gIFwiLS12ZWYta2V5Ym9hcmQtaGVpZ2h0XCI6IFwiMS42ZW1cIixcbiAgZm9udEZhbWlseTogZ2xvYmFsQ3NzVmFycy5mb250RmFtaWx5Q29kZSxcbiAgZm9udFdlaWdodDogXCJib2xkXCIsXG4gIGZvbnRTaXplOiBcInZhcigtLXZlZi1rZXlib2FyZC1zaXplKVwiLFxuICBsaW5lSGVpZ2h0OiAxLFxuICBjb2xvcjogZ2xvYmFsQ3NzVmFycy5jb2xvclRleHRMYWJlbCxcbiAgYm9yZGVyUmFkaXVzOiBnbG9iYWxDc3NWYXJzLmJvcmRlclJhZGl1c1NtLFxuICBib3JkZXI6IGAke2dsb2JhbENzc1ZhcnMubGluZVdpZHRofSAke2dsb2JhbENzc1ZhcnMubGluZVR5cGV9YCxcbiAgYm9yZGVyQmxvY2tFbmRXaWR0aDogXCIzcHhcIixcbiAgYm9yZGVyQ29sb3I6IGdsb2JhbENzc1ZhcnMuY29sb3JCb3JkZXIsXG4gIGJhY2tncm91bmRDb2xvcjogZ2xvYmFsQ3NzVmFycy5jb2xvckZpbGxRdWF0ZXJuYXJ5LFxuICB1bmljb2RlQmlkaTogXCJlbWJlZFwiLFxuICB0ZXh0QWxpZ246IFwiY2VudGVyXCIsXG4gIHBhZGRpbmdJbmxpbmU6IFwiMC40NWVtXCIsXG4gIGhlaWdodDogXCJ2YXIoLS12ZWYta2V5Ym9hcmQtaGVpZ2h0KVwiLFxuICBkaXNwbGF5OiBcImlubGluZS1mbGV4XCIsXG4gIGFsaWduSXRlbXM6IFwiY2VudGVyXCIsXG4gIGp1c3RpZnlDb250ZW50OiBcImNlbnRlclwiXG59KTtcblxuZXhwb3J0IGZ1bmN0aW9uIEtleWJvYXJkKHtcbiAgc2l6ZSA9IFwibWVkaXVtXCIsXG4gIHN0eWxlLFxuICAuLi5wcm9wc1xufTogS2V5Ym9hcmRQcm9wcykge1xuICBjb25zdCBtZXJnZWRTdHlsZSA9IHVzZU1lbW8oKCkgPT4ge1xuICAgIHJldHVybiB7XG4gICAgICAuLi5zdHlsZSxcbiAgICAgIFwiLS12ZWYta2V5Ym9hcmQtc2l6ZVwiOiBzaXplID09PSBcInNtYWxsXCIgPyBnbG9iYWxDc3NWYXJzLmZvbnRTaXplU20gOiBzaXplID09PSBcImxhcmdlXCIgPyBnbG9iYWxDc3NWYXJzLmZvbnRTaXplTGcgOiBnbG9iYWxDc3NWYXJzLmZvbnRTaXplXG4gICAgfTtcbiAgfSwgW3NpemUsIHN0eWxlXSk7XG5cbiAgcmV0dXJuIChcbiAgICA8a2JkXG4gICAgICBjc3M9e2tleWJvYXJkU3R5bGV9XG4gICAgICBzdHlsZT17bWVyZ2VkU3R5bGV9XG4gICAgICB7Li4ucHJvcHN9XG4gICAgLz5cbiAgKTtcbn1cblxuZXhwb3J0IHsgdHlwZSBLZXlib2FyZFByb3BzIH0gZnJvbSBcIi4vcHJvcHNcIjtcbiJdfQ== */");
+function Keyboard({
+  size = "medium",
+  style,
+  ...props
+}) {
+  const mergedStyle = react$1.useMemo(() => {
+    return {
+      ...style,
+      "--vef-keyboard-size": size === "small" ? cssVars.globalCssVars.fontSizeSm : size === "large" ? cssVars.globalCssVars.fontSizeLg : cssVars.globalCssVars.fontSize
+    };
+  }, [size, style]);
+  return /* @__PURE__ */ jsxRuntime.jsx("kbd", { css: keyboardStyle, style: mergedStyle, ...props });
+}
+
+exports.Keyboard = Keyboard;

package/dist/cjs/keyboard/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/list/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, "List", {
+	enumerable: true,
+	get: () => antd.List
+});

package/dist/cjs/loader/index.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 jsxRuntime = require('@emotion/react/jsx-runtime');
+const shared = require('@vef-framework/shared');
+const react = require('react');
+require('../_base/index.cjs');
+const index = require('../center/index.cjs');
+const index$1 = require('../flip-text/index.cjs');
+require('../spin/index.cjs');
+require('./props.cjs');
+const antd = require('antd');
+const common = require('../_base/styles/common.cjs');
+
+function Loader({
+  size = "default",
+  description,
+  descriptionSize
+}) {
+  const spinProps = react.useMemo(() => {
+    if (shared.isNumber(size)) {
+      return {
+        style: {
+          "--vef-spin-dot-size": `${size}px`
+        },
+        size: "default"
+      };
+    }
+    return {
+      size
+    };
+  }, [size]);
+  const descriptionStyle = react.useMemo(() => {
+    if (shared.isNumber(descriptionSize)) {
+      return {
+        fontSize: descriptionSize
+      };
+    }
+  }, [descriptionSize]);
+  return /* @__PURE__ */ jsxRuntime.jsxs(index.Center, { css: common.fullHeight, gap: "large", orientation: "vertical", children: [
+    /* @__PURE__ */ jsxRuntime.jsx(antd.Spin, { ...spinProps }),
+    description && /* @__PURE__ */ jsxRuntime.jsx(index$1.FlipText, { duration: 1, repeat: Infinity, style: descriptionStyle, children: description })
+  ] });
+}
+
+exports.Loader = Loader;

package/dist/cjs/loader/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/mentions/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, "Mentions", {
+	enumerable: true,
+	get: () => antd.Mentions
+});

package/dist/cjs/menu/index.cjs

@@ -0,0 +1,14 @@
+/*! @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');
+require('antd/es/menu/interface');
+
+
+
+Object.defineProperty(exports, "Menu", {
+	enumerable: true,
+	get: () => antd.Menu
+});

package/dist/cjs/modal/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, "Modal", {
+	enumerable: true,
+	get: () => antd.Modal
+});

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

@@ -0,0 +1,33 @@
+/*! @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');
+require('../_base/index.cjs');
+const index = require('../action-button/index.cjs');
+const index$1 = require('../permission-gate/index.cjs');
+require('./props.cjs');
+const cssVars = require('../_base/constants/css-vars.cjs');
+
+const operationButtonStyle = /* @__PURE__ */ react.css({
+  height: "calc(var(--vef-control-height-sm) + 2px)",
+  "&.vef-btn-sm": {
+    "--vef-button-padding-inline-sm": cssVars.globalCssVars.spacingXxs
+  }
+}, process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi9Vc2Vycy92ZW51cy9WRUYvdmVmLWZyYW1ld29yay1yZWFjdC9wYWNrYWdlcy9jb21wb25lbnRzL3NyYy9vcGVyYXRpb24tYnV0dG9uL2luZGV4LnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFTNkIiLCJmaWxlIjoiL1VzZXJzL3ZlbnVzL1ZFRi92ZWYtZnJhbWV3b3JrLXJlYWN0L3BhY2thZ2VzL2NvbXBvbmVudHMvc3JjL29wZXJhdGlvbi1idXR0b24vaW5kZXgudHN4Iiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHR5cGUgeyBPcGVyYXRpb25CdXR0b25Qcm9wcyB9IGZyb20gXCIuL3Byb3BzXCI7XG5cbmltcG9ydCB7IGNzcyB9IGZyb20gXCJAZW1vdGlvbi9yZWFjdFwiO1xuaW1wb3J0IHsgaXNFbXB0eSB9IGZyb20gXCJAdmVmLWZyYW1ld29yay9zaGFyZWRcIjtcblxuaW1wb3J0IHsgZ2xvYmFsQ3NzVmFycyB9IGZyb20gXCIuLi9fYmFzZVwiO1xuaW1wb3J0IHsgQWN0aW9uQnV0dG9uIH0gZnJvbSBcIi4uL2FjdGlvbi1idXR0b25cIjtcbmltcG9ydCB7IFBlcm1pc3Npb25HYXRlIH0gZnJvbSBcIi4uL3Blcm1pc3Npb24tZ2F0ZVwiO1xuXG5jb25zdCBvcGVyYXRpb25CdXR0b25TdHlsZSA9IGNzcyh7XG4gIGhlaWdodDogXCJjYWxjKHZhcigtLXZlZi1jb250cm9sLWhlaWdodC1zbSkgKyAycHgpXCIsXG4gIFwiJi52ZWYtYnRuLXNtXCI6IHtcbiAgICBcIi0tdmVmLWJ1dHRvbi1wYWRkaW5nLWlubGluZS1zbVwiOiBnbG9iYWxDc3NWYXJzLnNwYWNpbmdYeHNcbiAgfVxufSk7XG5cbmV4cG9ydCBmdW5jdGlvbiBPcGVyYXRpb25CdXR0b24oe1xuICBjaGVja01vZGUsXG4gIHBlcm1Ub2tlbnMsXG4gIC4uLnByb3BzXG59OiBPcGVyYXRpb25CdXR0b25Qcm9wcykge1xuICBjb25zdCBhY3Rpb25CdXR0b25Ob2RlID0gKFxuICAgIDxBY3Rpb25CdXR0b25cbiAgICAgIHsuLi5wcm9wc31cbiAgICAgIGNzcz17b3BlcmF0aW9uQnV0dG9uU3R5bGV9XG4gICAgICBzaXplPVwic21hbGxcIlxuICAgICAgdmFyaWFudD1cImZpbGxlZFwiXG4gICAgLz5cbiAgKTtcblxuICBpZiAoaXNFbXB0eShwZXJtVG9rZW5zKSkge1xuICAgIHJldHVybiBhY3Rpb25CdXR0b25Ob2RlO1xuICB9XG5cbiAgcmV0dXJuIChcbiAgICA8UGVybWlzc2lvbkdhdGVcbiAgICAgIGNoZWNrTW9kZT17Y2hlY2tNb2RlfVxuICAgICAgcGVybVRva2Vucz17cGVybVRva2Vuc31cbiAgICA+XG4gICAgICA8QWN0aW9uQnV0dG9uXG4gICAgICAgIHsuLi5wcm9wc31cbiAgICAgICAgY3NzPXtvcGVyYXRpb25CdXR0b25TdHlsZX1cbiAgICAgICAgc2l6ZT1cInNtYWxsXCJcbiAgICAgICAgdmFyaWFudD1cImZpbGxlZFwiXG4gICAgICAvPlxuICAgIDwvUGVybWlzc2lvbkdhdGU+XG4gICk7XG59XG5cbmV4cG9ydCB7IHR5cGUgT3BlcmF0aW9uQnV0dG9uUHJvcHMgfSBmcm9tIFwiLi9wcm9wc1wiO1xuIl19 */");
+function OperationButton({
+  checkMode,
+  permTokens,
+  ...props
+}) {
+  const actionButtonNode = /* @__PURE__ */ jsxRuntime.jsx(index.ActionButton, { ...props, css: operationButtonStyle, size: "small", variant: "filled" });
+  if (shared.isEmpty(permTokens)) {
+    return actionButtonNode;
+  }
+  return /* @__PURE__ */ jsxRuntime.jsx(index$1.PermissionGate, { checkMode, permTokens, children: /* @__PURE__ */ jsxRuntime.jsx(index.ActionButton, { ...props, css: operationButtonStyle, size: "small", variant: "filled" }) });
+}
+
+exports.OperationButton = OperationButton;

package/dist/cjs/operation-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';
+