@vef-framework-react/components 2.2.2 → 2.4.0

package/dist/es/index.js

@@ -1,46 +1,47 @@
-/*! @vef-framework-react/components v2.2.2 made by Venus | 2026-05-18T12:43:56.688Z */
+/*! @vef-framework-react/components v2.4.0 made by Venus | 2026-06-15T15:10:18.033Z */
 import { breakpoints as e } from "./_base/constants/breakpoints.js";
 import { colors as t, fullSizes as n, presetColors as r, semanticColors as i, semanticSceneIcons as a, semanticSceneLabels as o, semanticScenes as s, sizes as c } from "./_base/constants/common.js";
 import { globalCssVars as l } from "./_base/constants/css-vars.js";
 import { SYMBOL_PAGINATION as u, SYMBOL_SORT as d } from "./_base/constants/symbols.js";
 import { resolveBreakpointValue as f } from "./_base/helpers/breakpoints.js";
 import { isPresetColor as p, isSemanticColor as m } from "./_base/helpers/color.js";
-import { getSpacingValue as h, mapSize as g } from "./_base/helpers/common.js";
-import { emitReloadPage as _ } from "./_base/helpers/event.js";
-import { closeAllMessages as v, showErrorMessage as y, showInfoMessage as b, showLoadingMessage as x, showSuccessMessage as S, showWarningMessage as C } from "./_base/helpers/message.js";
-import { showConfirm as w, showErrorAlert as T, showInfoAlert as E, showSuccessAlert as D, showWarningAlert as O } from "./_base/helpers/modal.js";
-import { closeAllNotifications as k, showErrorNotification as A, showInfoNotification as j, showSuccessNotification as M, showWarningNotification as N } from "./_base/helpers/notification.js";
-import { isFragment as P } from "./_base/helpers/react.js";
-import { useThemeTokens as F } from "./_base/hooks/use-theme-tokens.js";
-import { Button as I } from "./button/index.js";
-import { Icon as L } from "./icon/index.js";
-import { Popconfirm as R } from "./popconfirm/index.js";
-import { ActionButton as z } from "./action-button/index.js";
-import { Flex as B } from "./flex/index.js";
-import { Group as V } from "./group/index.js";
-import { ActionGroup as H } from "./action-group/index.js";
-import { Affix as U } from "./affix/index.js";
-import { Alert as W } from "./alert/index.js";
-import { Anchor as G } from "./anchor/index.js";
-import { AutoComplete as K } from "./auto-complete/index.js";
-import { Avatar as q } from "./avatar/index.js";
-import { Badge as J } from "./badge/index.js";
-import { Checkbox as Y } from "./checkbox/index.js";
-import { Radio as X } from "./radio/index.js";
-import { Switch as Z } from "./switch/index.js";
-import { Bool as Q } from "./bool/index.js";
-import { BorderBeam as $ } from "./border-beam/index.js";
-import { Breadcrumb as ee } from "./breadcrumb/index.js";
-import { Calendar as te } from "./calendar/index.js";
-import { Card as ne } from "./card/index.js";
-import { Carousel as re } from "./carousel/index.js";
-import { Cascader as ie } from "./cascader/index.js";
-import { Center as ae } from "./center/index.js";
-import { useIsDarkMode as oe } from "./config-provider/dark-mode-context.js";
-import { ConfigProvider as se } from "./config-provider/index.js";
-import { useChart as ce } from "./charts/hooks/use-chart.js";
-import { Chart as le } from "./charts/chart.js";
-import { connectCharts as ue, disconnectCharts as de } from "./charts/helpers/group.js";
+import { getSpacingValue as h } from "./_base/helpers/common.js";
+import { emitReloadPage as g } from "./_base/helpers/event.js";
+import { closeAllMessages as _, showErrorMessage as v, showInfoMessage as y, showLoadingMessage as b, showSuccessMessage as x, showWarningMessage as S } from "./_base/helpers/message.js";
+import { showConfirm as C, showErrorAlert as w, showInfoAlert as T, showSuccessAlert as E, showWarningAlert as D } from "./_base/helpers/modal.js";
+import { closeAllNotifications as O, showErrorNotification as k, showInfoNotification as A, showSuccessNotification as j, showWarningNotification as M } from "./_base/helpers/notification.js";
+import { isFragment as N } from "./_base/helpers/react.js";
+import { useThemeTokens as P } from "./_base/hooks/use-theme-tokens.js";
+import { Button as F } from "./button/index.js";
+import { Icon as I } from "./icon/index.js";
+import { Popconfirm as L } from "./popconfirm/index.js";
+import { ActionButton as R } from "./action-button/index.js";
+import { Flex as z } from "./flex/index.js";
+import { Group as B } from "./group/index.js";
+import { ActionGroup as V } from "./action-group/index.js";
+import { Affix as H } from "./affix/index.js";
+import { Alert as U } from "./alert/index.js";
+import { Anchor as W } from "./anchor/index.js";
+import { AutoComplete as G } from "./auto-complete/index.js";
+import { Avatar as K } from "./avatar/index.js";
+import { Badge as q } from "./badge/index.js";
+import { Checkbox as J } from "./checkbox/index.js";
+import { Radio as Y } from "./radio/index.js";
+import { Switch as X } from "./switch/index.js";
+import { Bool as Z } from "./bool/index.js";
+import { BorderBeam as Q } from "./border-beam/index.js";
+import { Breadcrumb as $ } from "./breadcrumb/index.js";
+import { Calendar as ee } from "./calendar/index.js";
+import { Card as te } from "./card/index.js";
+import { Carousel as ne } from "./carousel/index.js";
+import { Cascader as re } from "./cascader/index.js";
+import { Center as ie } from "./center/index.js";
+import { useIsDarkMode as ae } from "./config-provider/dark-mode-context.js";
+import { ConfigProvider as oe } from "./config-provider/index.js";
+import { useChart as se } from "./charts/hooks/use-chart.js";
+import { Chart as ce } from "./charts/chart.js";
+import { connectCharts as le, disconnectCharts as ue } from "./charts/helpers/group.js";
+import { CodeEditor as de } from "./code-editor/index.js";
 import { CodeHighlighter as fe } from "./code-highlighter/index.js";
 import { Col as pe } from "./col/index.js";
 import { Collapse as me } from "./collapse/index.js";
@@ -59,70 +60,75 @@ import { TableSubscriber as De } from "./pro-table/components/table-subscriber.j
 import { ProTable as Oe } from "./pro-table/index.js";
 import { restoreFieldOptions as ke } from "./form/helpers/create-field.js";
 import { DatePicker as Ae } from "./date-picker/index.js";
-import { Input as je } from "./input/index.js";
-import { InputNumber as Me } from "./input-number/index.js";
-import { Mentions as Ne } from "./mentions/index.js";
-import { Rate as Pe } from "./rate/index.js";
-import { FlipText as Fe } from "./flip-text/index.js";
-import { Spin as Ie } from "./spin/index.js";
-import { Loader as Le } from "./loader/index.js";
-import { useDataOptionsSelect as Re } from "./select/hooks/use-data-options-select.js";
-import { useDictionaryOptionsSelect as ze } from "./select/hooks/use-dictionary-options-select.js";
-import { Select as Be } from "./select/index.js";
-import { TimePicker as Ve } from "./time-picker/index.js";
-import { Transfer as He } from "./transfer/index.js";
-import { useDataOptionsTreeSelect as Ue } from "./tree-select/hooks/use-data-options-tree-select.js";
-import { TreeSelect as We } from "./tree-select/index.js";
-import { Image as Ge } from "./image/index.js";
-import { Upload as Ke } from "./upload/index.js";
-import { FileUpload as qe } from "./file-upload/index.js";
-import { createFormOptions as Je, useFormContext as Ye, useFormStore as Xe, withFieldGroup as Ze, withForm as Qe } from "./form/form.js";
-import { useForm as $e } from "./form/use-form.js";
-import { ProSearch as et } from "./pro-search/index.js";
-import { Link as tt, Paragraph as nt, Text as rt, Title as it } from "./typography/index.js";
-import { Drawer as at } from "./drawer/index.js";
-import ot from "./empty/empty.js";
-import { FormDrawer as st } from "./form-drawer/index.js";
-import { Modal as ct } from "./modal/modal.js";
-import { FormModal as lt } from "./form-modal/index.js";
-import { createCrudKit as ut } from "./crud/helpers.js";
-import { Crud as dt } from "./crud/index.js";
-import { ScrollArea as ft } from "./scroll-area/index.js";
-import { useViewportHeight as pt } from "./page/viewport-context.js";
-import { Page as mt } from "./page/index.js";
-import { CrudPage as ht } from "./crud-page/index.js";
-import { Descriptions as gt } from "./descriptions/index.js";
-import { Dropdown as _t } from "./dropdown/index.js";
-import { DynamicIcon as vt } from "./dynamic-icon/index.js";
-import { FloatButton as yt } from "./float-button/index.js";
-import { useGridCollapsed as bt } from "./grid/hooks/use-grid-collapsed.js";
-import { Grid as xt } from "./grid/index.js";
-import { IconButton as St } from "./icon-button/index.js";
-import { Keyboard as Ct } from "./keyboard/index.js";
-import { List as wt } from "./list/index.js";
-import { LogoIcon as Tt } from "./logo-icon/index.js";
-import { Menu as Et } from "./menu/index.js";
-import { PermissionGate as Dt } from "./permission-gate/index.js";
-import { OperationButton as Ot } from "./operation-button/index.js";
-import { Pagination as kt } from "./pagination/index.js";
-import { Progress as At } from "./progress/index.js";
-import { QRCode as jt } from "./qrcode/index.js";
-import { Result as Mt } from "./result/index.js";
-import { Row as Nt } from "./row/index.js";
-import { Segmented as Pt } from "./segmented/index.js";
-import { Skeleton as Ft } from "./skeleton/index.js";
-import It from "./space/space.js";
-import { SparklesText as Lt } from "./sparkles-text/index.js";
-import { SplitText as Rt } from "./split-text/index.js";
-import { Splitter as zt } from "./splitter/index.js";
-import { Statistic as Bt } from "./statistic/index.js";
-import { Steps as Vt } from "./steps/index.js";
-import { Tabs as Ht } from "./tabs/index.js";
-import { Tag as Ut } from "./tag/index.js";
-import { Timeline as Wt } from "./timeline/index.js";
-import { Tour as Gt } from "./tour/index.js";
-import { useDataOptionsTree as Kt } from "./tree/hooks/use-data-options-tree.js";
-import { Tree as qt } from "./tree/index.js";
-import { TypingAnimation as Jt } from "./typing-animation/index.js";
-import { Watermark as Yt } from "./watermark/index.js";
-export { z as ActionButton, H as ActionGroup, U as Affix, W as Alert, G as Anchor, K as AutoComplete, q as Avatar, J as Badge, Q as Bool, $ as BorderBeam, ee as Breadcrumb, I as Button, te as Calendar, ne as Card, re as Carousel, ie as Cascader, ae as Center, le as Chart, Y as Checkbox, fe as CodeHighlighter, pe as Col, me as Collapse, he as ColorPicker, ge as Compact, se as ConfigProvider, dt as Crud, ht as CrudPage, Ae as DatePicker, gt as Descriptions, ye as Divider, at as Drawer, _t as Dropdown, vt as DynamicIcon, ot as Empty, qe as FileUpload, B as Flex, _e as FlexCard, Fe as FlipText, yt as FloatButton, st as FormDrawer, lt as FormModal, xt as Grid, V as Group, L as Icon, St as IconButton, Ge as Image, je as Input, Me as InputNumber, Ct as Keyboard, tt as Link, wt as List, Le as Loader, Tt as LogoIcon, Ne as Mentions, Et as Menu, ct as Modal, Ot as OperationButton, Ee as OperationButtonGroup, mt as Page, kt as Pagination, nt as Paragraph, Dt as PermissionGate, R as Popconfirm, we as Popover, et as ProSearch, Oe as ProTable, De as ProTableSubscriber, At as Progress, jt as QRCode, X as Radio, Pe as Rate, Mt as Result, Nt as Row, u as SYMBOL_PAGINATION, d as SYMBOL_SORT, ft as ScrollArea, Pt as Segmented, Be as Select, Ft as Skeleton, Te as Slider, It as Space, Lt as SparklesText, Ie as Spin, Rt as SplitText, zt as Splitter, ve as Stack, Bt as Statistic, Vt as Steps, Z as Switch, Ce as Table, Ht as Tabs, Ut as Tag, rt as Text, Ve as TimePicker, Wt as Timeline, it as Title, be as Tooltip, Gt as Tour, He as Transfer, qt as Tree, We as TreeSelect, Jt as TypingAnimation, Ke as Upload, Yt as Watermark, e as breakpoints, v as closeAllMessages, k as closeAllNotifications, t as colors, ue as connectCharts, ut as createCrudKit, Je as createFormOptions, de as disconnectCharts, _ as emitReloadPage, n as fullSizes, h as getSpacingValue, l as globalCssVars, P as isFragment, p as isPresetColor, m as isSemanticColor, g as mapSize, xe as pageSizeOptions, r as presetColors, f as resolveBreakpointValue, ke as restoreFieldOptions, i as semanticColors, a as semanticSceneIcons, o as semanticSceneLabels, s as semanticScenes, w as showConfirm, T as showErrorAlert, y as showErrorMessage, A as showErrorNotification, E as showInfoAlert, b as showInfoMessage, j as showInfoNotification, x as showLoadingMessage, D as showSuccessAlert, S as showSuccessMessage, M as showSuccessNotification, O as showWarningAlert, C as showWarningMessage, N as showWarningNotification, c as sizes, ce as useChart, Re as useDataOptionsSelect, Kt as useDataOptionsTree, Ue as useDataOptionsTreeSelect, ze as useDictionaryOptionsSelect, $e as useForm, Ye as useFormContext, Xe as useFormStore, bt as useGridCollapsed, oe as useIsDarkMode, Se as usePaginationProps, F as useThemeTokens, pt as useViewportHeight, Ze as withFieldGroup, Qe as withForm };
+import { DynamicIcon as je } from "./dynamic-icon/index.js";
+import { GenericSelect as Me } from "./generic-select/index.js";
+import Ne from "./empty/empty.js";
+import { ScrollArea as Pe } from "./scroll-area/index.js";
+import { IconPicker as Fe } from "./icon-picker/index.js";
+import { Input as Ie } from "./input/index.js";
+import { InputNumber as Le } from "./input-number/index.js";
+import { Mentions as Re } from "./mentions/index.js";
+import { Rate as ze } from "./rate/index.js";
+import { FlipText as Be } from "./flip-text/index.js";
+import { Spin as Ve } from "./spin/index.js";
+import { Loader as He } from "./loader/index.js";
+import { useDataOptionsSelect as Ue } from "./select/hooks/use-data-options-select.js";
+import { useDictionaryOptionsSelect as We } from "./select/hooks/use-dictionary-options-select.js";
+import { Select as Ge } from "./select/index.js";
+import { TimePicker as Ke } from "./time-picker/index.js";
+import { Transfer as qe } from "./transfer/index.js";
+import { useDataOptionsTreeSelect as Je } from "./tree-select/hooks/use-data-options-tree-select.js";
+import { TreeSelect as Ye } from "./tree-select/index.js";
+import { Image as Xe } from "./image/index.js";
+import { Upload as Ze } from "./upload/index.js";
+import { FileUpload as Qe } from "./file-upload/index.js";
+import { createFormOptions as $e, useFormContext as et, useFormStore as tt, withFieldGroup as nt, withForm as rt } from "./form/form.js";
+import { useForm as it } from "./form/use-form.js";
+import { ProSearch as at } from "./pro-search/index.js";
+import { Link as ot, Paragraph as st, Text as ct, Title as lt } from "./typography/index.js";
+import { Drawer as ut } from "./drawer/index.js";
+import { FormDrawer as dt } from "./form-drawer/index.js";
+import { Modal as ft } from "./modal/modal.js";
+import { FormModal as pt } from "./form-modal/index.js";
+import { createCrudKit as mt } from "./crud/helpers.js";
+import { Crud as ht } from "./crud/index.js";
+import { useViewportHeight as gt } from "./page/viewport-context.js";
+import { usePageEntranceEffect as _t, usePageEntranceSettled as vt } from "./page/entrance.js";
+import { Page as yt } from "./page/index.js";
+import { CrudPage as bt } from "./crud-page/index.js";
+import { Descriptions as xt } from "./descriptions/index.js";
+import { Dropdown as St } from "./dropdown/index.js";
+import { PermissionGate as Ct } from "./permission-gate/index.js";
+import { OperationButton as wt } from "./operation-button/index.js";
+import { createEditableColumn as Tt } from "./editable-table/helpers.js";
+import { EditableTable as Et } from "./editable-table/index.js";
+import { FloatButton as Dt } from "./float-button/index.js";
+import { useGridCollapsed as Ot } from "./grid/hooks/use-grid-collapsed.js";
+import { Grid as kt } from "./grid/index.js";
+import { IconButton as At } from "./icon-button/index.js";
+import { Keyboard as jt } from "./keyboard/index.js";
+import { List as Mt } from "./list/index.js";
+import { LogoIcon as Nt } from "./logo-icon/index.js";
+import { Menu as Pt } from "./menu/index.js";
+import { Pagination as Ft } from "./pagination/index.js";
+import { Progress as It } from "./progress/index.js";
+import { QRCode as Lt } from "./qrcode/index.js";
+import { Result as Rt } from "./result/index.js";
+import { Row as zt } from "./row/index.js";
+import { Segmented as Bt } from "./segmented/index.js";
+import { Skeleton as Vt } from "./skeleton/index.js";
+import Ht from "./space/space.js";
+import { SparklesText as Ut } from "./sparkles-text/index.js";
+import { SplitText as Wt } from "./split-text/index.js";
+import { Splitter as Gt } from "./splitter/index.js";
+import { Statistic as Kt } from "./statistic/index.js";
+import { Steps as qt } from "./steps/index.js";
+import { Tabs as Jt } from "./tabs/index.js";
+import { Tag as Yt } from "./tag/index.js";
+import { Timeline as Xt } from "./timeline/index.js";
+import { Tour as Zt } from "./tour/index.js";
+import { useDataOptionsTree as Qt } from "./tree/hooks/use-data-options-tree.js";
+import { Tree as $t } from "./tree/index.js";
+import { TypingAnimation as en } from "./typing-animation/index.js";
+import { Watermark as tn } from "./watermark/index.js";
+export { R as ActionButton, V as ActionGroup, H as Affix, U as Alert, W as Anchor, G as AutoComplete, K as Avatar, q as Badge, Z as Bool, Q as BorderBeam, $ as Breadcrumb, F as Button, ee as Calendar, te as Card, ne as Carousel, re as Cascader, ie as Center, ce as Chart, J as Checkbox, de as CodeEditor, fe as CodeHighlighter, pe as Col, me as Collapse, he as ColorPicker, ge as Compact, oe as ConfigProvider, ht as Crud, bt as CrudPage, Ae as DatePicker, xt as Descriptions, ye as Divider, ut as Drawer, St as Dropdown, je as DynamicIcon, Et as EditableTable, Ne as Empty, Qe as FileUpload, z as Flex, _e as FlexCard, Be as FlipText, Dt as FloatButton, dt as FormDrawer, pt as FormModal, Me as GenericSelect, kt as Grid, B as Group, I as Icon, At as IconButton, Fe as IconPicker, Xe as Image, Ie as Input, Le as InputNumber, jt as Keyboard, ot as Link, Mt as List, He as Loader, Nt as LogoIcon, Re as Mentions, Pt as Menu, ft as Modal, wt as OperationButton, Ee as OperationButtonGroup, yt as Page, Ft as Pagination, st as Paragraph, Ct as PermissionGate, L as Popconfirm, we as Popover, at as ProSearch, Oe as ProTable, De as ProTableSubscriber, It as Progress, Lt as QRCode, Y as Radio, ze as Rate, Rt as Result, zt as Row, u as SYMBOL_PAGINATION, d as SYMBOL_SORT, Pe as ScrollArea, Bt as Segmented, Ge as Select, Vt as Skeleton, Te as Slider, Ht as Space, Ut as SparklesText, Ve as Spin, Wt as SplitText, Gt as Splitter, ve as Stack, Kt as Statistic, qt as Steps, X as Switch, Ce as Table, Jt as Tabs, Yt as Tag, ct as Text, Ke as TimePicker, Xt as Timeline, lt as Title, be as Tooltip, Zt as Tour, qe as Transfer, $t as Tree, Ye as TreeSelect, en as TypingAnimation, Ze as Upload, tn as Watermark, e as breakpoints, _ as closeAllMessages, O as closeAllNotifications, t as colors, le as connectCharts, mt as createCrudKit, Tt as createEditableColumn, $e as createFormOptions, ue as disconnectCharts, g as emitReloadPage, n as fullSizes, h as getSpacingValue, l as globalCssVars, N as isFragment, p as isPresetColor, m as isSemanticColor, xe as pageSizeOptions, r as presetColors, f as resolveBreakpointValue, ke as restoreFieldOptions, i as semanticColors, a as semanticSceneIcons, o as semanticSceneLabels, s as semanticScenes, C as showConfirm, w as showErrorAlert, v as showErrorMessage, k as showErrorNotification, T as showInfoAlert, y as showInfoMessage, A as showInfoNotification, b as showLoadingMessage, E as showSuccessAlert, x as showSuccessMessage, j as showSuccessNotification, D as showWarningAlert, S as showWarningMessage, M as showWarningNotification, c as sizes, se as useChart, Ue as useDataOptionsSelect, Qt as useDataOptionsTree, Je as useDataOptionsTreeSelect, We as useDictionaryOptionsSelect, it as useForm, et as useFormContext, tt as useFormStore, Ot as useGridCollapsed, ae as useIsDarkMode, _t as usePageEntranceEffect, vt as usePageEntranceSettled, Se as usePaginationProps, P as useThemeTokens, gt as useViewportHeight, nt as withFieldGroup, rt as withForm };

package/dist/es/input/index.js

@@ -1,3 +1,3 @@
-/*! @vef-framework-react/components v2.2.2 made by Venus | 2026-05-18T12:43:56.688Z */
+/*! @vef-framework-react/components v2.4.0 made by Venus | 2026-06-15T15:10:18.033Z */
 import { Input as e } from "antd";
 export { e as Input };

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

@@ -1,3 +1,3 @@
-/*! @vef-framework-react/components v2.2.2 made by Venus | 2026-05-18T12:43:56.688Z */
+/*! @vef-framework-react/components v2.4.0 made by Venus | 2026-06-15T15:10:18.033Z */
 import { InputNumber as e } from "antd";
 export { e as InputNumber };

package/dist/es/keyboard/index.js

@@ -1,10 +1,10 @@
-/*! @vef-framework-react/components v2.2.2 made by Venus | 2026-05-18T12:43:56.688Z */
+/*! @vef-framework-react/components v2.4.0 made by Venus | 2026-06-15T15:10:18.033Z */
 import { globalCssVars as e } from "../_base/constants/css-vars.js";
 import { jsx as t } from "@emotion/react/jsx-runtime";
 import { useMemo as n } from "react";
 import { css as r } from "@emotion/react";
 //#region src/keyboard/index.tsx
-var i = /* @__PURE__ */ r({
+var i = /*#__PURE__*/ r({
 	"--vef-keyboard-size": e.fontSize,
 	"--vef-keyboard-height": "1.6em",
 	fontFamily: e.fontFamilyCode,

package/dist/es/list/index.js

@@ -1,3 +1,3 @@
-/*! @vef-framework-react/components v2.2.2 made by Venus | 2026-05-18T12:43:56.688Z */
+/*! @vef-framework-react/components v2.4.0 made by Venus | 2026-06-15T15:10:18.033Z */
 import { List as e } from "antd";
 export { e as List };

package/dist/es/loader/index.js

@@ -1,4 +1,4 @@
-/*! @vef-framework-react/components v2.2.2 made by Venus | 2026-05-18T12:43:56.688Z */
+/*! @vef-framework-react/components v2.4.0 made by Venus | 2026-06-15T15:10:18.033Z */
 import { fullHeight as e } from "../_base/styles/common.js";
 import { Center as t } from "../center/index.js";
 import { FlipText as n } from "../flip-text/index.js";

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

@@ -1,4 +1,4 @@
-/*! @vef-framework-react/components v2.2.2 made by Venus | 2026-05-18T12:43:56.688Z */
+/*! @vef-framework-react/components v2.4.0 made by Venus | 2026-06-15T15:10:18.033Z */
 import { jsx as e, jsxs as t } from "@emotion/react/jsx-runtime";
 import { colorPaletteMap as n, getColorPalette as r } from "@vef-framework-react/shared";
 //#region src/logo-icon/index.tsx

package/dist/es/mentions/index.js

@@ -1,3 +1,3 @@
-/*! @vef-framework-react/components v2.2.2 made by Venus | 2026-05-18T12:43:56.688Z */
+/*! @vef-framework-react/components v2.4.0 made by Venus | 2026-06-15T15:10:18.033Z */
 import { Mentions as e } from "antd";
 export { e as Mentions };

package/dist/es/menu/index.js

@@ -1,3 +1,3 @@
-/*! @vef-framework-react/components v2.2.2 made by Venus | 2026-05-18T12:43:56.688Z */
+/*! @vef-framework-react/components v2.4.0 made by Venus | 2026-06-15T15:10:18.033Z */
 import { Menu as e } from "antd";
 export { e as Menu };

package/dist/es/modal/index.js

@@ -1,2 +1,2 @@
-/*! @vef-framework-react/components v2.2.2 made by Venus | 2026-05-18T12:43:56.688Z */
+/*! @vef-framework-react/components v2.4.0 made by Venus | 2026-06-15T15:10:18.033Z */
 import "./modal.js";

package/dist/es/modal/modal.js

@@ -1,4 +1,4 @@
-/*! @vef-framework-react/components v2.2.2 made by Venus | 2026-05-18T12:43:56.688Z */
+/*! @vef-framework-react/components v2.4.0 made by Venus | 2026-06-15T15:10:18.033Z */
 import { Fragment as e, jsx as t, jsxs as n } from "@emotion/react/jsx-runtime";
 import { memo as r, useCallback as i, useMemo as a, useRef as o } from "react";
 import { Modal as s } from "antd";

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

@@ -1,4 +1,4 @@
-/*! @vef-framework-react/components v2.2.2 made by Venus | 2026-05-18T12:43:56.688Z */
+/*! @vef-framework-react/components v2.4.0 made by Venus | 2026-06-15T15:10:18.033Z */
 import { globalCssVars as e } from "../_base/constants/css-vars.js";
 import { ActionButton as t } from "../action-button/index.js";
 import { PermissionGate as n } from "../permission-gate/index.js";
@@ -6,11 +6,11 @@ import { jsx as r } from "@emotion/react/jsx-runtime";
 import { isEmpty as i } from "@vef-framework-react/shared";
 import { css as a } from "@emotion/react";
 //#region src/operation-button/index.tsx
-var o = /* @__PURE__ */ a({
+var o = /*#__PURE__*/ a({
 	height: "calc(var(--vef-control-height-sm) + 2px)",
 	"&.vef-btn-sm": { "--vef-button-padding-inline-sm": e.spacingXxs }
-}, process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbImluZGV4LnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFTNkIiLCJmaWxlIjoiaW5kZXgudHN4Iiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHR5cGUgeyBPcGVyYXRpb25CdXR0b25Qcm9wcyB9IGZyb20gXCIuL3Byb3BzXCI7XG5cbmltcG9ydCB7IGNzcyB9IGZyb20gXCJAZW1vdGlvbi9yZWFjdFwiO1xuaW1wb3J0IHsgaXNFbXB0eSB9IGZyb20gXCJAdmVmLWZyYW1ld29yay1yZWFjdC9zaGFyZWRcIjtcblxuaW1wb3J0IHsgZ2xvYmFsQ3NzVmFycyB9IGZyb20gXCIuLi9fYmFzZVwiO1xuaW1wb3J0IHsgQWN0aW9uQnV0dG9uIH0gZnJvbSBcIi4uL2FjdGlvbi1idXR0b25cIjtcbmltcG9ydCB7IFBlcm1pc3Npb25HYXRlIH0gZnJvbSBcIi4uL3Blcm1pc3Npb24tZ2F0ZVwiO1xuXG5jb25zdCBvcGVyYXRpb25CdXR0b25TdHlsZSA9IGNzcyh7XG4gIGhlaWdodDogXCJjYWxjKHZhcigtLXZlZi1jb250cm9sLWhlaWdodC1zbSkgKyAycHgpXCIsXG4gIFwiJi52ZWYtYnRuLXNtXCI6IHtcbiAgICBcIi0tdmVmLWJ1dHRvbi1wYWRkaW5nLWlubGluZS1zbVwiOiBnbG9iYWxDc3NWYXJzLnNwYWNpbmdYeHNcbiAgfVxufSk7XG5cbmV4cG9ydCBmdW5jdGlvbiBPcGVyYXRpb25CdXR0b24oe1xuICBjaGVja01vZGUsXG4gIHBlcm1Ub2tlbnMsXG4gIC4uLnByb3BzXG59OiBPcGVyYXRpb25CdXR0b25Qcm9wcykge1xuICBjb25zdCBhY3Rpb25CdXR0b25Ob2RlID0gKFxuICAgIDxBY3Rpb25CdXR0b25cbiAgICAgIHsuLi5wcm9wc31cbiAgICAgIGNzcz17b3BlcmF0aW9uQnV0dG9uU3R5bGV9XG4gICAgICBzaXplPVwic21hbGxcIlxuICAgICAgdmFyaWFudD1cImZpbGxlZFwiXG4gICAgLz5cbiAgKTtcblxuICBpZiAoaXNFbXB0eShwZXJtVG9rZW5zKSkge1xuICAgIHJldHVybiBhY3Rpb25CdXR0b25Ob2RlO1xuICB9XG5cbiAgcmV0dXJuIChcbiAgICA8UGVybWlzc2lvbkdhdGVcbiAgICAgIGNoZWNrTW9kZT17Y2hlY2tNb2RlfVxuICAgICAgcGVybVRva2Vucz17cGVybVRva2Vuc31cbiAgICA+XG4gICAgICB7YWN0aW9uQnV0dG9uTm9kZX1cbiAgICA8L1Blcm1pc3Npb25HYXRlPlxuICApO1xufVxuXG5leHBvcnQgeyB0eXBlIE9wZXJhdGlvbkJ1dHRvblByb3BzIH0gZnJvbSBcIi4vcHJvcHNcIjtcbiJdfQ== */");
-function s({ checkMode: e, permTokens: a, ...s }) {
+}, process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbImluZGV4LnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFTNkIiLCJmaWxlIjoiaW5kZXgudHN4Iiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHR5cGUgeyBPcGVyYXRpb25CdXR0b25Qcm9wcyB9IGZyb20gXCIuL3Byb3BzXCI7XG5cbmltcG9ydCB7IGNzcyB9IGZyb20gXCJAZW1vdGlvbi9yZWFjdFwiO1xuaW1wb3J0IHsgaXNFbXB0eSB9IGZyb20gXCJAdmVmLWZyYW1ld29yay1yZWFjdC9zaGFyZWRcIjtcblxuaW1wb3J0IHsgZ2xvYmFsQ3NzVmFycyB9IGZyb20gXCIuLi9fYmFzZVwiO1xuaW1wb3J0IHsgQWN0aW9uQnV0dG9uIH0gZnJvbSBcIi4uL2FjdGlvbi1idXR0b25cIjtcbmltcG9ydCB7IFBlcm1pc3Npb25HYXRlIH0gZnJvbSBcIi4uL3Blcm1pc3Npb24tZ2F0ZVwiO1xuXG5jb25zdCBvcGVyYXRpb25CdXR0b25TdHlsZSA9IGNzcyh7XG4gIGhlaWdodDogXCJjYWxjKHZhcigtLXZlZi1jb250cm9sLWhlaWdodC1zbSkgKyAycHgpXCIsXG4gIFwiJi52ZWYtYnRuLXNtXCI6IHtcbiAgICBcIi0tdmVmLWJ1dHRvbi1wYWRkaW5nLWlubGluZS1zbVwiOiBnbG9iYWxDc3NWYXJzLnNwYWNpbmdYeHNcbiAgfVxufSk7XG5cbmV4cG9ydCBmdW5jdGlvbiBPcGVyYXRpb25CdXR0b24oe1xuICBjaGVja01vZGUsXG4gIHJlcXVpcmVkUGVybWlzc2lvbnMsXG4gIC4uLnByb3BzXG59OiBPcGVyYXRpb25CdXR0b25Qcm9wcykge1xuICBjb25zdCBhY3Rpb25CdXR0b25Ob2RlID0gKFxuICAgIDxBY3Rpb25CdXR0b25cbiAgICAgIHsuLi5wcm9wc31cbiAgICAgIGNzcz17b3BlcmF0aW9uQnV0dG9uU3R5bGV9XG4gICAgICBzaXplPVwic21hbGxcIlxuICAgICAgdmFyaWFudD1cImZpbGxlZFwiXG4gICAgLz5cbiAgKTtcblxuICBpZiAoaXNFbXB0eShyZXF1aXJlZFBlcm1pc3Npb25zKSkge1xuICAgIHJldHVybiBhY3Rpb25CdXR0b25Ob2RlO1xuICB9XG5cbiAgcmV0dXJuIChcbiAgICA8UGVybWlzc2lvbkdhdGVcbiAgICAgIGNoZWNrTW9kZT17Y2hlY2tNb2RlfVxuICAgICAgcmVxdWlyZWRQZXJtaXNzaW9ucz17cmVxdWlyZWRQZXJtaXNzaW9uc31cbiAgICA+XG4gICAgICB7YWN0aW9uQnV0dG9uTm9kZX1cbiAgICA8L1Blcm1pc3Npb25HYXRlPlxuICApO1xufVxuXG5leHBvcnQgeyB0eXBlIE9wZXJhdGlvbkJ1dHRvblByb3BzIH0gZnJvbSBcIi4vcHJvcHNcIjtcbiJdfQ== */");
+function s({ checkMode: e, requiredPermissions: a, ...s }) {
 	let c = /* @__PURE__ */ r(t, {
 		...s,
 		css: o,
@@ -19,7 +19,7 @@ function s({ checkMode: e, permTokens: a, ...s }) {
 	});
 	return i(a) ? c : /* @__PURE__ */ r(n, {
 		checkMode: e,
-		permTokens: a,
+		requiredPermissions: a,
 		children: c
 	});
 }

package/dist/es/page/components/aside-panel.js

@@ -1,4 +1,4 @@
-/*! @vef-framework-react/components v2.2.2 made by Venus | 2026-05-18T12:43:56.688Z */
+/*! @vef-framework-react/components v2.4.0 made by Venus | 2026-06-15T15:10:18.033Z */
 import { getSpacingValue as e } from "../../_base/helpers/common.js";
 import { useResize as t } from "../hooks/use-resize.js";
 import { asideContent as n } from "../styles.js";

package/dist/es/page/components/index.js

@@ -1,4 +1,4 @@
-/*! @vef-framework-react/components v2.2.2 made by Venus | 2026-05-18T12:43:56.688Z */
+/*! @vef-framework-react/components v2.4.0 made by Venus | 2026-06-15T15:10:18.033Z */
 import "./resize-handle.js";
 import "./aside-panel.js";
 import "./scroll-content.js";

package/dist/es/page/components/resize-handle.js

@@ -1,14 +1,13 @@
-/*! @vef-framework-react/components v2.2.2 made by Venus | 2026-05-18T12:43:56.688Z */
+/*! @vef-framework-react/components v2.4.0 made by Venus | 2026-06-15T15:10:18.033Z */
 import { resizeHandleGrip as e, resizeHandleLeft as t, resizeHandleRight as n } from "../styles.js";
 import { jsx as r } from "@emotion/react/jsx-runtime";
-import "react";
 //#region src/page/components/resize-handle.tsx
 function i({ isDragging: i, position: a, onMouseDown: o }) {
 	return /* @__PURE__ */ r("div", {
 		css: [
 			e,
 			a === "left" ? t : n,
-			process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbInJlc2l6ZS1oYW5kbGUudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQXVCTSIsImZpbGUiOiJyZXNpemUtaGFuZGxlLnRzeCIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB0eXBlIHsgTW91c2VFdmVudCB9IGZyb20gXCJyZWFjdFwiO1xuXG5pbXBvcnQgUmVhY3QgZnJvbSBcInJlYWN0XCI7XG5cbmltcG9ydCAqIGFzIHN0eWxlcyBmcm9tIFwiLi4vc3R5bGVzXCI7XG5cbmV4cG9ydCBpbnRlcmZhY2UgUmVzaXplSGFuZGxlUHJvcHMge1xuICBpc0RyYWdnaW5nOiBib29sZWFuO1xuICBwb3NpdGlvbjogXCJsZWZ0XCIgfCBcInJpZ2h0XCI7XG4gIG9uTW91c2VEb3duOiAoZXZlbnQ6IE1vdXNlRXZlbnQpID0+IHZvaWQ7XG59XG5cbmV4cG9ydCBmdW5jdGlvbiBSZXNpemVIYW5kbGUoe1xuICBpc0RyYWdnaW5nLFxuICBwb3NpdGlvbixcbiAgb25Nb3VzZURvd25cbn06IFJlc2l6ZUhhbmRsZVByb3BzKTogUmVhY3QuSlNYLkVsZW1lbnQge1xuICBjb25zdCBwb3NpdGlvblN0eWxlID0gcG9zaXRpb24gPT09IFwibGVmdFwiXG4gICAgPyBzdHlsZXMucmVzaXplSGFuZGxlTGVmdFxuICAgIDogc3R5bGVzLnJlc2l6ZUhhbmRsZVJpZ2h0O1xuXG4gIHJldHVybiAoXG4gICAgPGRpdlxuICAgICAgY3NzPXtbc3R5bGVzLnJlc2l6ZUhhbmRsZUdyaXAsIHBvc2l0aW9uU3R5bGVdfVxuICAgICAgZGF0YS1kcmFnZ2luZz17aXNEcmFnZ2luZ31cbiAgICAgIG9uTW91c2VEb3duPXtvbk1vdXNlRG93bn1cbiAgICAvPlxuICApO1xufVxuIl19 */"
+			process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbInJlc2l6ZS1oYW5kbGUudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQXFCTSIsImZpbGUiOiJyZXNpemUtaGFuZGxlLnRzeCIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB0eXBlIHsgTW91c2VFdmVudCB9IGZyb20gXCJyZWFjdFwiO1xuXG5pbXBvcnQgKiBhcyBzdHlsZXMgZnJvbSBcIi4uL3N0eWxlc1wiO1xuXG5leHBvcnQgaW50ZXJmYWNlIFJlc2l6ZUhhbmRsZVByb3BzIHtcbiAgaXNEcmFnZ2luZzogYm9vbGVhbjtcbiAgcG9zaXRpb246IFwibGVmdFwiIHwgXCJyaWdodFwiO1xuICBvbk1vdXNlRG93bjogKGV2ZW50OiBNb3VzZUV2ZW50KSA9PiB2b2lkO1xufVxuXG5leHBvcnQgZnVuY3Rpb24gUmVzaXplSGFuZGxlKHtcbiAgaXNEcmFnZ2luZyxcbiAgcG9zaXRpb24sXG4gIG9uTW91c2VEb3duXG59OiBSZXNpemVIYW5kbGVQcm9wcyk6IFJlYWN0LkpTWC5FbGVtZW50IHtcbiAgY29uc3QgcG9zaXRpb25TdHlsZSA9IHBvc2l0aW9uID09PSBcImxlZnRcIlxuICAgID8gc3R5bGVzLnJlc2l6ZUhhbmRsZUxlZnRcbiAgICA6IHN0eWxlcy5yZXNpemVIYW5kbGVSaWdodDtcblxuICByZXR1cm4gKFxuICAgIDxkaXZcbiAgICAgIGNzcz17W3N0eWxlcy5yZXNpemVIYW5kbGVHcmlwLCBwb3NpdGlvblN0eWxlXX1cbiAgICAgIGRhdGEtZHJhZ2dpbmc9e2lzRHJhZ2dpbmd9XG4gICAgICBvbk1vdXNlRG93bj17b25Nb3VzZURvd259XG4gICAgLz5cbiAgKTtcbn1cbiJdfQ== */"
 		],
 		"data-dragging": i,
 		onMouseDown: o

package/dist/es/page/components/scroll-content.js

@@ -1,6 +1,6 @@
-/*! @vef-framework-react/components v2.2.2 made by Venus | 2026-05-18T12:43:56.688Z */
-import { actionBar as e, content as t, scrollContainer as n, scrollWrapper as r } from "../styles.js";
-import { ScrollArea as i } from "../../scroll-area/index.js";
+/*! @vef-framework-react/components v2.4.0 made by Venus | 2026-06-15T15:10:18.033Z */
+import { ScrollArea as e } from "../../scroll-area/index.js";
+import { actionBar as t, content as n, scrollContainer as r, scrollWrapper as i } from "../styles.js";
 import { ViewportProvider as a } from "../viewport-context.js";
 import { Fragment as o, jsx as s, jsxs as c } from "@emotion/react/jsx-runtime";
 import { useElementSize as l } from "@vef-framework-react/hooks";
@@ -25,14 +25,14 @@ var p = {
 }, m = { duration: .3 };
 function h({ className: h, actionBar: g, actionBarClassName: _, children: v }) {
 	let { ref: y, height: b } = l(), { ref: x, height: S } = l(), C = { "--vef-page-action-bar-height": `${b}px` };
-	return /* @__PURE__ */ c(o, { children: [/* @__PURE__ */ s(u, { children: ({ css: e }) => /* @__PURE__ */ s(i, {
+	return /* @__PURE__ */ c(o, { children: [/* @__PURE__ */ s(u, { children: ({ css: t }) => /* @__PURE__ */ s(e, {
 		className: h,
 		css: [
-			t,
-			r,
+			n,
+			i,
 			process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbInNjcm9sbC1jb250ZW50LnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUE2RFkiLCJmaWxlIjoic2Nyb2xsLWNvbnRlbnQudHN4Iiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHR5cGUgeyBUcmFuc2l0aW9uLCBWYXJpYW50cyB9IGZyb20gXCJAdmVmLWZyYW1ld29yay1yZWFjdC9jb3JlXCI7XG5pbXBvcnQgdHlwZSB7IENTU1Byb3BlcnRpZXMsIFByb3BzV2l0aENoaWxkcmVuLCBSZWFjdE5vZGUgfSBmcm9tIFwicmVhY3RcIjtcblxuaW1wb3J0IHsgQ2xhc3NOYW1lcyB9IGZyb20gXCJAZW1vdGlvbi9yZWFjdFwiO1xuaW1wb3J0IHsgQW5pbWF0ZVByZXNlbmNlLCBtb3Rpb24gfSBmcm9tIFwiQHZlZi1mcmFtZXdvcmstcmVhY3QvY29yZVwiO1xuaW1wb3J0IHsgdXNlRWxlbWVudFNpemUgfSBmcm9tIFwiQHZlZi1mcmFtZXdvcmstcmVhY3QvaG9va3NcIjtcblxuaW1wb3J0IHsgU2Nyb2xsQXJlYSB9IGZyb20gXCIuLi8uLi9zY3JvbGwtYXJlYVwiO1xuaW1wb3J0ICogYXMgc3R5bGVzIGZyb20gXCIuLi9zdHlsZXNcIjtcbmltcG9ydCB7IFZpZXdwb3J0UHJvdmlkZXIgfSBmcm9tIFwiLi4vdmlld3BvcnQtY29udGV4dFwiO1xuXG5pbnRlcmZhY2UgU2Nyb2xsQ29udGVudFByb3BzIGV4dGVuZHMgUHJvcHNXaXRoQ2hpbGRyZW4ge1xuICBjbGFzc05hbWU/OiBzdHJpbmc7XG4gIGFjdGlvbkJhcj86IFJlYWN0Tm9kZTtcbiAgYWN0aW9uQmFyQ2xhc3NOYW1lPzogc3RyaW5nO1xufVxuXG5jb25zdCBhY3Rpb25CYXJWYXJpYW50czogVmFyaWFudHMgPSB7XG4gIGluaXRpYWw6IHtcbiAgICBvcGFjaXR5OiAwLFxuICAgIHk6IDYwXG4gIH0sXG4gIGFuaW1hdGU6IHtcbiAgICBvcGFjaXR5OiAxLFxuICAgIHk6IDAsXG4gICAgdHJhbnNpdGlvbjoge1xuICAgICAgZWFzZTogXCJlYXNlT3V0XCJcbiAgICB9XG4gIH0sXG4gIGV4aXQ6IHtcbiAgICBvcGFjaXR5OiAwLFxuICAgIHk6IDYwLFxuICAgIHRyYW5zaXRpb246IHtcbiAgICAgIGVhc2U6IFwiZWFzZUluXCJcbiAgICB9XG4gIH1cbn07XG5cbmNvbnN0IGFjdGlvbkJhclRyYW5zaXRpb246IFRyYW5zaXRpb24gPSB7XG4gIGR1cmF0aW9uOiAwLjNcbn07XG5cbmV4cG9ydCBmdW5jdGlvbiBTY3JvbGxDb250ZW50KHtcbiAgY2xhc3NOYW1lLFxuICBhY3Rpb25CYXIsXG4gIGFjdGlvbkJhckNsYXNzTmFtZSxcbiAgY2hpbGRyZW5cbn06IFNjcm9sbENvbnRlbnRQcm9wcyk6IFJlYWN0LkpTWC5FbGVtZW50IHtcbiAgY29uc3QgeyByZWY6IGFjdGlvbkJhclJlZiwgaGVpZ2h0OiBhY3Rpb25CYXJIZWlnaHQgfSA9IHVzZUVsZW1lbnRTaXplKCk7XG4gIGNvbnN0IHsgcmVmOiB2aWV3cG9ydFJlZiwgaGVpZ2h0OiB2aWV3cG9ydEhlaWdodCB9ID0gdXNlRWxlbWVudFNpemUoKTtcblxuICBjb25zdCB2aWV3cG9ydFN0eWxlID0ge1xuICAgIFwiLS12ZWYtcGFnZS1hY3Rpb24tYmFyLWhlaWdodFwiOiBgJHthY3Rpb25CYXJIZWlnaHR9cHhgXG4gIH0gYXMgQ1NTUHJvcGVydGllcztcblxuICByZXR1cm4gKFxuICAgIDw+XG4gICAgICA8Q2xhc3NOYW1lcz5cbiAgICAgICAgeyh7IGNzcyB9KSA9PiAoXG4gICAgICAgICAgPFNjcm9sbEFyZWFcbiAgICAgICAgICAgIGNsYXNzTmFtZT17Y2xhc3NOYW1lfVxuICAgICAgICAgICAgY3NzPXtbc3R5bGVzLmNvbnRlbnQsIHN0eWxlcy5zY3JvbGxXcmFwcGVyXX1cbiAgICAgICAgICAgIHZpZXdwb3J0Q2xhc3NOYW1lPXtjc3Moc3R5bGVzLnNjcm9sbENvbnRhaW5lcil9XG4gICAgICAgICAgICB2aWV3cG9ydFJlZj17dmlld3BvcnRSZWZ9XG4gICAgICAgICAgICB2aWV3cG9ydFN0eWxlPXt2aWV3cG9ydFN0eWxlfVxuICAgICAgICAgID5cbiAgICAgICAgICAgIDxWaWV3cG9ydFByb3ZpZGVyIHZhbHVlPXt2aWV3cG9ydEhlaWdodH0+XG4gICAgICAgICAgICAgIHtjaGlsZHJlbn1cbiAgICAgICAgICAgIDwvVmlld3BvcnRQcm92aWRlcj5cbiAgICAgICAgICA8L1Njcm9sbEFyZWE+XG4gICAgICAgICl9XG4gICAgICA8L0NsYXNzTmFtZXM+XG5cbiAgICAgIDxBbmltYXRlUHJlc2VuY2U+XG4gICAgICAgIHthY3Rpb25CYXIgJiYgKFxuICAgICAgICAgIDxtb3Rpb24uZGl2XG4gICAgICAgICAgICByZWY9e2FjdGlvbkJhclJlZn1cbiAgICAgICAgICAgIGFuaW1hdGU9XCJhbmltYXRlXCJcbiAgICAgICAgICAgIGNsYXNzTmFtZT17YWN0aW9uQmFyQ2xhc3NOYW1lfVxuICAgICAgICAgICAgY3NzPXtzdHlsZXMuYWN0aW9uQmFyfVxuICAgICAgICAgICAgZXhpdD1cImV4aXRcIlxuICAgICAgICAgICAgaW5pdGlhbD1cImluaXRpYWxcIlxuICAgICAgICAgICAgdHJhbnNpdGlvbj17YWN0aW9uQmFyVHJhbnNpdGlvbn1cbiAgICAgICAgICAgIHZhcmlhbnRzPXthY3Rpb25CYXJWYXJpYW50c31cbiAgICAgICAgICA+XG4gICAgICAgICAgICB7YWN0aW9uQmFyfVxuICAgICAgICAgIDwvbW90aW9uLmRpdj5cbiAgICAgICAgKX1cbiAgICAgIDwvQW5pbWF0ZVByZXNlbmNlPlxuICAgIDwvPlxuICApO1xufVxuIl19 */"
 		],
-		viewportClassName: e(n),
+		viewportClassName: t(r),
 		viewportRef: x,
 		viewportStyle: C,
 		children: /* @__PURE__ */ s(a, {
@@ -43,7 +43,7 @@ function h({ className: h, actionBar: g, actionBarClassName: _, children: v }) {
 		ref: y,
 		animate: "animate",
 		className: _,
-		css: e,
+		css: t,
 		exit: "exit",
 		initial: "initial",
 		transition: m,

package/dist/es/page/entrance.js

@@ -0,0 +1,51 @@
+/*! @vef-framework-react/components v2.4.0 made by Venus | 2026-06-15T15:10:18.033Z */
+import { useLatest as e } from "@vef-framework-react/hooks";
+import { createContext as t, use as n, useEffect as r, useSyncExternalStore as i } from "react";
+//#region src/page/entrance.ts
+function a() {
+	let e = !1, t = /* @__PURE__ */ new Set();
+	return {
+		store: {
+			isSettled: () => e,
+			subscribe: (e) => (t.add(e), () => {
+				t.delete(e);
+			})
+		},
+		setSettled: (n) => {
+			if (e !== n) {
+				e = n;
+				for (let e of t) e();
+			}
+		}
+	};
+}
+function o() {}
+var s = t({
+	isSettled: () => !0,
+	subscribe: () => o
+});
+function c() {
+	let e = n(s);
+	return i(e.subscribe, e.isSettled, e.isSettled);
+}
+function l(t) {
+	let i = n(s), a = e(t);
+	r(() => {
+		let e, t = !1, n = () => {
+			t = !0, e = a.current();
+		};
+		i.isSettled() && n();
+		let r = i.subscribe(() => {
+			if (i.isSettled()) {
+				t || n();
+				return;
+			}
+			e?.(), e = void 0, t = !1;
+		});
+		return () => {
+			r(), e?.();
+		};
+	}, [i, a]);
+}
+//#endregion
+export { s as PageEntranceContext, a as createPageEntranceController, l as usePageEntranceEffect, c as usePageEntranceSettled };

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

@@ -1,3 +1,3 @@
-/*! @vef-framework-react/components v2.2.2 made by Venus | 2026-05-18T12:43:56.688Z */
+/*! @vef-framework-react/components v2.4.0 made by Venus | 2026-06-15T15:10:18.033Z */
 import "./use-page-key.js";
 import "./use-resize.js";

package/dist/es/page/hooks/use-page-key.js

@@ -1,4 +1,4 @@
-/*! @vef-framework-react/components v2.2.2 made by Venus | 2026-05-18T12:43:56.688Z */
+/*! @vef-framework-react/components v2.4.0 made by Venus | 2026-06-15T15:10:18.033Z */
 import { useReloadPageEvent as e } from "../../_base/helpers/event.js";
 import { useCallback as t, useState as n } from "react";
 //#region src/page/hooks/use-page-key.ts

package/dist/es/page/hooks/use-resize.js

@@ -1,4 +1,4 @@
-/*! @vef-framework-react/components v2.2.2 made by Venus | 2026-05-18T12:43:56.688Z */
+/*! @vef-framework-react/components v2.4.0 made by Venus | 2026-06-15T15:10:18.033Z */
 import { useCallback as e, useState as t } from "react";
 //#region src/page/hooks/use-resize.ts
 function n(e, t, n) {