@vef-framework-react/components 2.1.6 → 2.1.8

package/dist/es/index.js

@@ -1,4 +1,4 @@
-/*! @vef-framework-react/components v2.1.6 made by Venus | 2026-04-01T03:01:33.796Z */
+/*! @vef-framework-react/components v2.1.8 made by Venus | 2026-04-25T10:51:15.377Z */
 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";
@@ -65,60 +65,61 @@ import { FlipText as Ne } from "./flip-text/index.js";
 import { Spin as Pe } from "./spin/index.js";
 import { Loader as Fe } from "./loader/index.js";
 import { useDataOptionsSelect as Ie } from "./select/hooks/use-data-options-select.js";
-import { Select as Le } from "./select/index.js";
-import { TimePicker as Re } from "./time-picker/index.js";
-import { Transfer as ze } from "./transfer/index.js";
-import { useDataOptionsTreeSelect as Be } from "./tree-select/hooks/use-data-options-tree-select.js";
-import { TreeSelect as Ve } from "./tree-select/index.js";
-import { Image as He } from "./image/index.js";
-import { Upload as Ue } from "./upload/index.js";
-import { createFormOptions as We, useFormContext as Ge, useFormStore as Ke, withFieldGroup as qe, withForm as Je } from "./form/form.js";
-import { useForm as Ye } from "./form/use-form.js";
-import { ProSearch as Xe } from "./pro-search/index.js";
-import { Link as Ze, Paragraph as Qe, Text as $e, Title as et } from "./typography/index.js";
-import { Drawer as tt } from "./drawer/index.js";
-import nt from "./empty/empty.js";
-import { FormDrawer as rt } from "./form-drawer/index.js";
-import { Modal as it } from "./modal/index.js";
-import { FormModal as at } from "./form-modal/index.js";
-import { createCrudKit as ot } from "./crud/helpers.js";
-import { Crud as st } from "./crud/index.js";
-import { ScrollArea as ct } from "./scroll-area/index.js";
-import { useViewportHeight as lt } from "./page/viewport-context.js";
-import { Page as ut } from "./page/index.js";
-import { CrudPage as dt } from "./crud-page/index.js";
-import { Descriptions as ft } from "./descriptions/index.js";
-import { Dropdown as pt } from "./dropdown/index.js";
-import { DynamicIcon as mt } from "./dynamic-icon/index.js";
-import { FloatButton as ht } from "./float-button/index.js";
-import { useGridCollapsed as gt } from "./grid/hooks/use-grid-collapsed.js";
-import { Grid as _t } from "./grid/index.js";
-import { IconButton as vt } from "./icon-button/index.js";
-import { Keyboard as yt } from "./keyboard/index.js";
-import { List as bt } from "./list/index.js";
-import { LogoIcon as xt } from "./logo-icon/index.js";
-import { Menu as St } from "./menu/index.js";
-import { PermissionGate as Ct } from "./permission-gate/index.js";
-import { OperationButton as wt } from "./operation-button/index.js";
-import { Pagination as Tt } from "./pagination/index.js";
-import { Progress as Et } from "./progress/index.js";
-import { QRCode as Dt } from "./qrcode/index.js";
-import { Result as Ot } from "./result/index.js";
-import { Row as kt } from "./row/index.js";
-import { Segmented as At } from "./segmented/index.js";
-import { Skeleton as jt } from "./skeleton/index.js";
-import Mt from "./space/space.js";
-import { SparklesText as Nt } from "./sparkles-text/index.js";
-import { SplitText as Pt } from "./split-text/index.js";
-import { Splitter as Ft } from "./splitter/index.js";
-import { Statistic as It } from "./statistic/index.js";
-import { Steps as Lt } from "./steps/index.js";
-import { Tabs as Rt } from "./tabs/index.js";
-import { Tag as zt } from "./tag/index.js";
-import { Timeline as Bt } from "./timeline/index.js";
-import { Tour as Vt } from "./tour/index.js";
-import { useDataOptionsTree as Ht } from "./tree/hooks/use-data-options-tree.js";
-import { Tree as Ut } from "./tree/index.js";
-import { TypingAnimation as Wt } from "./typing-animation/index.js";
-import { Watermark as Gt } 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 Breadcrumb, I as Button, ee as Calendar, te as Card, ne as Carousel, re as Cascader, ie as Center, ce as Chart, Y as Checkbox, de as CodeHighlighter, fe as Col, pe as Collapse, me as ColorPicker, he as Compact, oe as ConfigProvider, st as Crud, dt as CrudPage, Oe as DatePicker, ft as Descriptions, ve as Divider, tt as Drawer, pt as Dropdown, mt as DynamicIcon, nt as Empty, B as Flex, ge as FlexCard, Ne as FlipText, ht as FloatButton, rt as FormDrawer, at as FormModal, _t as Grid, V as Group, L as Icon, vt as IconButton, He as Image, ke as Input, Ae as InputNumber, yt as Keyboard, Ze as Link, bt as List, Fe as Loader, xt as LogoIcon, je as Mentions, St as Menu, it as Modal, wt as OperationButton, Te as OperationButtonGroup, ut as Page, Tt as Pagination, Qe as Paragraph, Ct as PermissionGate, R as Popconfirm, Ce as Popover, Xe as ProSearch, De as ProTable, Ee as ProTableSubscriber, Et as Progress, Dt as QRCode, X as Radio, Me as Rate, Ot as Result, kt as Row, u as SYMBOL_PAGINATION, d as SYMBOL_SORT, ct as ScrollArea, At as Segmented, Le as Select, jt as Skeleton, we as Slider, Mt as Space, Nt as SparklesText, Pe as Spin, Pt as SplitText, Ft as Splitter, _e as Stack, It as Statistic, Lt as Steps, Z as Switch, Se as Table, Rt as Tabs, zt as Tag, $e as Text, Re as TimePicker, Bt as Timeline, et as Title, ye as Tooltip, Vt as Tour, ze as Transfer, Ut as Tree, Ve as TreeSelect, Wt as TypingAnimation, Ue as Upload, Gt as Watermark, e as breakpoints, v as closeAllMessages, k as closeAllNotifications, t as colors, le as connectCharts, ot as createCrudKit, We as createFormOptions, ue 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, be as pageSizeOptions, r as presetColors, f as resolveBreakpointValue, 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, se as useChart, Ie as useDataOptionsSelect, Ht as useDataOptionsTree, Be as useDataOptionsTreeSelect, Ye as useForm, Ge as useFormContext, Ke as useFormStore, gt as useGridCollapsed, ae as useIsDarkMode, xe as usePaginationProps, F as useThemeTokens, lt as useViewportHeight, qe as withFieldGroup, Je as withForm };
+import { useDictionaryOptionsSelect as Le } from "./select/hooks/use-dictionary-options-select.js";
+import { Select as Re } from "./select/index.js";
+import { TimePicker as ze } from "./time-picker/index.js";
+import { Transfer as Be } from "./transfer/index.js";
+import { useDataOptionsTreeSelect as Ve } from "./tree-select/hooks/use-data-options-tree-select.js";
+import { TreeSelect as He } from "./tree-select/index.js";
+import { Image as Ue } from "./image/index.js";
+import { Upload as We } from "./upload/index.js";
+import { createFormOptions as Ge, useFormContext as Ke, useFormStore as qe, withFieldGroup as Je, withForm as Ye } from "./form/form.js";
+import { useForm as Xe } from "./form/use-form.js";
+import { ProSearch as Ze } from "./pro-search/index.js";
+import { Link as Qe, Paragraph as $e, Text as et, Title as tt } from "./typography/index.js";
+import { Drawer as nt } from "./drawer/index.js";
+import rt from "./empty/empty.js";
+import { FormDrawer as it } from "./form-drawer/index.js";
+import { Modal as at } from "./modal/modal.js";
+import { FormModal as ot } from "./form-modal/index.js";
+import { createCrudKit as st } from "./crud/helpers.js";
+import { Crud as ct } from "./crud/index.js";
+import { ScrollArea as lt } from "./scroll-area/index.js";
+import { useViewportHeight as ut } from "./page/viewport-context.js";
+import { Page as dt } from "./page/index.js";
+import { CrudPage as ft } from "./crud-page/index.js";
+import { Descriptions as pt } from "./descriptions/index.js";
+import { Dropdown as mt } from "./dropdown/index.js";
+import { DynamicIcon as ht } from "./dynamic-icon/index.js";
+import { FloatButton as gt } from "./float-button/index.js";
+import { useGridCollapsed as _t } from "./grid/hooks/use-grid-collapsed.js";
+import { Grid as vt } from "./grid/index.js";
+import { IconButton as yt } from "./icon-button/index.js";
+import { Keyboard as bt } from "./keyboard/index.js";
+import { List as xt } from "./list/index.js";
+import { LogoIcon as St } from "./logo-icon/index.js";
+import { Menu as Ct } from "./menu/index.js";
+import { PermissionGate as wt } from "./permission-gate/index.js";
+import { OperationButton as Tt } from "./operation-button/index.js";
+import { Pagination as Et } from "./pagination/index.js";
+import { Progress as Dt } from "./progress/index.js";
+import { QRCode as Ot } from "./qrcode/index.js";
+import { Result as kt } from "./result/index.js";
+import { Row as At } from "./row/index.js";
+import { Segmented as jt } from "./segmented/index.js";
+import { Skeleton as Mt } from "./skeleton/index.js";
+import Nt from "./space/space.js";
+import { SparklesText as Pt } from "./sparkles-text/index.js";
+import { SplitText as Ft } from "./split-text/index.js";
+import { Splitter as It } from "./splitter/index.js";
+import { Statistic as Lt } from "./statistic/index.js";
+import { Steps as Rt } from "./steps/index.js";
+import { Tabs as zt } from "./tabs/index.js";
+import { Tag as Bt } from "./tag/index.js";
+import { Timeline as Vt } from "./timeline/index.js";
+import { Tour as Ht } from "./tour/index.js";
+import { useDataOptionsTree as Ut } from "./tree/hooks/use-data-options-tree.js";
+import { Tree as Wt } from "./tree/index.js";
+import { TypingAnimation as Gt } from "./typing-animation/index.js";
+import { Watermark as Kt } 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 Breadcrumb, I as Button, ee as Calendar, te as Card, ne as Carousel, re as Cascader, ie as Center, ce as Chart, Y as Checkbox, de as CodeHighlighter, fe as Col, pe as Collapse, me as ColorPicker, he as Compact, oe as ConfigProvider, ct as Crud, ft as CrudPage, Oe as DatePicker, pt as Descriptions, ve as Divider, nt as Drawer, mt as Dropdown, ht as DynamicIcon, rt as Empty, B as Flex, ge as FlexCard, Ne as FlipText, gt as FloatButton, it as FormDrawer, ot as FormModal, vt as Grid, V as Group, L as Icon, yt as IconButton, Ue as Image, ke as Input, Ae as InputNumber, bt as Keyboard, Qe as Link, xt as List, Fe as Loader, St as LogoIcon, je as Mentions, Ct as Menu, at as Modal, Tt as OperationButton, Te as OperationButtonGroup, dt as Page, Et as Pagination, $e as Paragraph, wt as PermissionGate, R as Popconfirm, Ce as Popover, Ze as ProSearch, De as ProTable, Ee as ProTableSubscriber, Dt as Progress, Ot as QRCode, X as Radio, Me as Rate, kt as Result, At as Row, u as SYMBOL_PAGINATION, d as SYMBOL_SORT, lt as ScrollArea, jt as Segmented, Re as Select, Mt as Skeleton, we as Slider, Nt as Space, Pt as SparklesText, Pe as Spin, Ft as SplitText, It as Splitter, _e as Stack, Lt as Statistic, Rt as Steps, Z as Switch, Se as Table, zt as Tabs, Bt as Tag, et as Text, ze as TimePicker, Vt as Timeline, tt as Title, ye as Tooltip, Ht as Tour, Be as Transfer, Wt as Tree, He as TreeSelect, Gt as TypingAnimation, We as Upload, Kt as Watermark, e as breakpoints, v as closeAllMessages, k as closeAllNotifications, t as colors, le as connectCharts, st as createCrudKit, Ge as createFormOptions, ue 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, be as pageSizeOptions, r as presetColors, f as resolveBreakpointValue, 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, se as useChart, Ie as useDataOptionsSelect, Ut as useDataOptionsTree, Ve as useDataOptionsTreeSelect, Le as useDictionaryOptionsSelect, Xe as useForm, Ke as useFormContext, qe as useFormStore, _t as useGridCollapsed, ae as useIsDarkMode, xe as usePaginationProps, F as useThemeTokens, ut as useViewportHeight, Je as withFieldGroup, Ye as withForm };

package/dist/es/input/index.js

@@ -1,3 +1,3 @@
-/*! @vef-framework-react/components v2.1.6 made by Venus | 2026-04-01T03:01:33.796Z */
+/*! @vef-framework-react/components v2.1.8 made by Venus | 2026-04-25T10:51:15.377Z */
 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.1.6 made by Venus | 2026-04-01T03:01:33.796Z */
+/*! @vef-framework-react/components v2.1.8 made by Venus | 2026-04-25T10:51:15.377Z */
 import { InputNumber as e } from "antd";
 export { e as InputNumber };

package/dist/es/keyboard/index.js

@@ -1,4 +1,4 @@
-/*! @vef-framework-react/components v2.1.6 made by Venus | 2026-04-01T03:01:33.796Z */
+/*! @vef-framework-react/components v2.1.8 made by Venus | 2026-04-25T10:51:15.377Z */
 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";

package/dist/es/list/index.js

@@ -1,3 +1,3 @@
-/*! @vef-framework-react/components v2.1.6 made by Venus | 2026-04-01T03:01:33.796Z */
+/*! @vef-framework-react/components v2.1.8 made by Venus | 2026-04-25T10:51:15.377Z */
 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.1.6 made by Venus | 2026-04-01T03:01:33.796Z */
+/*! @vef-framework-react/components v2.1.8 made by Venus | 2026-04-25T10:51:15.377Z */
 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.1.6 made by Venus | 2026-04-01T03:01:33.796Z */
+/*! @vef-framework-react/components v2.1.8 made by Venus | 2026-04-25T10:51:15.377Z */
 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.1.6 made by Venus | 2026-04-01T03:01:33.796Z */
+/*! @vef-framework-react/components v2.1.8 made by Venus | 2026-04-25T10:51:15.377Z */
 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.1.6 made by Venus | 2026-04-01T03:01:33.796Z */
+/*! @vef-framework-react/components v2.1.8 made by Venus | 2026-04-25T10:51:15.377Z */
 import { Menu as e } from "antd";
 export { e as Menu };

package/dist/es/modal/index.js

@@ -1,3 +1,2 @@
-/*! @vef-framework-react/components v2.1.6 made by Venus | 2026-04-01T03:01:33.796Z */
-import { Modal as e } from "antd";
-export { e as Modal };
+/*! @vef-framework-react/components v2.1.8 made by Venus | 2026-04-25T10:51:15.377Z */
+import "./modal.js";

package/dist/es/modal/modal.js

@@ -0,0 +1,60 @@
+/*! @vef-framework-react/components v2.1.8 made by Venus | 2026-04-25T10:51:15.377Z */
+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";
+import "@emotion/react";
+import { motion as c, useDragControls as l } from "@vef-framework-react/core";
+//#region src/modal/modal.tsx
+function u() {
+	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).";
+}
+var d = process.env.NODE_ENV === "production" ? {
+	name: "18m26ff",
+	styles: "cursor:move;user-select:none"
+} : {
+	name: "18m26ff",
+	styles: "cursor:move;user-select:none/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIm1vZGFsLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFpQm1CIiwiZmlsZSI6Im1vZGFsLnRzeCIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB0eXBlIHsgTW9kYWxQcm9wcyBhcyBNb2RhbFByb3BzSW50ZXJuYWwgfSBmcm9tIFwiYW50ZFwiO1xuaW1wb3J0IHR5cGUgeyBQb2ludGVyRXZlbnRIYW5kbGVyIH0gZnJvbSBcInJlYWN0XCI7XG5cbmltcG9ydCB7IGNzcyB9IGZyb20gXCJAZW1vdGlvbi9yZWFjdFwiO1xuaW1wb3J0IHsgbW90aW9uLCB1c2VEcmFnQ29udHJvbHMgfSBmcm9tIFwiQHZlZi1mcmFtZXdvcmstcmVhY3QvY29yZVwiO1xuaW1wb3J0IHsgTW9kYWwgYXMgTW9kYWxJbnRlcm5hbCB9IGZyb20gXCJhbnRkXCI7XG5pbXBvcnQgeyBtZW1vLCB1c2VDYWxsYmFjaywgdXNlTWVtbywgdXNlUmVmIH0gZnJvbSBcInJlYWN0XCI7XG5cbmV4cG9ydCBpbnRlcmZhY2UgTW9kYWxQcm9wcyBleHRlbmRzIE1vZGFsUHJvcHNJbnRlcm5hbCB7XG4gIC8qKlxuICAgKiBXaGV0aGVyIHRoZSBtb2RhbCBjYW4gYmUgZHJhZ2dlZCBieSBpdHMgaGVhZGVyLlxuICAgKlxuICAgKiBAZGVmYXVsdCBmYWxzZVxuICAgKi9cbiAgZHJhZ2dhYmxlPzogYm9vbGVhbjtcbn1cblxuY29uc3QgdGl0bGVTdHlsZSA9IGNzcyh7XG4gIGN1cnNvcjogXCJtb3ZlXCIsXG4gIHVzZXJTZWxlY3Q6IFwibm9uZVwiXG59KTtcblxuY29uc3QgY29uc3RyYWludHNTdHlsZSA9IGNzcyh7XG4gIHBvc2l0aW9uOiBcImZpeGVkXCIsXG4gIGluc2V0OiAwLFxuICBwb2ludGVyRXZlbnRzOiBcIm5vbmVcIlxufSk7XG5cbmV4cG9ydCBjb25zdCBNb2RhbCA9IG1lbW88TW9kYWxQcm9wcz4oKHtcbiAgZHJhZ2dhYmxlID0gZmFsc2UsXG4gIHRpdGxlLFxuICBtb2RhbFJlbmRlcjogZXh0ZXJuYWxNb2RhbFJlbmRlcixcbiAgLi4ucmVzdFByb3BzXG59KSA9PiB7XG4gIGNvbnN0IGRyYWdDb250cm9scyA9IHVzZURyYWdDb250cm9scygpO1xuICBjb25zdCBjb25zdHJhaW50c1JlZiA9IHVzZVJlZjxIVE1MRGl2RWxlbWVudD4obnVsbCk7XG5cbiAgY29uc3QgaGFuZGxlRHJhZyA9IHVzZUNhbGxiYWNrPFBvaW50ZXJFdmVudEhhbmRsZXI8SFRNTERpdkVsZW1lbnQ+PihldmVudCA9PiB7XG4gICAgZXZlbnQuc3RvcFByb3BhZ2F0aW9uKCk7XG4gICAgZHJhZ0NvbnRyb2xzLnN0YXJ0KGV2ZW50KTtcbiAgfSwgW2RyYWdDb250cm9sc10pO1xuXG4gIGNvbnN0IGRyYWdnYWJsZU1vZGFsUmVuZGVyID0gdXNlQ2FsbGJhY2s8Tm9uTnVsbGFibGU8TW9kYWxQcm9wc0ludGVybmFsW1wibW9kYWxSZW5kZXJcIl0+Pihub2RlID0+IChcbiAgICA8PlxuICAgICAgPGRpdiByZWY9e2NvbnN0cmFpbnRzUmVmfSBjc3M9e2NvbnN0cmFpbnRzU3R5bGV9IC8+XG5cbiAgICAgIDxtb3Rpb24uZGl2XG4gICAgICAgIGRyYWdcbiAgICAgICAgZHJhZ0NvbnN0cmFpbnRzPXtjb25zdHJhaW50c1JlZn1cbiAgICAgICAgZHJhZ0NvbnRyb2xzPXtkcmFnQ29udHJvbHN9XG4gICAgICAgIGRyYWdFbGFzdGljPXswLjN9XG4gICAgICAgIGRyYWdMaXN0ZW5lcj17ZmFsc2V9XG4gICAgICAgIGRyYWdNb21lbnR1bT17ZmFsc2V9XG4gICAgICA+XG4gICAgICAgIHtub2RlfVxuICAgICAgPC9tb3Rpb24uZGl2PlxuICAgIDwvPlxuICApLCBbZHJhZ0NvbnRyb2xzXSk7XG5cbiAgY29uc3QgcmVzb2x2ZWRNb2RhbFJlbmRlciA9IHVzZU1lbW88TW9kYWxQcm9wc0ludGVybmFsW1wibW9kYWxSZW5kZXJcIl0+KCgpID0+IHtcbiAgICBpZiAoIWRyYWdnYWJsZSkge1xuICAgICAgcmV0dXJuIGV4dGVybmFsTW9kYWxSZW5kZXI7XG4gICAgfVxuXG4gICAgaWYgKGV4dGVybmFsTW9kYWxSZW5kZXIpIHtcbiAgICAgIHJldHVybiBub2RlID0+IGRyYWdnYWJsZU1vZGFsUmVuZGVyKGV4dGVybmFsTW9kYWxSZW5kZXIobm9kZSkpO1xuICAgIH1cblxuICAgIHJldHVybiBkcmFnZ2FibGVNb2RhbFJlbmRlcjtcbiAgfSwgW2RyYWdnYWJsZSwgZXh0ZXJuYWxNb2RhbFJlbmRlciwgZHJhZ2dhYmxlTW9kYWxSZW5kZXJdKTtcblxuICBjb25zdCByZXNvbHZlZFRpdGxlID0gdXNlTWVtbygoKSA9PiB7XG4gICAgaWYgKCFkcmFnZ2FibGUpIHtcbiAgICAgIHJldHVybiB0aXRsZTtcbiAgICB9XG5cbiAgICByZXR1cm4gKFxuICAgICAgPGRpdiBjc3M9e3RpdGxlU3R5bGV9IG9uUG9pbnRlckRvd249e2hhbmRsZURyYWd9PlxuICAgICAgICB7dGl0bGV9XG4gICAgICA8L2Rpdj5cbiAgICApO1xuICB9LCBbZHJhZ2dhYmxlLCB0aXRsZSwgaGFuZGxlRHJhZ10pO1xuXG4gIHJldHVybiAoXG4gICAgPE1vZGFsSW50ZXJuYWxcbiAgICAgIHsuLi5yZXN0UHJvcHN9XG4gICAgICBtb2RhbFJlbmRlcj17cmVzb2x2ZWRNb2RhbFJlbmRlcn1cbiAgICAgIHRpdGxlPXtyZXNvbHZlZFRpdGxlfVxuICAgIC8+XG4gICk7XG59KTtcbk1vZGFsLmRpc3BsYXlOYW1lID0gXCJNb2RhbFwiO1xuIl19 */",
+	toString: u
+}, f = process.env.NODE_ENV === "production" ? {
+	name: "t9e9jk",
+	styles: "position:fixed;inset:0;pointer-events:none"
+} : {
+	name: "t9e9jk",
+	styles: "position:fixed;inset:0;pointer-events:none/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIm1vZGFsLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFzQnlCIiwiZmlsZSI6Im1vZGFsLnRzeCIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB0eXBlIHsgTW9kYWxQcm9wcyBhcyBNb2RhbFByb3BzSW50ZXJuYWwgfSBmcm9tIFwiYW50ZFwiO1xuaW1wb3J0IHR5cGUgeyBQb2ludGVyRXZlbnRIYW5kbGVyIH0gZnJvbSBcInJlYWN0XCI7XG5cbmltcG9ydCB7IGNzcyB9IGZyb20gXCJAZW1vdGlvbi9yZWFjdFwiO1xuaW1wb3J0IHsgbW90aW9uLCB1c2VEcmFnQ29udHJvbHMgfSBmcm9tIFwiQHZlZi1mcmFtZXdvcmstcmVhY3QvY29yZVwiO1xuaW1wb3J0IHsgTW9kYWwgYXMgTW9kYWxJbnRlcm5hbCB9IGZyb20gXCJhbnRkXCI7XG5pbXBvcnQgeyBtZW1vLCB1c2VDYWxsYmFjaywgdXNlTWVtbywgdXNlUmVmIH0gZnJvbSBcInJlYWN0XCI7XG5cbmV4cG9ydCBpbnRlcmZhY2UgTW9kYWxQcm9wcyBleHRlbmRzIE1vZGFsUHJvcHNJbnRlcm5hbCB7XG4gIC8qKlxuICAgKiBXaGV0aGVyIHRoZSBtb2RhbCBjYW4gYmUgZHJhZ2dlZCBieSBpdHMgaGVhZGVyLlxuICAgKlxuICAgKiBAZGVmYXVsdCBmYWxzZVxuICAgKi9cbiAgZHJhZ2dhYmxlPzogYm9vbGVhbjtcbn1cblxuY29uc3QgdGl0bGVTdHlsZSA9IGNzcyh7XG4gIGN1cnNvcjogXCJtb3ZlXCIsXG4gIHVzZXJTZWxlY3Q6IFwibm9uZVwiXG59KTtcblxuY29uc3QgY29uc3RyYWludHNTdHlsZSA9IGNzcyh7XG4gIHBvc2l0aW9uOiBcImZpeGVkXCIsXG4gIGluc2V0OiAwLFxuICBwb2ludGVyRXZlbnRzOiBcIm5vbmVcIlxufSk7XG5cbmV4cG9ydCBjb25zdCBNb2RhbCA9IG1lbW88TW9kYWxQcm9wcz4oKHtcbiAgZHJhZ2dhYmxlID0gZmFsc2UsXG4gIHRpdGxlLFxuICBtb2RhbFJlbmRlcjogZXh0ZXJuYWxNb2RhbFJlbmRlcixcbiAgLi4ucmVzdFByb3BzXG59KSA9PiB7XG4gIGNvbnN0IGRyYWdDb250cm9scyA9IHVzZURyYWdDb250cm9scygpO1xuICBjb25zdCBjb25zdHJhaW50c1JlZiA9IHVzZVJlZjxIVE1MRGl2RWxlbWVudD4obnVsbCk7XG5cbiAgY29uc3QgaGFuZGxlRHJhZyA9IHVzZUNhbGxiYWNrPFBvaW50ZXJFdmVudEhhbmRsZXI8SFRNTERpdkVsZW1lbnQ+PihldmVudCA9PiB7XG4gICAgZXZlbnQuc3RvcFByb3BhZ2F0aW9uKCk7XG4gICAgZHJhZ0NvbnRyb2xzLnN0YXJ0KGV2ZW50KTtcbiAgfSwgW2RyYWdDb250cm9sc10pO1xuXG4gIGNvbnN0IGRyYWdnYWJsZU1vZGFsUmVuZGVyID0gdXNlQ2FsbGJhY2s8Tm9uTnVsbGFibGU8TW9kYWxQcm9wc0ludGVybmFsW1wibW9kYWxSZW5kZXJcIl0+Pihub2RlID0+IChcbiAgICA8PlxuICAgICAgPGRpdiByZWY9e2NvbnN0cmFpbnRzUmVmfSBjc3M9e2NvbnN0cmFpbnRzU3R5bGV9IC8+XG5cbiAgICAgIDxtb3Rpb24uZGl2XG4gICAgICAgIGRyYWdcbiAgICAgICAgZHJhZ0NvbnN0cmFpbnRzPXtjb25zdHJhaW50c1JlZn1cbiAgICAgICAgZHJhZ0NvbnRyb2xzPXtkcmFnQ29udHJvbHN9XG4gICAgICAgIGRyYWdFbGFzdGljPXswLjN9XG4gICAgICAgIGRyYWdMaXN0ZW5lcj17ZmFsc2V9XG4gICAgICAgIGRyYWdNb21lbnR1bT17ZmFsc2V9XG4gICAgICA+XG4gICAgICAgIHtub2RlfVxuICAgICAgPC9tb3Rpb24uZGl2PlxuICAgIDwvPlxuICApLCBbZHJhZ0NvbnRyb2xzXSk7XG5cbiAgY29uc3QgcmVzb2x2ZWRNb2RhbFJlbmRlciA9IHVzZU1lbW88TW9kYWxQcm9wc0ludGVybmFsW1wibW9kYWxSZW5kZXJcIl0+KCgpID0+IHtcbiAgICBpZiAoIWRyYWdnYWJsZSkge1xuICAgICAgcmV0dXJuIGV4dGVybmFsTW9kYWxSZW5kZXI7XG4gICAgfVxuXG4gICAgaWYgKGV4dGVybmFsTW9kYWxSZW5kZXIpIHtcbiAgICAgIHJldHVybiBub2RlID0+IGRyYWdnYWJsZU1vZGFsUmVuZGVyKGV4dGVybmFsTW9kYWxSZW5kZXIobm9kZSkpO1xuICAgIH1cblxuICAgIHJldHVybiBkcmFnZ2FibGVNb2RhbFJlbmRlcjtcbiAgfSwgW2RyYWdnYWJsZSwgZXh0ZXJuYWxNb2RhbFJlbmRlciwgZHJhZ2dhYmxlTW9kYWxSZW5kZXJdKTtcblxuICBjb25zdCByZXNvbHZlZFRpdGxlID0gdXNlTWVtbygoKSA9PiB7XG4gICAgaWYgKCFkcmFnZ2FibGUpIHtcbiAgICAgIHJldHVybiB0aXRsZTtcbiAgICB9XG5cbiAgICByZXR1cm4gKFxuICAgICAgPGRpdiBjc3M9e3RpdGxlU3R5bGV9IG9uUG9pbnRlckRvd249e2hhbmRsZURyYWd9PlxuICAgICAgICB7dGl0bGV9XG4gICAgICA8L2Rpdj5cbiAgICApO1xuICB9LCBbZHJhZ2dhYmxlLCB0aXRsZSwgaGFuZGxlRHJhZ10pO1xuXG4gIHJldHVybiAoXG4gICAgPE1vZGFsSW50ZXJuYWxcbiAgICAgIHsuLi5yZXN0UHJvcHN9XG4gICAgICBtb2RhbFJlbmRlcj17cmVzb2x2ZWRNb2RhbFJlbmRlcn1cbiAgICAgIHRpdGxlPXtyZXNvbHZlZFRpdGxlfVxuICAgIC8+XG4gICk7XG59KTtcbk1vZGFsLmRpc3BsYXlOYW1lID0gXCJNb2RhbFwiO1xuIl19 */",
+	toString: u
+}, p = r(({ draggable: r = !1, title: u, modalRender: p, ...m }) => {
+	let h = l(), g = o(null), _ = i((e) => {
+		e.stopPropagation(), h.start(e);
+	}, [h]), v = i((r) => /* @__PURE__ */ n(e, { children: [/* @__PURE__ */ t("div", {
+		ref: g,
+		css: f
+	}), /* @__PURE__ */ t(c.div, {
+		drag: !0,
+		dragConstraints: g,
+		dragControls: h,
+		dragElastic: .3,
+		dragListener: !1,
+		dragMomentum: !1,
+		children: r
+	})] }), [h]), y = a(() => r ? p ? (e) => v(p(e)) : v : p, [
+		r,
+		p,
+		v
+	]), b = a(() => r ? /* @__PURE__ */ t("div", {
+		css: d,
+		onPointerDown: _,
+		children: u
+	}) : u, [
+		r,
+		u,
+		_
+	]);
+	return /* @__PURE__ */ t(s, {
+		...m,
+		modalRender: y,
+		title: b
+	});
+});
+p.displayName = "Modal";
+//#endregion
+export { p as Modal };

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

@@ -1,4 +1,4 @@
-/*! @vef-framework-react/components v2.1.6 made by Venus | 2026-04-01T03:01:33.796Z */
+/*! @vef-framework-react/components v2.1.8 made by Venus | 2026-04-25T10:51:15.377Z */
 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";

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

@@ -1,4 +1,4 @@
-/*! @vef-framework-react/components v2.1.6 made by Venus | 2026-04-01T03:01:33.796Z */
+/*! @vef-framework-react/components v2.1.8 made by Venus | 2026-04-25T10:51:15.377Z */
 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.1.6 made by Venus | 2026-04-01T03:01:33.796Z */
+/*! @vef-framework-react/components v2.1.8 made by Venus | 2026-04-25T10:51:15.377Z */
 import "./resize-handle.js";
 import "./aside-panel.js";
 import "./scroll-content.js";

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

@@ -1,4 +1,4 @@
-/*! @vef-framework-react/components v2.1.6 made by Venus | 2026-04-01T03:01:33.796Z */
+/*! @vef-framework-react/components v2.1.8 made by Venus | 2026-04-25T10:51:15.377Z */
 import { resizeHandleGrip as e, resizeHandleLeft as t, resizeHandleRight as n } from "../styles.js";
 import { jsx as r } from "@emotion/react/jsx-runtime";
 import "react";

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

@@ -1,4 +1,4 @@
-/*! @vef-framework-react/components v2.1.6 made by Venus | 2026-04-01T03:01:33.796Z */
+/*! @vef-framework-react/components v2.1.8 made by Venus | 2026-04-25T10:51:15.377Z */
 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";
 import { ViewportProvider as a } from "../viewport-context.js";
@@ -24,13 +24,13 @@ var p = {
 	}
 }, m = { duration: .3 };
 function h({ className: h, actionBar: g, actionBarClassName: _, children: v }) {
-	let { ref: y, height: b } = l({ box: "border-box" }), { ref: x, height: S } = l({ box: "border-box" }), C = { "--vef-page-action-bar-height": `${b}px` };
+	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, {
 		className: h,
 		css: [
 			t,
 			r,
-			process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbInNjcm9sbC1jb250ZW50LnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFpRVkiLCJmaWxlIjoic2Nyb2xsLWNvbnRlbnQudHN4Iiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHR5cGUgeyBUcmFuc2l0aW9uLCBWYXJpYW50cyB9IGZyb20gXCJAdmVmLWZyYW1ld29yay1yZWFjdC9jb3JlXCI7XG5pbXBvcnQgdHlwZSB7IENTU1Byb3BlcnRpZXMsIFByb3BzV2l0aENoaWxkcmVuLCBSZWFjdE5vZGUgfSBmcm9tIFwicmVhY3RcIjtcblxuaW1wb3J0IHsgQ2xhc3NOYW1lcyB9IGZyb20gXCJAZW1vdGlvbi9yZWFjdFwiO1xuaW1wb3J0IHsgU2Nyb2xsQXJlYSB9IGZyb20gXCIuLi8uLi9zY3JvbGwtYXJlYVwiO1xuaW1wb3J0IHsgQW5pbWF0ZVByZXNlbmNlLCBtb3Rpb24gfSBmcm9tIFwiQHZlZi1mcmFtZXdvcmstcmVhY3QvY29yZVwiO1xuaW1wb3J0IHsgdXNlRWxlbWVudFNpemUgfSBmcm9tIFwiQHZlZi1mcmFtZXdvcmstcmVhY3QvaG9va3NcIjtcblxuaW1wb3J0ICogYXMgc3R5bGVzIGZyb20gXCIuLi9zdHlsZXNcIjtcbmltcG9ydCB7IFZpZXdwb3J0UHJvdmlkZXIgfSBmcm9tIFwiLi4vdmlld3BvcnQtY29udGV4dFwiO1xuXG5pbnRlcmZhY2UgU2Nyb2xsQ29udGVudFByb3BzIGV4dGVuZHMgUHJvcHNXaXRoQ2hpbGRyZW4ge1xuICBjbGFzc05hbWU/OiBzdHJpbmc7XG4gIGFjdGlvbkJhcj86IFJlYWN0Tm9kZTtcbiAgYWN0aW9uQmFyQ2xhc3NOYW1lPzogc3RyaW5nO1xufVxuXG5jb25zdCBhY3Rpb25CYXJWYXJpYW50czogVmFyaWFudHMgPSB7XG4gIGluaXRpYWw6IHtcbiAgICBvcGFjaXR5OiAwLFxuICAgIHk6IDYwXG4gIH0sXG4gIGFuaW1hdGU6IHtcbiAgICBvcGFjaXR5OiAxLFxuICAgIHk6IDAsXG4gICAgdHJhbnNpdGlvbjoge1xuICAgICAgZWFzZTogXCJlYXNlT3V0XCJcbiAgICB9XG4gIH0sXG4gIGV4aXQ6IHtcbiAgICBvcGFjaXR5OiAwLFxuICAgIHk6IDYwLFxuICAgIHRyYW5zaXRpb246IHtcbiAgICAgIGVhc2U6IFwiZWFzZUluXCJcbiAgICB9XG4gIH1cbn07XG5cbmNvbnN0IGFjdGlvbkJhclRyYW5zaXRpb246IFRyYW5zaXRpb24gPSB7XG4gIGR1cmF0aW9uOiAwLjNcbn07XG5cbmV4cG9ydCBmdW5jdGlvbiBTY3JvbGxDb250ZW50KHtcbiAgY2xhc3NOYW1lLFxuICBhY3Rpb25CYXIsXG4gIGFjdGlvbkJhckNsYXNzTmFtZSxcbiAgY2hpbGRyZW5cbn06IFNjcm9sbENvbnRlbnRQcm9wcyk6IFJlYWN0LkpTWC5FbGVtZW50IHtcbiAgY29uc3QgeyByZWY6IGFjdGlvbkJhclJlZiwgaGVpZ2h0OiBhY3Rpb25CYXJIZWlnaHQgfSA9IHVzZUVsZW1lbnRTaXplKHtcbiAgICBib3g6IFwiYm9yZGVyLWJveFwiXG4gIH0pO1xuICBjb25zdCB7IHJlZjogdmlld3BvcnRSZWYsIGhlaWdodDogdmlld3BvcnRIZWlnaHQgfSA9IHVzZUVsZW1lbnRTaXplKHtcbiAgICBib3g6IFwiYm9yZGVyLWJveFwiXG4gIH0pO1xuXG4gIGNvbnN0IHZpZXdwb3J0U3R5bGUgPSB7XG4gICAgXCItLXZlZi1wYWdlLWFjdGlvbi1iYXItaGVpZ2h0XCI6IGAke2FjdGlvbkJhckhlaWdodH1weGBcbiAgfSBhcyBDU1NQcm9wZXJ0aWVzO1xuXG4gIHJldHVybiAoXG4gICAgPD5cbiAgICAgIDxDbGFzc05hbWVzPlxuICAgICAgICB7KHsgY3NzIH0pID0+IChcbiAgICAgICAgICA8U2Nyb2xsQXJlYVxuICAgICAgICAgICAgY2xhc3NOYW1lPXtjbGFzc05hbWV9XG4gICAgICAgICAgICBjc3M9e1tzdHlsZXMuY29udGVudCwgc3R5bGVzLnNjcm9sbFdyYXBwZXJdfVxuICAgICAgICAgICAgdmlld3BvcnRDbGFzc05hbWU9e2NzcyhzdHlsZXMuc2Nyb2xsQ29udGFpbmVyKX1cbiAgICAgICAgICAgIHZpZXdwb3J0UmVmPXt2aWV3cG9ydFJlZn1cbiAgICAgICAgICAgIHZpZXdwb3J0U3R5bGU9e3ZpZXdwb3J0U3R5bGV9XG4gICAgICAgICAgPlxuICAgICAgICAgICAgPFZpZXdwb3J0UHJvdmlkZXIgdmFsdWU9e3ZpZXdwb3J0SGVpZ2h0fT5cbiAgICAgICAgICAgICAge2NoaWxkcmVufVxuICAgICAgICAgICAgPC9WaWV3cG9ydFByb3ZpZGVyPlxuICAgICAgICAgIDwvU2Nyb2xsQXJlYT5cbiAgICAgICAgKX1cbiAgICAgIDwvQ2xhc3NOYW1lcz5cblxuICAgICAgPEFuaW1hdGVQcmVzZW5jZT5cbiAgICAgICAge2FjdGlvbkJhciAmJiAoXG4gICAgICAgICAgPG1vdGlvbi5kaXZcbiAgICAgICAgICAgIHJlZj17YWN0aW9uQmFyUmVmfVxuICAgICAgICAgICAgYW5pbWF0ZT1cImFuaW1hdGVcIlxuICAgICAgICAgICAgY2xhc3NOYW1lPXthY3Rpb25CYXJDbGFzc05hbWV9XG4gICAgICAgICAgICBjc3M9e3N0eWxlcy5hY3Rpb25CYXJ9XG4gICAgICAgICAgICBleGl0PVwiZXhpdFwiXG4gICAgICAgICAgICBpbml0aWFsPVwiaW5pdGlhbFwiXG4gICAgICAgICAgICB0cmFuc2l0aW9uPXthY3Rpb25CYXJUcmFuc2l0aW9ufVxuICAgICAgICAgICAgdmFyaWFudHM9e2FjdGlvbkJhclZhcmlhbnRzfVxuICAgICAgICAgID5cbiAgICAgICAgICAgIHthY3Rpb25CYXJ9XG4gICAgICAgICAgPC9tb3Rpb24uZGl2PlxuICAgICAgICApfVxuICAgICAgPC9BbmltYXRlUHJlc2VuY2U+XG4gICAgPC8+XG4gICk7XG59XG4iXX0= */"
+			process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbInNjcm9sbC1jb250ZW50LnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUE2RFkiLCJmaWxlIjoic2Nyb2xsLWNvbnRlbnQudHN4Iiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHR5cGUgeyBUcmFuc2l0aW9uLCBWYXJpYW50cyB9IGZyb20gXCJAdmVmLWZyYW1ld29yay1yZWFjdC9jb3JlXCI7XG5pbXBvcnQgdHlwZSB7IENTU1Byb3BlcnRpZXMsIFByb3BzV2l0aENoaWxkcmVuLCBSZWFjdE5vZGUgfSBmcm9tIFwicmVhY3RcIjtcblxuaW1wb3J0IHsgQ2xhc3NOYW1lcyB9IGZyb20gXCJAZW1vdGlvbi9yZWFjdFwiO1xuaW1wb3J0IHsgQW5pbWF0ZVByZXNlbmNlLCBtb3Rpb24gfSBmcm9tIFwiQHZlZi1mcmFtZXdvcmstcmVhY3QvY29yZVwiO1xuaW1wb3J0IHsgdXNlRWxlbWVudFNpemUgfSBmcm9tIFwiQHZlZi1mcmFtZXdvcmstcmVhY3QvaG9va3NcIjtcblxuaW1wb3J0IHsgU2Nyb2xsQXJlYSB9IGZyb20gXCIuLi8uLi9zY3JvbGwtYXJlYVwiO1xuaW1wb3J0ICogYXMgc3R5bGVzIGZyb20gXCIuLi9zdHlsZXNcIjtcbmltcG9ydCB7IFZpZXdwb3J0UHJvdmlkZXIgfSBmcm9tIFwiLi4vdmlld3BvcnQtY29udGV4dFwiO1xuXG5pbnRlcmZhY2UgU2Nyb2xsQ29udGVudFByb3BzIGV4dGVuZHMgUHJvcHNXaXRoQ2hpbGRyZW4ge1xuICBjbGFzc05hbWU/OiBzdHJpbmc7XG4gIGFjdGlvbkJhcj86IFJlYWN0Tm9kZTtcbiAgYWN0aW9uQmFyQ2xhc3NOYW1lPzogc3RyaW5nO1xufVxuXG5jb25zdCBhY3Rpb25CYXJWYXJpYW50czogVmFyaWFudHMgPSB7XG4gIGluaXRpYWw6IHtcbiAgICBvcGFjaXR5OiAwLFxuICAgIHk6IDYwXG4gIH0sXG4gIGFuaW1hdGU6IHtcbiAgICBvcGFjaXR5OiAxLFxuICAgIHk6IDAsXG4gICAgdHJhbnNpdGlvbjoge1xuICAgICAgZWFzZTogXCJlYXNlT3V0XCJcbiAgICB9XG4gIH0sXG4gIGV4aXQ6IHtcbiAgICBvcGFjaXR5OiAwLFxuICAgIHk6IDYwLFxuICAgIHRyYW5zaXRpb246IHtcbiAgICAgIGVhc2U6IFwiZWFzZUluXCJcbiAgICB9XG4gIH1cbn07XG5cbmNvbnN0IGFjdGlvbkJhclRyYW5zaXRpb246IFRyYW5zaXRpb24gPSB7XG4gIGR1cmF0aW9uOiAwLjNcbn07XG5cbmV4cG9ydCBmdW5jdGlvbiBTY3JvbGxDb250ZW50KHtcbiAgY2xhc3NOYW1lLFxuICBhY3Rpb25CYXIsXG4gIGFjdGlvbkJhckNsYXNzTmFtZSxcbiAgY2hpbGRyZW5cbn06IFNjcm9sbENvbnRlbnRQcm9wcyk6IFJlYWN0LkpTWC5FbGVtZW50IHtcbiAgY29uc3QgeyByZWY6IGFjdGlvbkJhclJlZiwgaGVpZ2h0OiBhY3Rpb25CYXJIZWlnaHQgfSA9IHVzZUVsZW1lbnRTaXplKCk7XG4gIGNvbnN0IHsgcmVmOiB2aWV3cG9ydFJlZiwgaGVpZ2h0OiB2aWV3cG9ydEhlaWdodCB9ID0gdXNlRWxlbWVudFNpemUoKTtcblxuICBjb25zdCB2aWV3cG9ydFN0eWxlID0ge1xuICAgIFwiLS12ZWYtcGFnZS1hY3Rpb24tYmFyLWhlaWdodFwiOiBgJHthY3Rpb25CYXJIZWlnaHR9cHhgXG4gIH0gYXMgQ1NTUHJvcGVydGllcztcblxuICByZXR1cm4gKFxuICAgIDw+XG4gICAgICA8Q2xhc3NOYW1lcz5cbiAgICAgICAgeyh7IGNzcyB9KSA9PiAoXG4gICAgICAgICAgPFNjcm9sbEFyZWFcbiAgICAgICAgICAgIGNsYXNzTmFtZT17Y2xhc3NOYW1lfVxuICAgICAgICAgICAgY3NzPXtbc3R5bGVzLmNvbnRlbnQsIHN0eWxlcy5zY3JvbGxXcmFwcGVyXX1cbiAgICAgICAgICAgIHZpZXdwb3J0Q2xhc3NOYW1lPXtjc3Moc3R5bGVzLnNjcm9sbENvbnRhaW5lcil9XG4gICAgICAgICAgICB2aWV3cG9ydFJlZj17dmlld3BvcnRSZWZ9XG4gICAgICAgICAgICB2aWV3cG9ydFN0eWxlPXt2aWV3cG9ydFN0eWxlfVxuICAgICAgICAgID5cbiAgICAgICAgICAgIDxWaWV3cG9ydFByb3ZpZGVyIHZhbHVlPXt2aWV3cG9ydEhlaWdodH0+XG4gICAgICAgICAgICAgIHtjaGlsZHJlbn1cbiAgICAgICAgICAgIDwvVmlld3BvcnRQcm92aWRlcj5cbiAgICAgICAgICA8L1Njcm9sbEFyZWE+XG4gICAgICAgICl9XG4gICAgICA8L0NsYXNzTmFtZXM+XG5cbiAgICAgIDxBbmltYXRlUHJlc2VuY2U+XG4gICAgICAgIHthY3Rpb25CYXIgJiYgKFxuICAgICAgICAgIDxtb3Rpb24uZGl2XG4gICAgICAgICAgICByZWY9e2FjdGlvbkJhclJlZn1cbiAgICAgICAgICAgIGFuaW1hdGU9XCJhbmltYXRlXCJcbiAgICAgICAgICAgIGNsYXNzTmFtZT17YWN0aW9uQmFyQ2xhc3NOYW1lfVxuICAgICAgICAgICAgY3NzPXtzdHlsZXMuYWN0aW9uQmFyfVxuICAgICAgICAgICAgZXhpdD1cImV4aXRcIlxuICAgICAgICAgICAgaW5pdGlhbD1cImluaXRpYWxcIlxuICAgICAgICAgICAgdHJhbnNpdGlvbj17YWN0aW9uQmFyVHJhbnNpdGlvbn1cbiAgICAgICAgICAgIHZhcmlhbnRzPXthY3Rpb25CYXJWYXJpYW50c31cbiAgICAgICAgICA+XG4gICAgICAgICAgICB7YWN0aW9uQmFyfVxuICAgICAgICAgIDwvbW90aW9uLmRpdj5cbiAgICAgICAgKX1cbiAgICAgIDwvQW5pbWF0ZVByZXNlbmNlPlxuICAgIDwvPlxuICApO1xufVxuIl19 */"
 		],
 		viewportClassName: e(n),
 		viewportRef: x,

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

@@ -1,3 +1,3 @@
-/*! @vef-framework-react/components v2.1.6 made by Venus | 2026-04-01T03:01:33.796Z */
+/*! @vef-framework-react/components v2.1.8 made by Venus | 2026-04-25T10:51:15.377Z */
 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.1.6 made by Venus | 2026-04-01T03:01:33.796Z */
+/*! @vef-framework-react/components v2.1.8 made by Venus | 2026-04-25T10:51:15.377Z */
 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.1.6 made by Venus | 2026-04-01T03:01:33.796Z */
+/*! @vef-framework-react/components v2.1.8 made by Venus | 2026-04-25T10:51:15.377Z */
 import { useCallback as e, useState as t } from "react";
 //#region src/page/hooks/use-resize.ts
 function n(e, t, n) {

package/dist/es/page/index.js

@@ -1,4 +1,4 @@
-/*! @vef-framework-react/components v2.1.6 made by Venus | 2026-04-01T03:01:33.796Z */
+/*! @vef-framework-react/components v2.1.8 made by Venus | 2026-04-25T10:51:15.377Z */
 import { globalCssVars as e } from "../_base/constants/css-vars.js";
 import { getSpacingValue as t } from "../_base/helpers/common.js";
 import { usePageKey as n } from "./hooks/use-page-key.js";