@vef-framework/components 1.0.100 → 1.0.102

package/es/vef-page/index.js

@@ -1,15 +1,14 @@
-/*! VefFramework version: 1.0.100, build time: 2025-03-07T13:52:52.580Z, made by Venus. */
-import{jsxs as e,jsx as o,Fragment as t}from"@emotion/react/jsx-runtime";import{css as a}from"@emotion/react";import{themeVariables as r}from"@vef-framework/shared";import i from"clsx";import{AnimatePresence as n,motion as l}from"motion/react";import c from"../vef-scroll-area/index.js";import d from"../vef-title/index.js";const f=a`
+/*! VefFramework version: 1.0.102, build time: 2025-03-07T16:32:57.836Z, made by Venus. */import{jsxs,jsx,Fragment}from"@emotion/react/jsx-runtime";import{css}from"@emotion/react";import{themeVariables}from"@vef-framework/shared";import clsx from"clsx";import{AnimatePresence,motion}from"motion/react";import VefScrollArea from"../vef-scroll-area/index.js";import VefTitle from"../vef-title/index.js";const pageStyle=css`
   height: 100%;
   display: flex;
   flex-direction: column;
-  background-color: ${r.colorBgLayout};
+  background-color: ${themeVariables.colorBgLayout};
 
   .vef-page-header {
     flex: none;
-    background-color: ${r.colorBgContainer};
-    padding: ${r.paddingSm} ${r.paddingLg};
-    border-bottom: ${r.lineWidth} ${r.lineType} ${r.colorBorderSecondary};
+    background-color: ${themeVariables.colorBgContainer};
+    padding: ${themeVariables.paddingSm} ${themeVariables.paddingLg};
+    border-bottom: ${themeVariables.lineWidth} ${themeVariables.lineType} ${themeVariables.colorBorderSecondary};
 
     &.vef-page-header-default {
       display: flex;
@@ -37,10 +36,10 @@ import{jsxs as e,jsx as o,Fragment as t}from"@emotion/react/jsx-runtime";import{
   }
 
   .vef-page-content {
-    margin: ${r.marginSm};
+    margin: ${themeVariables.marginSm};
 
     &.vef-page-content-footer-padding {
-      padding-bottom: calc(${r.controlHeight} * 2);
+      padding-bottom: calc(${themeVariables.controlHeight} * 2);
     }
   }
 
@@ -50,10 +49,9 @@ import{jsxs as e,jsx as o,Fragment as t}from"@emotion/react/jsx-runtime";import{
     left: 0;
     right: 0;
     z-index: 9;
-    border-top: ${r.lineWidth} ${r.lineType} ${r.colorBorderSecondary};
+    border-top: ${themeVariables.lineWidth} ${themeVariables.lineType} ${themeVariables.colorBorderSecondary};
     background-color: rgba(255, 255, 255, 0.6);
     backdrop-filter: blur(8px);
-    height: calc(${r.controlHeight} * 2);
+    height: calc(${themeVariables.controlHeight} * 2);
   }
-`;function VefPage({title:a,actions:r,header:p,footer:g,scrollable:s=!1,children:m}){return e("div",{css:f,children:[!1!==p&&o("div",{className:i("vef-page-header",{"vef-page-header-default":!p}),children:p||e(t,{children:[o(d,{noPaddingBottom:!0,showLeftBar:!0,className:"vef-page-title",level:5,children:a??"无标题"}),o("div",{className:"vef-page-actions",children:r})]})}),s?e(c,{className:"vef-page-body",scrollDirection:"both",children:[o("div",{className:i("vef-page-content",{"vef-page-content-footer-padding":!!g}),children:m}),o(n,{children:g&&o(l.div,{className:"vef-page-footer",animate:{opacity:1,y:0},exit:{opacity:0,y:60},initial:{opacity:0,y:60},transition:{duration:.2,ease:"easeInOut"},children:g})})]}):o("div",{className:"vef-page-body vef-page-content",children:m})]})}export{VefPage as default};
-/*! VefFramework is a blazingly high-level, modern, flexible, easy-to-use UI framework made by Venus. Follow me on Github: https://github.com/ilxqx! @ilxqx */
+`;function VefPage({title,actions,header,footer,scrollable=!1,children}){return jsxs("div",{css:pageStyle,children:[header!==!1&&jsx("div",{className:clsx("vef-page-header",{"vef-page-header-default":!header}),children:header||jsxs(Fragment,{children:[jsx(VefTitle,{noPaddingBottom:!0,showLeftBar:!0,className:"vef-page-title",level:5,children:title??"无标题"}),jsx("div",{className:"vef-page-actions",children:actions})]})}),scrollable?jsxs(VefScrollArea,{className:"vef-page-body",scrollDirection:"both",children:[jsx("div",{className:clsx("vef-page-content",{"vef-page-content-footer-padding":!!footer}),children}),jsx(AnimatePresence,{children:footer&&jsx(motion.div,{className:"vef-page-footer",animate:{opacity:1,y:0},exit:{opacity:0,y:60},initial:{opacity:0,y:60},transition:{duration:.2,ease:"easeInOut"},children:footer})})]}):jsx("div",{className:"vef-page-body vef-page-content",children})]})}/*! VefFramework is a blazingly high-level, modern, flexible, easy-to-use UI framework made by Venus. Follow me on Github: https://github.com/ilxqx! @ilxqx */export{VefPage as default};

package/es/vef-pagination/index.js

@@ -1,3 +1 @@
-/*! VefFramework version: 1.0.100, build time: 2025-03-07T13:52:52.580Z, made by Venus. */
-import{jsxs as e,Fragment as t,jsx as a}from"@emotion/react/jsx-runtime";import{Pagination as o}from"antd";import{memo as i}from"react";import r from"../vef-text/index.js";import{defaultPageSizeOptions as n}from"./props.js";function renderTotal(o){return e(t,{children:["共"," ",a(r,{bold:!0,children:o})," ","条"]})}const l={listHeight:300};const m=i((function VefPaginationBase({defaultPageNumber:e,defaultPageSize:t,pageNumber:i,pageSize:r,total:m,size:p,pageSizeOptions:u=n,allowChangePageSize:s=!0,showTotal:d=!0,compact:f,allowQuickJump:g,onChange:c,...h}){return a(o,{current:i,defaultCurrent:e,defaultPageSize:t,pageSize:r,pageSizeOptions:u,showQuickJumper:g,showSizeChanger:s?l:s,showTotal:d?renderTotal:void 0,simple:f,size:"medium"===p?"default":p,total:m,onChange:c,...h})}));m.displayName="VefPagination";export{m as default};
-/*! VefFramework is a blazingly high-level, modern, flexible, easy-to-use UI framework made by Venus. Follow me on Github: https://github.com/ilxqx! @ilxqx */
+/*! VefFramework version: 1.0.102, build time: 2025-03-07T16:32:57.836Z, made by Venus. */import{jsxs,Fragment,jsx}from"@emotion/react/jsx-runtime";import{Pagination}from"antd";import{memo}from"react";import VefText from"../vef-text/index.js";import{defaultPageSizeOptions}from"./props.js";function renderTotal(total){return jsxs(Fragment,{children:["共"," ",jsx(VefText,{bold:!0,children:total})," ","条"]})}const sizeChangerProps={listHeight:300};function VefPaginationBase({defaultPageNumber,defaultPageSize,pageNumber,pageSize,total,size,pageSizeOptions=defaultPageSizeOptions,allowChangePageSize=!0,showTotal=!0,compact,allowQuickJump,onChange,...restProps}){return jsx(Pagination,{current:pageNumber,defaultCurrent:defaultPageNumber,defaultPageSize,pageSize,pageSizeOptions,showQuickJumper:allowQuickJump,showSizeChanger:allowChangePageSize&&sizeChangerProps,showTotal:showTotal?renderTotal:void 0,simple:compact,size:size==="medium"?"default":size,total,onChange,...restProps})}const VefPagination=memo(VefPaginationBase);VefPagination.displayName="VefPagination";/*! VefFramework is a blazingly high-level, modern, flexible, easy-to-use UI framework made by Venus. Follow me on Github: https://github.com/ilxqx! @ilxqx */export{VefPagination as default};

package/es/vef-pagination/props.js

@@ -1,3 +1 @@
-/*! VefFramework version: 1.0.100, build time: 2025-03-07T13:52:52.580Z, made by Venus. */
-const o=[5,10,15,20,30,40,50,100];export{o as defaultPageSizeOptions};
-/*! VefFramework is a blazingly high-level, modern, flexible, easy-to-use UI framework made by Venus. Follow me on Github: https://github.com/ilxqx! @ilxqx */
+/*! VefFramework version: 1.0.102, build time: 2025-03-07T16:32:57.836Z, made by Venus. */const defaultPageSizeOptions=[5,10,15,20,30,40,50,100];/*! VefFramework is a blazingly high-level, modern, flexible, easy-to-use UI framework made by Venus. Follow me on Github: https://github.com/ilxqx! @ilxqx */export{defaultPageSizeOptions};

package/es/vef-paragraph/index.js

@@ -1,3 +1 @@
-/*! VefFramework version: 1.0.100, build time: 2025-03-07T13:52:52.580Z, made by Venus. */
-import{jsx as e}from"@emotion/react/jsx-runtime";import{useColorTokens as o}from"@vef-framework/hooks";import{isFunction as r}from"@vef-framework/shared";import{Typography as a}from"antd";import{useMemo as t}from"react";const{Paragraph:n}=a;function VefParagraph({variant:a,color:p,bold:d,ellipsis:i,ellipsisRows:s=2,expandable:l,defaultExpanded:f,expanded:c,copyable:m,copiedText:x,onCopy:u,onExpand:h,...y}){const b=t((()=>{if(i)return{rows:s,expandable:l?"collapsible":void 0,defaultExpanded:f,expanded:c,onExpand:r(h)?(e,{expanded:o})=>{h(o)}:void 0}}),[l,f,i,s,c,h]),g=o(),v=t((()=>{const e={};return"strikethrough"===a?e.delete=!0:a&&(e[a]=!0),"secondary"===p?e.type="secondary":p&&(e.css={color:g.get(p)}),d&&(e.strong=!0),e}),[d,p,g,a]),k=t((()=>{if(m)return{format:"text/plain",text:x,onCopy:u}}),[m,x,u]);return e(n,{copyable:k,ellipsis:b,...v,...y})}export{VefParagraph as default};
-/*! VefFramework is a blazingly high-level, modern, flexible, easy-to-use UI framework made by Venus. Follow me on Github: https://github.com/ilxqx! @ilxqx */
+/*! VefFramework version: 1.0.102, build time: 2025-03-07T16:32:57.836Z, made by Venus. */import{jsx}from"@emotion/react/jsx-runtime";import{useColorTokens}from"@vef-framework/hooks";import{isFunction}from"@vef-framework/shared";import{Typography}from"antd";import{useMemo}from"react";const{Paragraph}=Typography;function VefParagraph({variant,color,bold,ellipsis,ellipsisRows=2,expandable,defaultExpanded,expanded,copyable,copiedText,onCopy,onExpand,...restProps}){const ellipsisConfig=useMemo(()=>{if(ellipsis)return{rows:ellipsisRows,expandable:expandable?"collapsible":void 0,defaultExpanded,expanded,onExpand:isFunction(onExpand)?(_,{expanded:expanded2})=>{onExpand(expanded2)}:void 0}},[expandable,defaultExpanded,ellipsis,ellipsisRows,expanded,onExpand]),colorTokens=useColorTokens(),styleProps=useMemo(()=>{const props={};return variant==="strikethrough"?props.delete=!0:variant&&(props[variant]=!0),color==="secondary"?props.type="secondary":color&&(props.css={color:colorTokens.get(color)}),bold&&(props.strong=!0),props},[bold,color,colorTokens,variant]),copyConfig=useMemo(()=>{if(copyable)return{format:"text/plain",text:copiedText,onCopy}},[copyable,copiedText,onCopy]);return jsx(Paragraph,{copyable:copyConfig,ellipsis:ellipsisConfig,...styleProps,...restProps})}/*! VefFramework is a blazingly high-level, modern, flexible, easy-to-use UI framework made by Venus. Follow me on Github: https://github.com/ilxqx! @ilxqx */export{VefParagraph as default};

package/es/vef-password/hooks/use-password-instance.js

@@ -1,3 +1 @@
-/*! VefFramework version: 1.0.100, build time: 2025-03-07T13:52:52.580Z, made by Venus. */
-import{useRef as r,useImperativeHandle as n}from"react";function usePasswordInstance(e){const s=r(null);return n(e,(()=>({blur:()=>s.current?.blur(),focus:()=>s.current?.focus({preventScroll:!0})}))),s}export{usePasswordInstance};
-/*! VefFramework is a blazingly high-level, modern, flexible, easy-to-use UI framework made by Venus. Follow me on Github: https://github.com/ilxqx! @ilxqx */
+/*! VefFramework version: 1.0.102, build time: 2025-03-07T16:32:57.836Z, made by Venus. */import{useRef,useImperativeHandle}from"react";function usePasswordInstance(ref){const passwordRef=useRef(null);return useImperativeHandle(ref,()=>({blur:()=>passwordRef.current?.blur(),focus:()=>passwordRef.current?.focus({preventScroll:!0})})),passwordRef}/*! VefFramework is a blazingly high-level, modern, flexible, easy-to-use UI framework made by Venus. Follow me on Github: https://github.com/ilxqx! @ilxqx */export{usePasswordInstance};

package/es/vef-password/index.js

@@ -1,3 +1 @@
-/*! VefFramework version: 1.0.100, build time: 2025-03-07T13:52:52.580Z, made by Venus. */
-import{jsx as e}from"@emotion/react/jsx-runtime";import{isFunction as o}from"@vef-framework/shared";import{Input as r}from"antd";import{forwardRef as a,useMemo as t}from"react";import"../internal/index.js";import{usePasswordInstance as n}from"./hooks/use-password-instance.js";import{convertBasicSizeToUiSize as l}from"../internal/utils.js";const{Password:s}=r;function normalizeValue(e){return""===e?null:e}const u=a((({defaultValue:r,value:a,size:u,clearable:i,showCount:m,onChange:d,onEnterKeyPress:f,onBlur:v,onFocus:c,...p},V)=>{const w=t((()=>({onChange:o(d)?e=>d(normalizeValue(e.target.value)):void 0,onPressEnter:o(f)?e=>f(normalizeValue(e.target.value)):void 0,onBlur:o(v)?e=>v(normalizeValue(e.target.value)):void 0,onFocus:o(c)?e=>c(normalizeValue(e.target.value)):void 0})),[d,f,v,c]),z=n(V);return e(s,{ref:z,allowClear:i,defaultValue:r,showCount:m,size:l(u),value:a,...p,...w})}));u.displayName="VefPassword";export{u as default};
-/*! VefFramework is a blazingly high-level, modern, flexible, easy-to-use UI framework made by Venus. Follow me on Github: https://github.com/ilxqx! @ilxqx */
+/*! VefFramework version: 1.0.102, build time: 2025-03-07T16:32:57.836Z, made by Venus. */import{jsx}from"@emotion/react/jsx-runtime";import{isFunction}from"@vef-framework/shared";import{Input}from"antd";import{forwardRef,useMemo}from"react";import"../internal/index.js";import{usePasswordInstance}from"./hooks/use-password-instance.js";import{convertBasicSizeToUiSize}from"../internal/utils.js";const{Password}=Input;function normalizeValue(value){return value===""?null:value}const VefPassword=forwardRef(({defaultValue,value,size,clearable,showCount,onChange,onEnterKeyPress,onBlur,onFocus,...restProps},ref)=>{const eventHandlers=useMemo(()=>({onChange:isFunction(onChange)?event=>onChange(normalizeValue(event.target.value)):void 0,onPressEnter:isFunction(onEnterKeyPress)?event=>onEnterKeyPress(normalizeValue(event.target.value)):void 0,onBlur:isFunction(onBlur)?event=>onBlur(normalizeValue(event.target.value)):void 0,onFocus:isFunction(onFocus)?event=>onFocus(normalizeValue(event.target.value)):void 0}),[onChange,onEnterKeyPress,onBlur,onFocus]),passwordRef=usePasswordInstance(ref);return jsx(Password,{ref:passwordRef,allowClear:clearable,defaultValue,showCount,size:convertBasicSizeToUiSize(size),value,...restProps,...eventHandlers})});VefPassword.displayName="VefPassword";/*! VefFramework is a blazingly high-level, modern, flexible, easy-to-use UI framework made by Venus. Follow me on Github: https://github.com/ilxqx! @ilxqx */export{VefPassword as default};

package/es/vef-pie-chart/index.js

@@ -1,10 +1,8 @@
-/*! VefFramework version: 1.0.100, build time: 2025-03-07T13:52:52.580Z, made by Venus. */
-import{jsx as e,jsxs as t}from"@emotion/react/jsx-runtime";import{css as n}from"@emotion/react";import{themeVariables as r}from"@vef-framework/shared";import{useMemo as o,memo as i}from"react";import{PieChart as a,Tooltip as c,Legend as m,Pie as d,Label as f}from"recharts";import l from"../vef-chart-container/index.js";import{VefChartLegendContent as s}from"../vef-chart-legend-content/index.js";import x from"../vef-chart-tooltip-content/index.js";const h=n`
-  fill: ${r.colorText};
-  font-size: ${r.fontSizeHeading3};
-  font-weight: ${r.fontWeightStrong};
-  font-family: ${r.fontFamilyCode};
-`,p=n`
-  fill: ${r.colorTextDescription};
-`;const y=i((function VefPieChartBase({config:n,data:r,dataKey:i,nameKey:y,valueFormatter:u,innerRadius:g=60}){const v=o((()=>r.reduce(((e,t)=>e+Number(t[i]??0)),0)),[r,i]);return e(l,{config:n,children:t(a,{children:[e(c,{content:e(x,{hideLabel:!0,valueFormatter:u})}),e(m,{content:e(s,{})}),e(d,{data:r,dataKey:i,innerRadius:g,nameKey:y,children:e(f,{content:({viewBox:r})=>{if(r&&"cx"in r&&"cy"in r&&(r.innerRadius??0)>50)return t("text",{dominantBaseline:"middle",textAnchor:"middle",x:r.cx,y:r.cy,children:[e("tspan",{css:h,x:r.cx,y:r.cy,children:v}),e("tspan",{css:p,x:r.cx,y:(r.cy||0)+28,children:n[i]?.label??i})]})}})})]})})}));export{y as default};
-/*! VefFramework is a blazingly high-level, modern, flexible, easy-to-use UI framework made by Venus. Follow me on Github: https://github.com/ilxqx! @ilxqx */
+/*! VefFramework version: 1.0.102, build time: 2025-03-07T16:32:57.836Z, made by Venus. */import{jsx,jsxs}from"@emotion/react/jsx-runtime";import{css}from"@emotion/react";import{themeVariables}from"@vef-framework/shared";import{useMemo,memo}from"react";import{PieChart,Tooltip,Legend,Pie,Label}from"recharts";import VefChartContainer from"../vef-chart-container/index.js";import{VefChartLegendContent}from"../vef-chart-legend-content/index.js";import VefChartTooltipContent from"../vef-chart-tooltip-content/index.js";const valueStyle=css`
+  fill: ${themeVariables.colorText};
+  font-size: ${themeVariables.fontSizeHeading3};
+  font-weight: ${themeVariables.fontWeightStrong};
+  font-family: ${themeVariables.fontFamilyCode};
+`,labelStyle=css`
+  fill: ${themeVariables.colorTextDescription};
+`;function VefPieChartBase({config,data,dataKey,nameKey,valueFormatter,innerRadius=60}){const total=useMemo(()=>data.reduce((acc,item)=>acc+Number(item[dataKey]??0),0),[data,dataKey]);return jsx(VefChartContainer,{config,children:jsxs(PieChart,{children:[jsx(Tooltip,{content:jsx(VefChartTooltipContent,{hideLabel:!0,valueFormatter})}),jsx(Legend,{content:jsx(VefChartLegendContent,{})}),jsx(Pie,{data,dataKey,innerRadius,nameKey,children:jsx(Label,{content:({viewBox})=>{if(viewBox&&"cx"in viewBox&&"cy"in viewBox&&(viewBox.innerRadius??0)>50)return jsxs("text",{dominantBaseline:"middle",textAnchor:"middle",x:viewBox.cx,y:viewBox.cy,children:[jsx("tspan",{css:valueStyle,x:viewBox.cx,y:viewBox.cy,children:total}),jsx("tspan",{css:labelStyle,x:viewBox.cx,y:(viewBox.cy||0)+28,children:config[dataKey]?.label??dataKey})]})}})})]})})}const VefPieChart=memo(VefPieChartBase);/*! VefFramework is a blazingly high-level, modern, flexible, easy-to-use UI framework made by Venus. Follow me on Github: https://github.com/ilxqx! @ilxqx */export{VefPieChart as default};

package/es/vef-popconfirm/index.js

@@ -1,3 +1 @@
-/*! VefFramework version: 1.0.100, build time: 2025-03-07T13:52:52.580Z, made by Venus. */
-import{jsx as e}from"@emotion/react/jsx-runtime";import{defaultMessageTitle as o,infoIcon as n}from"@vef-framework/shared";import{Popconfirm as t}from"antd";import{CheckIcon as r}from"lucide-react";import{forwardRef as a,useRef as p,useImperativeHandle as c}from"react";import i from"../vef-icon/index.js";const l={autoInsertSpace:!1,icon:e(i,{children:e(r,{})})},m={autoInsertSpace:!1,variant:"text",color:"default"};function popupClickHandler(e){e.stopPropagation()}const f=a((({title:r=o,content:a,cancelable:i=!0,defaultOpened:f,opened:u,onOpenedChange:d,onOk:s,onCancel:C,...k},h)=>{const O=p(null);return c(h,(()=>O.current.nativeElement)),e(t,{ref:O,cancelButtonProps:m,defaultOpen:f,description:a,icon:n,okButtonProps:l,open:u,showCancel:i,title:r,onCancel:C,onConfirm:s,onOpenChange:d,onPopupClick:popupClickHandler,...k})}));f.displayName="VefPopconfirm";export{f as default};
-/*! VefFramework is a blazingly high-level, modern, flexible, easy-to-use UI framework made by Venus. Follow me on Github: https://github.com/ilxqx! @ilxqx */
+/*! VefFramework version: 1.0.102, build time: 2025-03-07T16:32:57.836Z, made by Venus. */import{jsx}from"@emotion/react/jsx-runtime";import{defaultMessageTitle,infoIcon}from"@vef-framework/shared";import{Popconfirm}from"antd";import{CheckIcon}from"lucide-react";import{forwardRef,useRef,useImperativeHandle}from"react";import VefIcon from"../vef-icon/index.js";const okButtonProps={autoInsertSpace:!1,icon:jsx(VefIcon,{children:jsx(CheckIcon,{})})},cancelButtonProps={autoInsertSpace:!1,variant:"text",color:"default"};function popupClickHandler(event){event.stopPropagation()}const VefPopconfirm=forwardRef(({title=defaultMessageTitle,content,cancelable=!0,defaultOpened,opened,onOpenedChange,onOk,onCancel,...restProps},ref)=>{const tooltipRef=useRef(null);return useImperativeHandle(ref,()=>tooltipRef.current.nativeElement),jsx(Popconfirm,{ref:tooltipRef,cancelButtonProps,defaultOpen:defaultOpened,description:content,icon:infoIcon,okButtonProps,open:opened,showCancel:cancelable,title,onCancel,onConfirm:onOk,onOpenChange:onOpenedChange,onPopupClick:popupClickHandler,...restProps})});VefPopconfirm.displayName="VefPopconfirm";/*! VefFramework is a blazingly high-level, modern, flexible, easy-to-use UI framework made by Venus. Follow me on Github: https://github.com/ilxqx! @ilxqx */export{VefPopconfirm as default};

package/es/vef-popover/index.js

@@ -1,3 +1 @@
-/*! VefFramework version: 1.0.100, build time: 2025-03-07T13:52:52.580Z, made by Venus. */
-import{jsx as t}from"@emotion/react/jsx-runtime";import{Popover as e}from"antd";import{forwardRef as r,useRef as o,useMemo as n,useImperativeHandle as i}from"react";const a=r((({title:r,content:a,contentStyle:c,trigger:l="click",arrow:m=!1,...s},f)=>{const p=o(null),u=n((()=>({body:c})),[c]);return i(f,(()=>p.current.nativeElement)),t(e,{ref:p,arrow:m,content:a,styles:u,title:r,trigger:l,...s})}));a.displayName="VefPopover";export{a as default};
-/*! VefFramework is a blazingly high-level, modern, flexible, easy-to-use UI framework made by Venus. Follow me on Github: https://github.com/ilxqx! @ilxqx */
+/*! VefFramework version: 1.0.102, build time: 2025-03-07T16:32:57.836Z, made by Venus. */import{jsx}from"@emotion/react/jsx-runtime";import{Popover}from"antd";import{forwardRef,useRef,useMemo,useImperativeHandle}from"react";const VefPopover=forwardRef(({title,content,contentStyle,trigger="click",arrow=!1,...restProps},ref)=>{const popoverRef=useRef(null),styles=useMemo(()=>({body:contentStyle}),[contentStyle]);return useImperativeHandle(ref,()=>popoverRef.current.nativeElement),jsx(Popover,{ref:popoverRef,arrow,content,styles,title,trigger,...restProps})});VefPopover.displayName="VefPopover";/*! VefFramework is a blazingly high-level, modern, flexible, easy-to-use UI framework made by Venus. Follow me on Github: https://github.com/ilxqx! @ilxqx */export{VefPopover as default};

package/es/vef-radio/hooks/use-data-options.js

@@ -1,3 +1 @@
-/*! VefFramework version: 1.0.100, build time: 2025-03-07T13:52:52.580Z, made by Venus. */
-import{useComputedOptions as e}from"@vef-framework/hooks";import{isFunction as o,isNullish as a}from"@vef-framework/shared";import{useMemo as t,useLayoutEffect as r}from"react";function useDataOptions({value:i,onChange:n,...s}){const{normalizedOptions:p,defaultOption:u,isLoading:f}=e({...s,isGrouped:!1,filterable:!1,selectedOptionValues:i?[i]:[]}),l=t((()=>p.reduce(((e,o)=>(e.set(o.value,o),e)),new Map)),[p]);return r((()=>{u&&o(n)&&a(i)&&n(u.value,u)}),[u,n,i]),{optionsMap:l,normalizedOptions:p,isLoading:f}}export{useDataOptions};
-/*! VefFramework is a blazingly high-level, modern, flexible, easy-to-use UI framework made by Venus. Follow me on Github: https://github.com/ilxqx! @ilxqx */
+/*! VefFramework version: 1.0.102, build time: 2025-03-07T16:32:57.836Z, made by Venus. */import{useComputedOptions}from"@vef-framework/hooks";import{isFunction,isNullish}from"@vef-framework/shared";import{useMemo,useLayoutEffect}from"react";function useDataOptions({value,onChange,...rest}){const{normalizedOptions,defaultOption,isLoading}=useComputedOptions({...rest,isGrouped:!1,filterable:!1,selectedOptionValues:value?[value]:[]}),optionsMap=useMemo(()=>normalizedOptions.reduce((map,option)=>(map.set(option.value,option),map),new Map),[normalizedOptions]);return useLayoutEffect(()=>{defaultOption&&isFunction(onChange)&&isNullish(value)&&onChange(defaultOption.value,defaultOption)},[defaultOption,onChange,value]),{optionsMap,normalizedOptions,isLoading}}/*! VefFramework is a blazingly high-level, modern, flexible, easy-to-use UI framework made by Venus. Follow me on Github: https://github.com/ilxqx! @ilxqx */export{useDataOptions};

package/es/vef-radio/hooks/use-radio-instance.js

@@ -1,3 +1 @@
-/*! VefFramework version: 1.0.100, build time: 2025-03-07T13:52:52.580Z, made by Venus. */
-import{useRef as r,useImperativeHandle as t}from"react";function useRadioInstance(n,e){const o=r(null);return t(n,(()=>({blur:()=>{o.current?.blur()},focus:()=>{o.current?.focus({preventScroll:!0})},getDataOptions:()=>e}))),o}export{useRadioInstance};
-/*! VefFramework is a blazingly high-level, modern, flexible, easy-to-use UI framework made by Venus. Follow me on Github: https://github.com/ilxqx! @ilxqx */
+/*! VefFramework version: 1.0.102, build time: 2025-03-07T16:32:57.836Z, made by Venus. */import{useRef,useImperativeHandle}from"react";function useRadioInstance(ref,dataOptions){const radioRef=useRef(null);return useImperativeHandle(ref,()=>({blur:()=>{radioRef.current?.blur()},focus:()=>{radioRef.current?.focus({preventScroll:!0})},getDataOptions:()=>dataOptions})),radioRef}/*! VefFramework is a blazingly high-level, modern, flexible, easy-to-use UI framework made by Venus. Follow me on Github: https://github.com/ilxqx! @ilxqx */export{useRadioInstance};

package/es/vef-radio/index.js

@@ -1,5 +1,3 @@
-/*! VefFramework version: 1.0.100, build time: 2025-03-07T13:52:52.580Z, made by Venus. */
-import{jsx as e}from"@emotion/react/jsx-runtime";import{css as o}from"@emotion/react";import{themeVariables as t,isFunction as i}from"@vef-framework/shared";import{Radio as r}from"antd";import{useMemo as n,memo as a,forwardRef as l}from"react";import"../internal/index.js";import d from"../vef-loading-placeholder/index.js";import s from"../vef-tooltip/index.js";import{useDataOptions as m}from"./hooks/use-data-options.js";import{useRadioInstance as u}from"./hooks/use-radio-instance.js";import{convertBasicSizeToUiSize as p}from"../internal/utils.js";const{Group:f}=r,c=e("div",{css:o`
-      height: ${t.controlHeight}
-    `,children:e(d,{})});const h=a(l((function VefRadioBase({defaultValue:o,value:t,disabled:a,block:l,variant:d,buttonVariant:h,buttonSize:v,onChange:b,...g},j){const{optionsMap:k,normalizedOptions:x,isLoading:V}=m({value:t,onChange:b,...g}),y=u(j,x),z=n((()=>{if(i(b))return({target:{value:e}})=>{b(e,k.get(e))}}),[b,k]);if(V)return c;const C=x.map((o=>{const{value:t,label:i,disabled:n,description:a}=o;return a?e(s,{content:a,children:e(r,{disabled:n,value:t,children:i})},t):e(r,{disabled:n,value:t,children:i},t)}));return e(f,{ref:y,block:l,buttonStyle:h,defaultValue:o,disabled:a,optionType:d,size:p(v),onChange:z,...void 0===t?{}:{value:t},children:C})})));h.displayName="VefRadio";export{h as default};
-/*! VefFramework is a blazingly high-level, modern, flexible, easy-to-use UI framework made by Venus. Follow me on Github: https://github.com/ilxqx! @ilxqx */
+/*! VefFramework version: 1.0.102, build time: 2025-03-07T16:32:57.836Z, made by Venus. */import{jsx}from"@emotion/react/jsx-runtime";import{css}from"@emotion/react";import{themeVariables,isFunction}from"@vef-framework/shared";import{Radio}from"antd";import{useMemo,memo,forwardRef}from"react";import"../internal/index.js";import VefLoadingPlaceholder from"../vef-loading-placeholder/index.js";import VefTooltip from"../vef-tooltip/index.js";import{useDataOptions}from"./hooks/use-data-options.js";import{useRadioInstance}from"./hooks/use-radio-instance.js";import{convertBasicSizeToUiSize}from"../internal/utils.js";const{Group}=Radio,loadingPlaceholder=jsx("div",{css:css`
+      height: ${themeVariables.controlHeight}
+    `,children:jsx(VefLoadingPlaceholder,{})});function VefRadioBase({defaultValue,value,disabled,block,variant,buttonVariant,buttonSize,onChange,...restProps},ref){const{optionsMap,normalizedOptions,isLoading}=useDataOptions({value,onChange,...restProps}),radioRef=useRadioInstance(ref,normalizedOptions),handleChange=useMemo(()=>{if(isFunction(onChange))return({target:{value:value2}})=>{onChange(value2,optionsMap.get(value2))}},[onChange,optionsMap]);if(isLoading)return loadingPlaceholder;const radios=normalizedOptions.map(option=>{const{value:value2,label,disabled:disabled2,description}=option;return description?jsx(VefTooltip,{content:description,children:jsx(Radio,{disabled:disabled2,value:value2,children:label})},value2):jsx(Radio,{disabled:disabled2,value:value2,children:label},value2)});return jsx(Group,{ref:radioRef,block,buttonStyle:buttonVariant,defaultValue,disabled,optionType:variant,size:convertBasicSizeToUiSize(buttonSize),onChange:handleChange,...value===void 0?{}:{value},children:radios})}const VefRadio=memo(forwardRef(VefRadioBase));VefRadio.displayName="VefRadio";/*! VefFramework is a blazingly high-level, modern, flexible, easy-to-use UI framework made by Venus. Follow me on Github: https://github.com/ilxqx! @ilxqx */export{VefRadio as default};

package/es/vef-rate/hooks/use-rate-instance.js

@@ -1,3 +1 @@
-/*! VefFramework version: 1.0.100, build time: 2025-03-07T13:52:52.580Z, made by Venus. */
-import{useRef as r,useImperativeHandle as t}from"react";function useRateInstance(e){const n=r(null);return t(e,(()=>({blur:()=>n.current?.blur(),focus:()=>n.current?.focus()}))),n}export{useRateInstance};
-/*! VefFramework is a blazingly high-level, modern, flexible, easy-to-use UI framework made by Venus. Follow me on Github: https://github.com/ilxqx! @ilxqx */
+/*! VefFramework version: 1.0.102, build time: 2025-03-07T16:32:57.836Z, made by Venus. */import{useRef,useImperativeHandle}from"react";function useRateInstance(ref){const rateRef=useRef(null);return useImperativeHandle(ref,()=>({blur:()=>rateRef.current?.blur(),focus:()=>rateRef.current?.focus()})),rateRef}/*! VefFramework is a blazingly high-level, modern, flexible, easy-to-use UI framework made by Venus. Follow me on Github: https://github.com/ilxqx! @ilxqx */export{useRateInstance};

package/es/vef-rate/index.js

@@ -1,3 +1 @@
-/*! VefFramework version: 1.0.100, build time: 2025-03-07T13:52:52.580Z, made by Venus. */
-import{jsx as r}from"@emotion/react/jsx-runtime";import{isFunction as e}from"@vef-framework/shared";import{Rate as t}from"antd";import{forwardRef as o,useMemo as a}from"react";import{useRateInstance as m}from"./hooks/use-rate-instance.js";const f=o((({character:o,...f},i)=>{const s=a((()=>e(o)?({index:r})=>o(r):o),[o]),c=m(i);return r(t,{ref:c,character:s,...f})}));f.displayName="VefRate";export{f as default};
-/*! VefFramework is a blazingly high-level, modern, flexible, easy-to-use UI framework made by Venus. Follow me on Github: https://github.com/ilxqx! @ilxqx */
+/*! VefFramework version: 1.0.102, build time: 2025-03-07T16:32:57.836Z, made by Venus. */import{jsx}from"@emotion/react/jsx-runtime";import{isFunction}from"@vef-framework/shared";import{Rate}from"antd";import{forwardRef,useMemo}from"react";import{useRateInstance}from"./hooks/use-rate-instance.js";const VefRate=forwardRef(({character,...restProps},ref)=>{const characterValue=useMemo(()=>isFunction(character)?({index})=>character(index):character,[character]),rateRef=useRateInstance(ref);return jsx(Rate,{ref:rateRef,character:characterValue,...restProps})});VefRate.displayName="VefRate";/*! VefFramework is a blazingly high-level, modern, flexible, easy-to-use UI framework made by Venus. Follow me on Github: https://github.com/ilxqx! @ilxqx */export{VefRate as default};

package/es/vef-responsive-container/index.js

@@ -1,7 +1,5 @@
-/*! VefFramework version: 1.0.100, build time: 2025-03-07T13:52:52.580Z, made by Venus. */
-import{jsx as e}from"@emotion/react/jsx-runtime";import{css as r}from"@emotion/react";import{useGapSizeNormalizer as o}from"@vef-framework/hooks";import{isArray as t}from"@vef-framework/shared";import{motion as n}from"motion/react";import{forwardRef as i,Children as a,isValidElement as s,useMemo as m,memo as p}from"react";import f from"../vef-responsive-item/index.js";const v=r`
+/*! VefFramework version: 1.0.102, build time: 2025-03-07T16:32:57.836Z, made by Venus. */import{jsx}from"@emotion/react/jsx-runtime";import{css}from"@emotion/react";import{useGapSizeNormalizer}from"@vef-framework/hooks";import{isArray}from"@vef-framework/shared";import{motion}from"motion/react";import{forwardRef,Children,isValidElement,useMemo,memo}from"react";import VefResponsiveItem from"../vef-responsive-item/index.js";const containerStyle=css`
   display: grid;
   grid-template-columns: repeat(var(--vef-responsive-container-auto-mode), minmax(var(--vef-responsive-container-base-width), 1fr));
   gap: var(--vef-responsive-container-gap);
-`,c=p(i((({style:r,baseItemWidth:i=320,autoExpand:p=!0,gap:c=0,children:d,...l},u)=>{if(i%2!=0)throw new Error("VefResponsiveContainer: baseItemWidth must be an even number.");a.forEach(d,(e=>{if(!s(e)||e.type!==f)throw new Error("VefResponsiveContainer: children must be a VefResponsiveItem element.")}));const h=o(),w=m((()=>t(c)?c.map((e=>h(e))).join(" "):h(c)),[c,h]),b=m((()=>{const e=p?"auto-fit":"auto-fill";return{...r,"--vef-responsive-container-auto-mode":e,"--vef-responsive-container-base-width":i/2+"px","--vef-responsive-container-gap":w}}),[p,i,w,r]);return e(n.div,{ref:u,css:v,style:b,...l,children:d})})));c.displayName="VefResponsiveContainer";export{c as default};
-/*! VefFramework is a blazingly high-level, modern, flexible, easy-to-use UI framework made by Venus. Follow me on Github: https://github.com/ilxqx! @ilxqx */
+`,VefResponsiveContainerBase=forwardRef(({style,baseItemWidth=320,autoExpand=!0,gap=0,children,...restProps},ref)=>{if(baseItemWidth%2!==0)throw new Error("VefResponsiveContainer: baseItemWidth must be an even number.");Children.forEach(children,child=>{if(!isValidElement(child)||child.type!==VefResponsiveItem)throw new Error("VefResponsiveContainer: children must be a VefResponsiveItem element.")});const normalizeGapSize=useGapSizeNormalizer(),normalizedGap=useMemo(()=>isArray(gap)?gap.map(it=>normalizeGapSize(it)).join(" "):normalizeGapSize(gap),[gap,normalizeGapSize]),mergedStyle=useMemo(()=>({...style,"--vef-responsive-container-auto-mode":autoExpand?"auto-fit":"auto-fill","--vef-responsive-container-base-width":`${baseItemWidth/2}px`,"--vef-responsive-container-gap":normalizedGap}),[autoExpand,baseItemWidth,normalizedGap,style]);return jsx(motion.div,{ref,css:containerStyle,style:mergedStyle,...restProps,children})}),VefResponsiveContainer=memo(VefResponsiveContainerBase);VefResponsiveContainer.displayName="VefResponsiveContainer";/*! VefFramework is a blazingly high-level, modern, flexible, easy-to-use UI framework made by Venus. Follow me on Github: https://github.com/ilxqx! @ilxqx */export{VefResponsiveContainer as default};

package/es/vef-responsive-item/index.js

@@ -1,5 +1,3 @@
-/*! VefFramework version: 1.0.100, build time: 2025-03-07T13:52:52.580Z, made by Venus. */
-import{jsx as e}from"@emotion/react/jsx-runtime";import{css as r}from"@emotion/react";import{motion as t}from"motion/react";import{forwardRef as o,useMemo as s}from"react";const i=r`
+/*! VefFramework version: 1.0.102, build time: 2025-03-07T16:32:57.836Z, made by Venus. */import{jsx}from"@emotion/react/jsx-runtime";import{css}from"@emotion/react";import{motion}from"motion/react";import{forwardRef,useMemo}from"react";const itemStyle=css`
   grid-column: span var(--vef-responsive-item-span);
-`,m=o((({style:r,span:o=1,children:m,...n},a)=>{const p=s((()=>({...r,"--vef-responsive-item-span":2*o})),[o,r]);return e(t.div,{ref:a,css:i,style:p,...n,children:m})}));m.displayName="VefResponsiveItem";export{m as default};
-/*! VefFramework is a blazingly high-level, modern, flexible, easy-to-use UI framework made by Venus. Follow me on Github: https://github.com/ilxqx! @ilxqx */
+`,VefResponsiveItem=forwardRef(({style,span=1,children,...restProps},ref)=>{const mergedStyle=useMemo(()=>({...style,"--vef-responsive-item-span":span*2}),[span,style]);return jsx(motion.div,{ref,css:itemStyle,style:mergedStyle,...restProps,children})});VefResponsiveItem.displayName="VefResponsiveItem";/*! VefFramework is a blazingly high-level, modern, flexible, easy-to-use UI framework made by Venus. Follow me on Github: https://github.com/ilxqx! @ilxqx */export{VefResponsiveItem as default};

package/es/vef-ribbon/index.js

@@ -1,3 +1 @@
-/*! VefFramework version: 1.0.100, build time: 2025-03-07T13:52:52.580Z, made by Venus. */
-import{jsx as o}from"@emotion/react/jsx-runtime";import{useColorTokens as t}from"@vef-framework/hooks";import{Badge as r}from"antd";import{useMemo as e}from"react";const{Ribbon:n}=r;function VefRibbon({color:r,position:i="right",children:a}){const m=t(),f=e((()=>{if(!r)return{placement:"right"===i?"end":"start",text:a};if(m.has(r))return{color:r?m.get(r):void 0,placement:"right"===i?"end":"start",text:a};throw new Error(`Invalid color value "${r}" of VefRibbon component. Color must be a valid color token.`)}),[a,r,m,i]);return o(n,{...f})}export{VefRibbon as default};
-/*! VefFramework is a blazingly high-level, modern, flexible, easy-to-use UI framework made by Venus. Follow me on Github: https://github.com/ilxqx! @ilxqx */
+/*! VefFramework version: 1.0.102, build time: 2025-03-07T16:32:57.836Z, made by Venus. */import{jsx}from"@emotion/react/jsx-runtime";import{useColorTokens}from"@vef-framework/hooks";import{Badge}from"antd";import{useMemo}from"react";const{Ribbon}=Badge;function VefRibbon({color,position="right",children}){const colorTokens=useColorTokens(),ribbonProps=useMemo(()=>{if(!color)return{placement:position==="right"?"end":"start",text:children};if(colorTokens.has(color))return{color:color?colorTokens.get(color):void 0,placement:position==="right"?"end":"start",text:children};throw new Error(`Invalid color value "${color}" of VefRibbon component. Color must be a valid color token.`)},[children,color,colorTokens,position]);return jsx(Ribbon,{...ribbonProps})}/*! VefFramework is a blazingly high-level, modern, flexible, easy-to-use UI framework made by Venus. Follow me on Github: https://github.com/ilxqx! @ilxqx */export{VefRibbon as default};

package/es/vef-row/index.js

@@ -1,3 +1 @@
-/*! VefFramework version: 1.0.100, build time: 2025-03-07T13:52:52.580Z, made by Venus. */
-import{jsx as o}from"@emotion/react/jsx-runtime";import{Row as e}from"antd";function VefRow({...t}){return o(e,{...t})}VefRow.displayName="VefRow";export{VefRow as default};
-/*! VefFramework is a blazingly high-level, modern, flexible, easy-to-use UI framework made by Venus. Follow me on Github: https://github.com/ilxqx! @ilxqx */
+/*! VefFramework version: 1.0.102, build time: 2025-03-07T16:32:57.836Z, made by Venus. */import{jsx}from"@emotion/react/jsx-runtime";import{Row}from"antd";function VefRow({...props}){return jsx(Row,{...props})}VefRow.displayName="VefRow";/*! VefFramework is a blazingly high-level, modern, flexible, easy-to-use UI framework made by Venus. Follow me on Github: https://github.com/ilxqx! @ilxqx */export{VefRow as default};

package/es/vef-scroll-area/components/scrollbar.js

@@ -1,34 +1,32 @@
-/*! VefFramework version: 1.0.100, build time: 2025-03-07T13:52:52.580Z, made by Venus. */
-import{jsx as r}from"@emotion/react/jsx-runtime";import{css as o}from"@emotion/react";import{ScrollAreaScrollbar as a,ScrollAreaThumb as e}from"@radix-ui/react-scroll-area";import{themeVariables as i}from"@vef-framework/shared";import{forwardRef as l}from"react";const t=o`
+/*! VefFramework version: 1.0.102, build time: 2025-03-07T16:32:57.836Z, made by Venus. */import{jsx}from"@emotion/react/jsx-runtime";import{css}from"@emotion/react";import{ScrollAreaScrollbar,ScrollAreaThumb}from"@radix-ui/react-scroll-area";import{themeVariables}from"@vef-framework/shared";import{forwardRef}from"react";const scrollbarStyle=css`
   --vef-scroll-area-scrollbar-padding: 2px;
 
   display: flex;
   touch-action: none;
   user-select: none;
-`,n=o`
+`,verticalScrollbarStyle=css`
   height: 100%;
   width: var(--vef-scroll-area-scrollbar-size);
   border-left-width: 1px;
   border-left-color: transparent;
   padding: var(--vef-scroll-area-scrollbar-padding);
-`,c=o`
+`,horizontalScrollbarStyle=css`
   flex-direction: column;
   height: var(--vef-scroll-area-scrollbar-size);
   border-top-width: 1px;
   border-top-color: transparent;
   padding: var(--vef-scroll-area-scrollbar-padding);
-`,s=o`
+`,thumbStyle=css`
   position: relative;
   z-index: 2;
   flex: 1;
   border-radius: calc(var(--vef-scroll-area-scrollbar-size) - var(--vef-scroll-area-scrollbar-padding) * 2);
   background-color: hsl(240 5.9% 90%);
   transition-property: background-color;
-  transition-timing-function: ${i.motionEaseInOutCirc};
-  transition-duration: ${i.motionDurationMid};
+  transition-timing-function: ${themeVariables.motionEaseInOutCirc};
+  transition-duration: ${themeVariables.motionDurationMid};
 
   &:hover {
     background-color: hsl(240 5.9% 84%);
   }
-`,d=l((({orientation:o="vertical",...i},l)=>r(a,{ref:l,orientation:o,css:[t,"vertical"===o&&n,"horizontal"===o&&c],...i,children:r(e,{css:s})})));d.displayName="VefScrollbar";export{d as default};
-/*! VefFramework is a blazingly high-level, modern, flexible, easy-to-use UI framework made by Venus. Follow me on Github: https://github.com/ilxqx! @ilxqx */
+`,VefScrollbar=forwardRef(({orientation="vertical",...restProps},ref)=>jsx(ScrollAreaScrollbar,{ref,orientation,css:[scrollbarStyle,orientation==="vertical"&&verticalScrollbarStyle,orientation==="horizontal"&&horizontalScrollbarStyle],...restProps,children:jsx(ScrollAreaThumb,{css:thumbStyle})}));VefScrollbar.displayName="VefScrollbar";/*! VefFramework is a blazingly high-level, modern, flexible, easy-to-use UI framework made by Venus. Follow me on Github: https://github.com/ilxqx! @ilxqx */export{VefScrollbar as default};

package/es/vef-scroll-area/index.js

@@ -1,13 +1,11 @@
-/*! VefFramework version: 1.0.100, build time: 2025-03-07T13:52:52.580Z, made by Venus. */
-import{jsxs as r,jsx as e}from"@emotion/react/jsx-runtime";import{css as o}from"@emotion/react";import{Root as t,Viewport as l,Corner as i}from"@radix-ui/react-scroll-area";import{isNumber as a}from"@vef-framework/shared";import{forwardRef as s,useMemo as c}from"react";import h from"./components/scrollbar.js";const m=o`
+/*! VefFramework version: 1.0.102, build time: 2025-03-07T16:32:57.836Z, made by Venus. */import{jsxs,jsx}from"@emotion/react/jsx-runtime";import{css}from"@emotion/react";import{Root,Viewport,Corner}from"@radix-ui/react-scroll-area";import{isNumber}from"@vef-framework/shared";import{forwardRef,useMemo}from"react";import VefScrollbar from"./components/scrollbar.js";const scrollAreaStyle=css`
   position: relative;
   overflow: hidden;
   height: var(--vef-scroll-area-height, 100%);
   width: var(--vef-scroll-area-width, auto);
-`,n=o`
+`,viewportStyle=css`
   height: 100%;
   width: 100%;
   border-radius: inherit;
   -webkit-overflow-scrolling: touch;
-`,d=s((({style:o,height:s,width:d,scrollDirection:f="y",scrollbarSize:p="medium",autoHideScrollbar:v=!0,viewportClassName:w,viewportStyle:u,viewportRef:y,onScroll:b,children:x,...g},S)=>{const z=c((()=>({...o,"--vef-scroll-area-height":(a(s)?`${s}px`:s)??"100%","--vef-scroll-area-width":(a(d)?`${d}px`:d)??"auto"})),[s,o,d]),N=c((()=>({"--vef-scroll-area-scrollbar-size":"small"===p?"10px":"medium"===p?"12px":"14px"})),[p]),j=c((()=>({...u,overflowX:""+("x"===f||"both"===f?"scroll":"hidden"),overflowY:""+("y"===f||"both"===f?"scroll":"hidden")})),[f,u]);return r(t,{ref:S,css:m,style:z,type:v?"hover":"auto",...g,children:[e(l,{ref:y,className:w,css:n,style:j,onScroll:b,children:x}),("y"===f||"both"===f)&&e(h,{orientation:"vertical",style:N}),("x"===f||"both"===f)&&e(h,{orientation:"horizontal",style:N}),e(i,{})]})}));d.displayName="VefScrollArea";export{d as default};
-/*! VefFramework is a blazingly high-level, modern, flexible, easy-to-use UI framework made by Venus. Follow me on Github: https://github.com/ilxqx! @ilxqx */
+`,VefScrollArea=forwardRef(({style,height,width,scrollDirection="y",scrollbarSize="medium",autoHideScrollbar=!0,viewportClassName,viewportStyle:externalViewportStyle,viewportRef,onScroll,children,...restProps},ref)=>{const scrollAreaDynamicStyle=useMemo(()=>({...style,"--vef-scroll-area-height":(isNumber(height)?`${height}px`:height)??"100%","--vef-scroll-area-width":(isNumber(width)?`${width}px`:width)??"auto"}),[height,style,width]),scrollbarSizeStyle=useMemo(()=>({"--vef-scroll-area-scrollbar-size":scrollbarSize==="small"?"10px":scrollbarSize==="medium"?"12px":"14px"}),[scrollbarSize]),viewportInlineStyle=useMemo(()=>({...externalViewportStyle,overflowX:`${scrollDirection==="x"||scrollDirection==="both"?"scroll":"hidden"}`,overflowY:`${scrollDirection==="y"||scrollDirection==="both"?"scroll":"hidden"}`}),[scrollDirection,externalViewportStyle]);return jsxs(Root,{ref,css:scrollAreaStyle,style:scrollAreaDynamicStyle,type:autoHideScrollbar?"hover":"auto",...restProps,children:[jsx(Viewport,{ref:viewportRef,className:viewportClassName,css:viewportStyle,style:viewportInlineStyle,onScroll,children}),(scrollDirection==="y"||scrollDirection==="both")&&jsx(VefScrollbar,{orientation:"vertical",style:scrollbarSizeStyle}),(scrollDirection==="x"||scrollDirection==="both")&&jsx(VefScrollbar,{orientation:"horizontal",style:scrollbarSizeStyle}),jsx(Corner,{})]})});VefScrollArea.displayName="VefScrollArea";/*! VefFramework is a blazingly high-level, modern, flexible, easy-to-use UI framework made by Venus. Follow me on Github: https://github.com/ilxqx! @ilxqx */export{VefScrollArea as default};

package/es/vef-select/components/option.js

@@ -1,11 +1,9 @@
-/*! VefFramework version: 1.0.100, build time: 2025-03-07T13:52:52.580Z, made by Venus. */
-import{jsxs as e,jsx as i}from"@emotion/react/jsx-runtime";import{css as r}from"@emotion/react";import{themeVariables as o}from"@vef-framework/shared";import{memo as t}from"react";import l from"../../vef-text/index.js";const s=r`
+/*! VefFramework version: 1.0.102, build time: 2025-03-07T16:32:57.836Z, made by Venus. */import{jsxs,jsx}from"@emotion/react/jsx-runtime";import{css}from"@emotion/react";import{themeVariables}from"@vef-framework/shared";import{memo}from"react";import VefText from"../../vef-text/index.js";const optionWithDescriptionStyle=css`
   display: flex;
   flex-direction: column;
   row-gap: 4px;
 
   > .vef-typography-secondary {
-    font-size: ${o.fontSizeSm};
+    font-size: ${themeVariables.fontSizeSm};
   }
-`;const n=t((function VefOption({label:r,description:o}){return o?e("div",{css:s,children:[i(l,{ellipsis:!0,ellipsisTipPlacement:"right",children:r}),i(l,{ellipsis:!0,color:"secondary",ellipsisTipPlacement:"right",children:o})]}):i(l,{ellipsis:!0,ellipsisTipPlacement:"right",children:r})}));n.displayName="VefOption";export{n as default};
-/*! VefFramework is a blazingly high-level, modern, flexible, easy-to-use UI framework made by Venus. Follow me on Github: https://github.com/ilxqx! @ilxqx */
+`;function VefOption({label,description}){return description?jsxs("div",{css:optionWithDescriptionStyle,children:[jsx(VefText,{ellipsis:!0,ellipsisTipPlacement:"right",children:label}),jsx(VefText,{ellipsis:!0,color:"secondary",ellipsisTipPlacement:"right",children:description})]}):jsx(VefText,{ellipsis:!0,ellipsisTipPlacement:"right",children:label})}const VefOptionMemo=memo(VefOption);VefOptionMemo.displayName="VefOption";/*! VefFramework is a blazingly high-level, modern, flexible, easy-to-use UI framework made by Venus. Follow me on Github: https://github.com/ilxqx! @ilxqx */export{VefOptionMemo as default};

package/es/vef-select/hooks/use-data-options.js

@@ -1,3 +1 @@
-/*! VefFramework version: 1.0.100, build time: 2025-03-07T13:52:52.580Z, made by Venus. */
-import{useComputedOptions as o}from"@vef-framework/hooks";import{isArray as a,isFunction as e,isNullish as i}from"@vef-framework/shared";import{useLayoutEffect as n}from"react";function useDataOptions({value:t,grouped:r=!1,multiple:l=!1,onChange:s,...p}){const{onFilterKeywordChange:d,normalizedOptions:u,defaultOption:f,isLoading:m,fallbackOptions:O,isFallbackOptionsLoading:c}=o({...p,isGrouped:r,selectedOptionValues:a(t)?t:t?[t]:[]});return n((()=>{f&&e(s)&&i(t)&&s(l?[f.value]:f.value,l?[f]:f)}),[f,l,s,t]),{onFilterKeywordChange:d,normalizedOptions:u,isLoading:m,fallbackOptions:O,isFallbackOptionsLoading:c}}export{useDataOptions};
-/*! VefFramework is a blazingly high-level, modern, flexible, easy-to-use UI framework made by Venus. Follow me on Github: https://github.com/ilxqx! @ilxqx */
+/*! VefFramework version: 1.0.102, build time: 2025-03-07T16:32:57.836Z, made by Venus. */import{useComputedOptions}from"@vef-framework/hooks";import{isArray,isFunction,isNullish}from"@vef-framework/shared";import{useLayoutEffect}from"react";function useDataOptions({value,grouped=!1,multiple=!1,onChange,...rest}){const{onFilterKeywordChange,normalizedOptions,defaultOption,isLoading,fallbackOptions,isFallbackOptionsLoading}=useComputedOptions({...rest,isGrouped:grouped,selectedOptionValues:isArray(value)?value:value?[value]:[]});return useLayoutEffect(()=>{defaultOption&&isFunction(onChange)&&isNullish(value)&&onChange(multiple?[defaultOption.value]:defaultOption.value,multiple?[defaultOption]:defaultOption)},[defaultOption,multiple,onChange,value]),{onFilterKeywordChange,normalizedOptions,isLoading,fallbackOptions,isFallbackOptionsLoading}}/*! VefFramework is a blazingly high-level, modern, flexible, easy-to-use UI framework made by Venus. Follow me on Github: https://github.com/ilxqx! @ilxqx */export{useDataOptions};

package/es/vef-select/hooks/use-field-names.js

@@ -1,3 +1 @@
-/*! VefFramework version: 1.0.100, build time: 2025-03-07T13:52:52.580Z, made by Venus. */
-import{useMemo as e}from"react";function useFieldNames(l){return e((()=>l?{label:"label",value:"value",options:"children",groupLabel:"label"}:{label:"label",value:"value"}),[l])}export{useFieldNames};
-/*! VefFramework is a blazingly high-level, modern, flexible, easy-to-use UI framework made by Venus. Follow me on Github: https://github.com/ilxqx! @ilxqx */
+/*! VefFramework version: 1.0.102, build time: 2025-03-07T16:32:57.836Z, made by Venus. */import{useMemo}from"react";function useFieldNames(grouped){return useMemo(()=>grouped?{label:"label",value:"value",options:"children",groupLabel:"label"}:{label:"label",value:"value"},[grouped])}/*! VefFramework is a blazingly high-level, modern, flexible, easy-to-use UI framework made by Venus. Follow me on Github: https://github.com/ilxqx! @ilxqx */export{useFieldNames};

package/es/vef-select/hooks/use-render-label.js

@@ -1,10 +1,8 @@
-/*! VefFramework version: 1.0.100, build time: 2025-03-07T13:52:52.580Z, made by Venus. */
-import{jsx as e}from"@emotion/react/jsx-runtime";import{LoadingOutlined as r}from"@ant-design/icons";import{css as i}from"@emotion/react";import{useCallback as n}from"react";import t from"../../vef-spin/index.js";const o=i`
+/*! VefFramework version: 1.0.102, build time: 2025-03-07T16:32:57.836Z, made by Venus. */import{jsx}from"@emotion/react/jsx-runtime";import{LoadingOutlined}from"@ant-design/icons";import{css}from"@emotion/react";import{useCallback}from"react";import VefSpin from"../../vef-spin/index.js";const loadingPlaceholderStyle=css`
   display: inline-flex;
   align-items: center;
 
   .vef-spin {
     color: inherit;
   }
-`;function useRenderLabel(i,s){return n((({label:n,value:l})=>{if(n)return n;if(i)return e("span",{css:o,children:e(t,{indicator:e(r,{}),size:"small"})});const a=s?.find((e=>e.value===l));return a?.label??l}),[i,s])}export{useRenderLabel};
-/*! VefFramework is a blazingly high-level, modern, flexible, easy-to-use UI framework made by Venus. Follow me on Github: https://github.com/ilxqx! @ilxqx */
+`;function useRenderLabel(isFallbackOptionsLoading,fallbackOptions){return useCallback(({label,value})=>label||(isFallbackOptionsLoading?jsx("span",{css:loadingPlaceholderStyle,children:jsx(VefSpin,{indicator:jsx(LoadingOutlined,{}),size:"small"})}):fallbackOptions?.find(option=>option.value===value)?.label??value),[isFallbackOptionsLoading,fallbackOptions])}/*! VefFramework is a blazingly high-level, modern, flexible, easy-to-use UI framework made by Venus. Follow me on Github: https://github.com/ilxqx! @ilxqx */export{useRenderLabel};

package/es/vef-select/hooks/use-render-option.js

@@ -1,3 +1 @@
-/*! VefFramework version: 1.0.100, build time: 2025-03-07T13:52:52.580Z, made by Venus. */
-import{jsx as e}from"@emotion/react/jsx-runtime";import{isFunction as o}from"@vef-framework/shared";import{useMemo as r}from"react";import t from"../components/option.js";function useRenderOption(i){return r((()=>o(i)?({data:e},{index:o})=>i({...e,index:o}):({data:{label:o,description:r}})=>e(t,{description:r,label:o??"Missing Label"})),[i])}export{useRenderOption};
-/*! VefFramework is a blazingly high-level, modern, flexible, easy-to-use UI framework made by Venus. Follow me on Github: https://github.com/ilxqx! @ilxqx */
+/*! VefFramework version: 1.0.102, build time: 2025-03-07T16:32:57.836Z, made by Venus. */import{jsx}from"@emotion/react/jsx-runtime";import{isFunction}from"@vef-framework/shared";import{useMemo}from"react";import VefOptionMemo from"../components/option.js";function useRenderOption(renderOption){return useMemo(()=>isFunction(renderOption)?({data},{index})=>renderOption({...data,index}):({data:{label,description}})=>jsx(VefOptionMemo,{description,label:label??"Missing Label"}),[renderOption])}/*! VefFramework is a blazingly high-level, modern, flexible, easy-to-use UI framework made by Venus. Follow me on Github: https://github.com/ilxqx! @ilxqx */export{useRenderOption};

package/es/vef-select/hooks/use-select-instance.js

@@ -1,3 +1 @@
-/*! VefFramework version: 1.0.100, build time: 2025-03-07T13:52:52.580Z, made by Venus. */
-import{useRef as e,useImperativeHandle as t}from"react";function useSelectInstance(r,n){const c=e(null);return t(r,(()=>({blur:()=>{c.current?.blur()},focus:()=>{c.current?.focus({preventScroll:!0})},getDataOptions:()=>n}))),c}export{useSelectInstance};
-/*! VefFramework is a blazingly high-level, modern, flexible, easy-to-use UI framework made by Venus. Follow me on Github: https://github.com/ilxqx! @ilxqx */
+/*! VefFramework version: 1.0.102, build time: 2025-03-07T16:32:57.836Z, made by Venus. */import{useRef,useImperativeHandle}from"react";function useSelectInstance(ref,dataOptions){const selectRef=useRef(null);return useImperativeHandle(ref,()=>({blur:()=>{selectRef.current?.blur()},focus:()=>{selectRef.current?.focus({preventScroll:!0})},getDataOptions:()=>dataOptions})),selectRef}/*! VefFramework is a blazingly high-level, modern, flexible, easy-to-use UI framework made by Venus. Follow me on Github: https://github.com/ilxqx! @ilxqx */export{useSelectInstance};

package/es/vef-select/index.js

@@ -1,3 +1 @@
-/*! VefFramework version: 1.0.100, build time: 2025-03-07T13:52:52.580Z, made by Venus. */
-import{jsx as e}from"@emotion/react/jsx-runtime";import{useOptionFilter as o}from"@vef-framework/hooks";import{styles as r}from"@vef-framework/shared";import{Select as t}from"antd";import{memo as i,forwardRef as l}from"react";import"../internal/index.js";import n from"../vef-loading-placeholder/index.js";import{useDataOptions as a}from"./hooks/use-data-options.js";import{useFieldNames as s}from"./hooks/use-field-names.js";import{useRenderLabel as m}from"./hooks/use-render-label.js";import{useRenderOption as d}from"./hooks/use-render-option.js";import{useSelectInstance as f}from"./hooks/use-select-instance.js";import{convertBasicSizeToUiSize as p}from"../internal/utils.js";const u=e("div",{css:{height:140},children:e(n,{})});const c=i(l((function VefSelectBase({defaultValue:i,value:l,size:n,clearable:c,disabled:h,placeholder:v,variant:g,onClear:C,onBlur:k,onFocus:b,onChange:j,onSelect:F,onDeselect:x,multiple:O=!1,grouped:S=!1,maxCount:w,renderOption:R,filterable:V=!1,filterFromRemote:z=!1,...B},y){const{onFilterKeywordChange:D,normalizedOptions:L,isLoading:N,fallbackOptions:A,isFallbackOptionsLoading:H}=a({value:l,grouped:S,multiple:O,onChange:j,filterable:V,filterFromRemote:z,...B}),K=d(R),T=o(V,z),W=s(S),q=m(H,A),E=f(y,L);return e(t,{ref:E,defaultActiveFirstOption:!0,allowClear:c,css:r.fullWidth,defaultValue:i,disabled:h,fieldNames:W,filterOption:T,labelRender:q,listHeight:280,loading:N,maxCount:O?w:void 0,maxTagCount:O?"responsive":void 0,mode:O?"multiple":void 0,notFoundContent:N?u:void 0,optionRender:K,options:L,placeholder:v,showSearch:V,size:p(n),value:l,variant:g,onBlur:k,onChange:j,onClear:C,onDeselect:x,onFocus:b,onSearch:D,onSelect:F})})));c.displayName="VefSelect";export{c as default};
-/*! VefFramework is a blazingly high-level, modern, flexible, easy-to-use UI framework made by Venus. Follow me on Github: https://github.com/ilxqx! @ilxqx */
+/*! VefFramework version: 1.0.102, build time: 2025-03-07T16:32:57.836Z, made by Venus. */import{jsx}from"@emotion/react/jsx-runtime";import{useOptionFilter}from"@vef-framework/hooks";import{styles}from"@vef-framework/shared";import{Select}from"antd";import{memo,forwardRef}from"react";import"../internal/index.js";import VefLoadingPlaceholder from"../vef-loading-placeholder/index.js";import{useDataOptions}from"./hooks/use-data-options.js";import{useFieldNames}from"./hooks/use-field-names.js";import{useRenderLabel}from"./hooks/use-render-label.js";import{useRenderOption}from"./hooks/use-render-option.js";import{useSelectInstance}from"./hooks/use-select-instance.js";import{convertBasicSizeToUiSize}from"../internal/utils.js";const listHeight=280,loadingPlaceholder=jsx("div",{css:{height:listHeight/2},children:jsx(VefLoadingPlaceholder,{})});function VefSelectBase({defaultValue,value,size,clearable,disabled,placeholder,variant,onClear,onBlur,onFocus,onChange,onSelect,onDeselect,multiple=!1,grouped=!1,maxCount,renderOption,filterable=!1,filterFromRemote=!1,...restProps},ref){const{onFilterKeywordChange,normalizedOptions,isLoading,fallbackOptions,isFallbackOptionsLoading}=useDataOptions({value,grouped,multiple,onChange,filterable,filterFromRemote,...restProps}),renderOptionToUse=useRenderOption(renderOption),filterOption=useOptionFilter(filterable,filterFromRemote),fieldNames=useFieldNames(grouped),renderLabel=useRenderLabel(isFallbackOptionsLoading,fallbackOptions),selectRef=useSelectInstance(ref,normalizedOptions);return jsx(Select,{ref:selectRef,defaultActiveFirstOption:!0,allowClear:clearable,css:styles.fullWidth,defaultValue,disabled,fieldNames,filterOption,labelRender:renderLabel,listHeight,loading:isLoading,maxCount:multiple?maxCount:void 0,maxTagCount:multiple?"responsive":void 0,mode:multiple?"multiple":void 0,notFoundContent:isLoading?loadingPlaceholder:void 0,optionRender:renderOptionToUse,options:normalizedOptions,placeholder,showSearch:filterable,size:convertBasicSizeToUiSize(size),value,variant,onBlur,onChange,onClear,onDeselect,onFocus,onSearch:onFilterKeywordChange,onSelect})}const VefSelect=memo(forwardRef(VefSelectBase));VefSelect.displayName="VefSelect";/*! VefFramework is a blazingly high-level, modern, flexible, easy-to-use UI framework made by Venus. Follow me on Github: https://github.com/ilxqx! @ilxqx */export{VefSelect as default};

package/es/vef-slider/hooks/use-slider-instance.js

@@ -1,3 +1 @@
-/*! VefFramework version: 1.0.100, build time: 2025-03-07T13:52:52.580Z, made by Venus. */
-import{useRef as r,useImperativeHandle as e}from"react";function useSliderInstance(n){const u=r(null);return e(n,(()=>({blur:()=>u.current?.blur(),focus:()=>u.current?.focus()}))),u}export{useSliderInstance};
-/*! VefFramework is a blazingly high-level, modern, flexible, easy-to-use UI framework made by Venus. Follow me on Github: https://github.com/ilxqx! @ilxqx */
+/*! VefFramework version: 1.0.102, build time: 2025-03-07T16:32:57.836Z, made by Venus. */import{useRef,useImperativeHandle}from"react";function useSliderInstance(ref){const sliderRef=useRef(null);return useImperativeHandle(ref,()=>({blur:()=>sliderRef.current?.blur(),focus:()=>sliderRef.current?.focus()})),sliderRef}/*! VefFramework is a blazingly high-level, modern, flexible, easy-to-use UI framework made by Venus. Follow me on Github: https://github.com/ilxqx! @ilxqx */export{useSliderInstance};

package/es/vef-slider/index.js

@@ -1,3 +1 @@
-/*! VefFramework version: 1.0.100, build time: 2025-03-07T13:52:52.580Z, made by Venus. */
-import{jsx as t}from"@emotion/react/jsx-runtime";import{Slider as r}from"antd";import{forwardRef as e,useMemo as o}from"react";import{useSliderInstance as m}from"./hooks/use-slider-instance.js";const n=e((({step:e,tipFormatter:n,onChange:a,...i},s)=>{const p=o((()=>{if(n)return{formatter:t=>n(t)}}),[n]),f=m(s);return t(r,{ref:f,step:"mark"===e?null:e,tooltip:p,onChange:a,...i})}));n.displayName="VefSlider";export{n as default};
-/*! VefFramework is a blazingly high-level, modern, flexible, easy-to-use UI framework made by Venus. Follow me on Github: https://github.com/ilxqx! @ilxqx */
+/*! VefFramework version: 1.0.102, build time: 2025-03-07T16:32:57.836Z, made by Venus. */import{jsx}from"@emotion/react/jsx-runtime";import{Slider}from"antd";import{forwardRef,useMemo}from"react";import{useSliderInstance}from"./hooks/use-slider-instance.js";const VefSlider=forwardRef(({step,tipFormatter,onChange,...restProps},ref)=>{const tooltipProps=useMemo(()=>{if(tipFormatter)return{formatter:value=>tipFormatter(value)}},[tipFormatter]),sliderRef=useSliderInstance(ref);return jsx(Slider,{ref:sliderRef,step:step==="mark"?null:step,tooltip:tooltipProps,onChange,...restProps})});VefSlider.displayName="VefSlider";/*! VefFramework is a blazingly high-level, modern, flexible, easy-to-use UI framework made by Venus. Follow me on Github: https://github.com/ilxqx! @ilxqx */export{VefSlider as default};

package/es/vef-sortable-list/components/overlay-item.js

@@ -1,7 +1,5 @@
-/*! VefFramework version: 1.0.100, build time: 2025-03-07T13:52:52.580Z, made by Venus. */
-import{jsx as e,jsxs as n,Fragment as t}from"@emotion/react/jsx-runtime";import{HolderOutlined as o}from"@ant-design/icons";import{css as r}from"@emotion/react";const a=e(o,{}),m=r`
+/*! VefFramework version: 1.0.102, build time: 2025-03-07T16:32:57.836Z, made by Venus. */import{jsx,jsxs,Fragment}from"@emotion/react/jsx-runtime";import{HolderOutlined}from"@ant-design/icons";import{css}from"@emotion/react";const defaultHandleIcon=jsx(HolderOutlined,{}),handlePresetStyle=css`
   cursor: move;
   user-select: none;
   touch-action: none;
-`;function VefOverlayItem({item:o,renderItem:r,useHandle:s,handleClassName:c,handleStyle:i,handleIcon:l}){return n(t,{children:[s&&e("div",{className:c,css:m,style:i,children:l??a}),r(o,!0)]})}export{VefOverlayItem as default};
-/*! VefFramework is a blazingly high-level, modern, flexible, easy-to-use UI framework made by Venus. Follow me on Github: https://github.com/ilxqx! @ilxqx */
+`;function VefOverlayItem({item,renderItem,useHandle,handleClassName,handleStyle,handleIcon}){return jsxs(Fragment,{children:[useHandle&&jsx("div",{className:handleClassName,css:handlePresetStyle,style:handleStyle,children:handleIcon??defaultHandleIcon}),renderItem(item,!0)]})}/*! VefFramework is a blazingly high-level, modern, flexible, easy-to-use UI framework made by Venus. Follow me on Github: https://github.com/ilxqx! @ilxqx */export{VefOverlayItem as default};

package/es/vef-sortable-list/components/sortable-item.js

@@ -1,7 +1,5 @@
-/*! VefFramework version: 1.0.100, build time: 2025-03-07T13:52:52.580Z, made by Venus. */
-import{jsx as e,jsxs as t}from"@emotion/react/jsx-runtime";import{HolderOutlined as i}from"@ant-design/icons";import{useSortable as r}from"@dnd-kit/sortable";import{CSS as n}from"@dnd-kit/utilities";import{css as o}from"@emotion/react";const s=e(i,{}),a=o`
+/*! VefFramework version: 1.0.102, build time: 2025-03-07T16:32:57.836Z, made by Venus. */import{jsx,jsxs}from"@emotion/react/jsx-runtime";import{HolderOutlined}from"@ant-design/icons";import{useSortable}from"@dnd-kit/sortable";import{CSS}from"@dnd-kit/utilities";import{css}from"@emotion/react";const defaultHandleIcon=jsx(HolderOutlined,{}),handlePresetStyle=css`
   cursor: move;
   user-select: none;
   touch-action: none;
-`;function VefSortableItem({item:i,itemKey:o,itemIndex:m,itemClassName:d,itemStyle:l,renderItem:c,useHandle:f,useOverlay:u,handleClassName:p,handleStyle:b,handleIcon:h,disabled:v}){const{isDragging:y,attributes:I,listeners:N,setNodeRef:g,setActivatorNodeRef:x,transition:S,transform:k}=r({id:o,disabled:v,data:{index:m}}),C={...l,transition:S,transform:n.Transform.toString(k),...!u&&y?{position:"relative",zIndex:999}:{}};return t("div",{ref:g,className:d,style:C,...I,...f?{}:N,children:[f&&e("div",{ref:x,className:p,css:a,style:b,...N,children:h??s}),c(i,!1)]})}export{VefSortableItem as default};
-/*! VefFramework is a blazingly high-level, modern, flexible, easy-to-use UI framework made by Venus. Follow me on Github: https://github.com/ilxqx! @ilxqx */
+`;function VefSortableItem({item,itemKey,itemIndex,itemClassName,itemStyle,renderItem,useHandle,useOverlay,handleClassName,handleStyle,handleIcon,disabled}){const{isDragging,attributes,listeners,setNodeRef,setActivatorNodeRef,transition,transform}=useSortable({id:itemKey,disabled,data:{index:itemIndex}}),style={...itemStyle,transition,transform:CSS.Transform.toString(transform),...!useOverlay&&isDragging?{position:"relative",zIndex:999}:{}};return jsxs("div",{ref:setNodeRef,className:itemClassName,style,...attributes,...useHandle?{}:listeners,children:[useHandle&&jsx("div",{ref:setActivatorNodeRef,className:handleClassName,css:handlePresetStyle,style:handleStyle,...listeners,children:handleIcon??defaultHandleIcon}),renderItem(item,!1)]})}/*! VefFramework is a blazingly high-level, modern, flexible, easy-to-use UI framework made by Venus. Follow me on Github: https://github.com/ilxqx! @ilxqx */export{VefSortableItem as default};

package/es/vef-sortable-list/hooks/use-merged-items.js

@@ -1,3 +1 @@
-/*! VefFramework version: 1.0.100, build time: 2025-03-07T13:52:52.580Z, made by Venus. */
-import{isNullish as e}from"@vef-framework/shared";import{useState as r,useCallback as t}from"react";function useMergedItems(o,m,s){if(e(o)&&e(m))throw new Error("At least one of `defaultItems` and `items` must be provided for VefSortableList component.");const[f,n]=r(o??[]);return[m??f,t((e=>{m?s?.(e(m)):n(e)}),[m,s])]}export{useMergedItems};
-/*! VefFramework is a blazingly high-level, modern, flexible, easy-to-use UI framework made by Venus. Follow me on Github: https://github.com/ilxqx! @ilxqx */
+/*! VefFramework version: 1.0.102, build time: 2025-03-07T16:32:57.836Z, made by Venus. */import{isNullish}from"@vef-framework/shared";import{useState,useCallback}from"react";function useMergedItems(defaultItems,items,onChange){if(isNullish(defaultItems)&&isNullish(items))throw new Error("At least one of `defaultItems` and `items` must be provided for VefSortableList component.");const[internalItems,setInternalItems]=useState(defaultItems??[]),mergedItems=items??internalItems,mergedOnChange=useCallback(moveItems=>{items?onChange?.(moveItems(items)):setInternalItems(moveItems)},[items,onChange]);return[mergedItems,mergedOnChange]}/*! VefFramework is a blazingly high-level, modern, flexible, easy-to-use UI framework made by Venus. Follow me on Github: https://github.com/ilxqx! @ilxqx */export{useMergedItems};

package/es/vef-sortable-list/index.js

@@ -1,3 +1 @@
-/*! VefFramework version: 1.0.100, build time: 2025-03-07T13:52:52.580Z, made by Venus. */
-import{jsx as e,jsxs as t}from"@emotion/react/jsx-runtime";import{useSensors as r,useSensor as i,PointerSensor as o,DndContext as a,DragOverlay as m,closestCenter as s}from"@dnd-kit/core";import{restrictToParentElement as n,restrictToWindowEdges as d}from"@dnd-kit/modifiers";import{arrayMove as l,SortableContext as c,verticalListSortingStrategy as p,horizontalListSortingStrategy as f}from"@dnd-kit/sortable";import{isFunction as u}from"@vef-framework/shared";import{useMemo as y,useState as v,useCallback as h,memo as g}from"react";import x from"./components/overlay-item.js";import b from"./components/sortable-item.js";import{useMergedItems as k}from"./hooks/use-merged-items.js";const N=g((function VefSortableListBase({defaultItems:g,items:N,itemKey:S="id",className:j,style:D,orientation:w="vertical",useOverlay:C=!0,restrictStrategy:E="parent",onChange:I,...K}){const[L,V]=k(g,N,I),B=r(i(o)),O=y((()=>u(S)?S:e=>e[S]),[S]),[q,z]=v(),A=h((({active:e})=>{z(L[e.data.current.index])}),[L]),F=h((({active:e,over:t})=>{t&&e.id!==t.id&&V((r=>l(r,e.data.current.index,t.data.current.index)))}),[V]),G=L.map((e=>O(e))),{itemClassName:H,itemStyle:J,disabled:M,...P}=K;return e(a,{collisionDetection:s,sensors:B,modifiers:["parent"===E?n:d],onDragEnd:F,onDragStart:A,children:e(c,{items:G,strategy:"vertical"===w?p:f,children:t("div",{className:j,style:D,children:[L.map(((t,r)=>{const i=O(t);return e(b,{item:t,itemIndex:r,itemKey:i,...K},i)})),C&&e(m,{className:H,style:J,wrapperElement:"div",modifiers:["parent"===E?n:d],children:q&&e(x,{item:q,...P})})]})})})}));N.displayName="VefSortableList";export{N as default};
-/*! VefFramework is a blazingly high-level, modern, flexible, easy-to-use UI framework made by Venus. Follow me on Github: https://github.com/ilxqx! @ilxqx */
+/*! VefFramework version: 1.0.102, build time: 2025-03-07T16:32:57.836Z, made by Venus. */import{jsx,jsxs}from"@emotion/react/jsx-runtime";import{useSensors,useSensor,PointerSensor,DndContext,DragOverlay,closestCenter}from"@dnd-kit/core";import{restrictToParentElement,restrictToWindowEdges}from"@dnd-kit/modifiers";import{arrayMove,SortableContext,verticalListSortingStrategy,horizontalListSortingStrategy}from"@dnd-kit/sortable";import{isFunction}from"@vef-framework/shared";import{useMemo,useState,useCallback,memo}from"react";import VefOverlayItem from"./components/overlay-item.js";import VefSortableItem from"./components/sortable-item.js";import{useMergedItems}from"./hooks/use-merged-items.js";const defaultItemKey="id";function VefSortableListBase({defaultItems,items,itemKey=defaultItemKey,className,style,orientation="vertical",useOverlay=!0,restrictStrategy="parent",onChange,...restProps}){const[mergedItems,mergedOnChange]=useMergedItems(defaultItems,items,onChange),sensors=useSensors(useSensor(PointerSensor)),itemKeyFn=useMemo(()=>isFunction(itemKey)?itemKey:item=>item[itemKey],[itemKey]),[activeItem,setActiveItem]=useState(),handleDragStart=useCallback(({active})=>{setActiveItem(mergedItems[active.data.current.index])},[mergedItems]),handleDragEnd=useCallback(({active,over})=>{over&&active.id!==over.id&&mergedOnChange(items2=>arrayMove(items2,active.data.current.index,over.data.current.index))},[mergedOnChange]),itemKeys=mergedItems.map(item=>itemKeyFn(item)),{itemClassName,itemStyle,disabled,...overlayItemProps}=restProps;return jsx(DndContext,{collisionDetection:closestCenter,sensors,modifiers:[restrictStrategy==="parent"?restrictToParentElement:restrictToWindowEdges],onDragEnd:handleDragEnd,onDragStart:handleDragStart,children:jsx(SortableContext,{items:itemKeys,strategy:orientation==="vertical"?verticalListSortingStrategy:horizontalListSortingStrategy,children:jsxs("div",{className,style,children:[mergedItems.map((item,index)=>{const key=itemKeyFn(item);return jsx(VefSortableItem,{item,itemIndex:index,itemKey:key,...restProps},key)}),useOverlay&&jsx(DragOverlay,{className:itemClassName,style:itemStyle,wrapperElement:"div",modifiers:[restrictStrategy==="parent"?restrictToParentElement:restrictToWindowEdges],children:activeItem&&jsx(VefOverlayItem,{item:activeItem,...overlayItemProps})})]})})})}const VefSortableList=memo(VefSortableListBase);VefSortableList.displayName="VefSortableList";/*! VefFramework is a blazingly high-level, modern, flexible, easy-to-use UI framework made by Venus. Follow me on Github: https://github.com/ilxqx! @ilxqx */export{VefSortableList as default};

package/es/vef-space/index.js

@@ -1,3 +1 @@
-/*! VefFramework version: 1.0.100, build time: 2025-03-07T13:52:52.580Z, made by Venus. */
-import{jsx as r}from"@emotion/react/jsx-runtime";import{useGapSizeNormalizer as o}from"@vef-framework/hooks";import{isArray as e}from"@vef-framework/shared";import{Space as m}from"antd";import{useMemo as t}from"react";function VefSpace({gap:f,...a}){const p=o(),i=t((()=>e(f)?f.map((r=>p(r))):f?p(f):f),[f,p]);return r(m,{size:i,...a})}export{VefSpace as default};
-/*! VefFramework is a blazingly high-level, modern, flexible, easy-to-use UI framework made by Venus. Follow me on Github: https://github.com/ilxqx! @ilxqx */
+/*! VefFramework version: 1.0.102, build time: 2025-03-07T16:32:57.836Z, made by Venus. */import{jsx}from"@emotion/react/jsx-runtime";import{useGapSizeNormalizer}from"@vef-framework/hooks";import{isArray}from"@vef-framework/shared";import{Space}from"antd";import{useMemo}from"react";function VefSpace({gap,...restProps}){const normalizeGapSize=useGapSizeNormalizer(),size=useMemo(()=>isArray(gap)?gap.map(it=>normalizeGapSize(it)):gap&&normalizeGapSize(gap),[gap,normalizeGapSize]);return jsx(Space,{size,...restProps})}/*! VefFramework is a blazingly high-level, modern, flexible, easy-to-use UI framework made by Venus. Follow me on Github: https://github.com/ilxqx! @ilxqx */export{VefSpace as default};

package/es/vef-spin/index.js

@@ -1,3 +1 @@
-/*! VefFramework version: 1.0.100, build time: 2025-03-07T13:52:52.580Z, made by Venus. */
-import{jsx as e}from"@emotion/react/jsx-runtime";import{Spin as t}from"antd";function VefSpin({size:i,...r}){return e(t,{size:"medium"===i?"default":i,...r})}export{VefSpin as default};
-/*! VefFramework is a blazingly high-level, modern, flexible, easy-to-use UI framework made by Venus. Follow me on Github: https://github.com/ilxqx! @ilxqx */
+/*! VefFramework version: 1.0.102, build time: 2025-03-07T16:32:57.836Z, made by Venus. */import{jsx}from"@emotion/react/jsx-runtime";import{Spin}from"antd";function VefSpin({size,...restProps}){return jsx(Spin,{size:size==="medium"?"default":size,...restProps})}/*! VefFramework is a blazingly high-level, modern, flexible, easy-to-use UI framework made by Venus. Follow me on Github: https://github.com/ilxqx! @ilxqx */export{VefSpin as default};

package/es/vef-splitter/index.js

@@ -1,3 +1 @@
-/*! VefFramework version: 1.0.100, build time: 2025-03-07T13:52:52.580Z, made by Venus. */
-import{jsx as t}from"@emotion/react/jsx-runtime";import{Splitter as e}from"antd";function VefSplitter({orientation:o,onResizeBegin:r,...i}){return t(e,{layout:o,onResizeStart:r,...i})}export{VefSplitter as default};
-/*! VefFramework is a blazingly high-level, modern, flexible, easy-to-use UI framework made by Venus. Follow me on Github: https://github.com/ilxqx! @ilxqx */
+/*! VefFramework version: 1.0.102, build time: 2025-03-07T16:32:57.836Z, made by Venus. */import{jsx}from"@emotion/react/jsx-runtime";import{Splitter}from"antd";function VefSplitter({orientation,onResizeBegin,...rest}){return jsx(Splitter,{layout:orientation,onResizeStart:onResizeBegin,...rest})}/*! VefFramework is a blazingly high-level, modern, flexible, easy-to-use UI framework made by Venus. Follow me on Github: https://github.com/ilxqx! @ilxqx */export{VefSplitter as default};

package/es/vef-splitter-panel/index.js

@@ -1,3 +1 @@
-/*! VefFramework version: 1.0.100, build time: 2025-03-07T13:52:52.580Z, made by Venus. */
-import{jsx as t}from"@emotion/react/jsx-runtime";import{Splitter as e}from"antd";const{Panel:r}=e;function VefSplitterPanel({...e}){return t(r,{...e})}export{VefSplitterPanel as default};
-/*! VefFramework is a blazingly high-level, modern, flexible, easy-to-use UI framework made by Venus. Follow me on Github: https://github.com/ilxqx! @ilxqx */
+/*! VefFramework version: 1.0.102, build time: 2025-03-07T16:32:57.836Z, made by Venus. */import{jsx}from"@emotion/react/jsx-runtime";import{Splitter}from"antd";const{Panel}=Splitter;function VefSplitterPanel({...rest}){return jsx(Panel,{...rest})}/*! VefFramework is a blazingly high-level, modern, flexible, easy-to-use UI framework made by Venus. Follow me on Github: https://github.com/ilxqx! @ilxqx */export{VefSplitterPanel as default};

package/es/vef-status/index.js

@@ -1,3 +1 @@
-/*! VefFramework version: 1.0.100, build time: 2025-03-07T13:52:52.580Z, made by Venus. */
-import{jsx as t}from"@emotion/react/jsx-runtime";import{useColorTokens as o}from"@vef-framework/hooks";import{Badge as r}from"antd";import{useMemo as e}from"react";function VefStatus({processing:a=!1,color:f="default",children:u}){const n=o(),s=e((()=>{if("default"===f)return{status:"default",text:u};if(n.has(f))return{status:a?"processing":"default",color:n.get(f),text:u};throw new Error(`Invalid color value "${f}" of VefStatus component. Color must be either "default" or a valid color token.`)}),[f,n,a,u]);return t(r,{...s})}export{VefStatus as default};
-/*! VefFramework is a blazingly high-level, modern, flexible, easy-to-use UI framework made by Venus. Follow me on Github: https://github.com/ilxqx! @ilxqx */
+/*! VefFramework version: 1.0.102, build time: 2025-03-07T16:32:57.836Z, made by Venus. */import{jsx}from"@emotion/react/jsx-runtime";import{useColorTokens}from"@vef-framework/hooks";import{Badge}from"antd";import{useMemo}from"react";function VefStatus({processing=!1,color="default",children}){const colorTokens=useColorTokens(),badgeProps=useMemo(()=>{if(color==="default")return{status:"default",text:children};if(colorTokens.has(color))return{status:processing?"processing":"default",color:colorTokens.get(color),text:children};throw new Error(`Invalid color value "${color}" of VefStatus component. Color must be either "default" or a valid color token.`)},[color,colorTokens,processing,children]);return jsx(Badge,{...badgeProps})}/*! VefFramework is a blazingly high-level, modern, flexible, easy-to-use UI framework made by Venus. Follow me on Github: https://github.com/ilxqx! @ilxqx */export{VefStatus as default};

package/es/vef-table/components/columns/bool.js

@@ -1,3 +1 @@
-/*! VefFramework version: 1.0.100, build time: 2025-03-07T13:52:52.580Z, made by Venus. */
-import{jsx as o}from"@emotion/react/jsx-runtime";import{css as e}from"@emotion/react";import{VefError as t,isString as r,isNullish as a,isDeepEqual as l}from"@vef-framework/shared";import{useMemo as i,memo as m}from"react";import u from"../../../vef-text/index.js";import{useComputedValues as n}from"../../hooks/use-computed-values.js";const c=m((function Bool({value:l,record:m,rowIndex:c,columnProps:f}){if("Boolean"!==f.type)throw new t(-1,"Column type must be Boolean");const{defaultValue:d,trueText:s="是",falseText:p="否",bold:w,italic:x,color:h,width:V}=f,[b,k,v]=n([{key:"bold",rawValue:w,defaultValue:!1},{key:"italic",rawValue:x,defaultValue:!1},{key:"color",rawValue:h}],l,m,c),y=i((()=>r(v)?v:v?!a(l)&&Object.hasOwn(v,l)?v[l]:v["*"]:void 0),[v,l]),j=i((()=>l?l?s:p:d),[l,s,p,d]),B=i((()=>{if(V)return e({maxWidth:`${V}px !important`})}),[V]);return o(u,{bold:b,color:y,css:B,italic:k,children:j})}),l);export{c as default};
-/*! VefFramework is a blazingly high-level, modern, flexible, easy-to-use UI framework made by Venus. Follow me on Github: https://github.com/ilxqx! @ilxqx */
+/*! VefFramework version: 1.0.102, build time: 2025-03-07T16:32:57.836Z, made by Venus. */import{jsx}from"@emotion/react/jsx-runtime";import{css}from"@emotion/react";import{VefError,isString,isNullish,isDeepEqual}from"@vef-framework/shared";import{useMemo,memo}from"react";import VefText from"../../../vef-text/index.js";import{useComputedValues}from"../../hooks/use-computed-values.js";function Bool({value,record,rowIndex,columnProps}){if(columnProps.type!=="Boolean")throw new VefError(-1,"Column type must be Boolean");const{defaultValue,trueText="是",falseText="否",bold,italic,color,width}=columnProps,[boldToUse,italicToUse,colorOrMapping]=useComputedValues([{key:"bold",rawValue:bold,defaultValue:!1},{key:"italic",rawValue:italic,defaultValue:!1},{key:"color",rawValue:color}],value,record,rowIndex),colorToUse=useMemo(()=>{if(isString(colorOrMapping))return colorOrMapping;if(colorOrMapping)return!isNullish(value)&&Object.hasOwn(colorOrMapping,value)?colorOrMapping[value]:colorOrMapping["*"]},[colorOrMapping,value]),valueToDisplay=useMemo(()=>value?value?trueText:falseText:defaultValue,[value,trueText,falseText,defaultValue]),cssToUse=useMemo(()=>{if(width)return css({maxWidth:`${width}px !important`})},[width]);return jsx(VefText,{bold:boldToUse,color:colorToUse,css:cssToUse,italic:italicToUse,children:valueToDisplay})}const BoolMemo=memo(Bool,isDeepEqual);/*! VefFramework is a blazingly high-level, modern, flexible, easy-to-use UI framework made by Venus. Follow me on Github: https://github.com/ilxqx! @ilxqx */export{BoolMemo as default};

package/es/vef-table/components/columns/code.js

@@ -1,3 +1 @@
-/*! VefFramework version: 1.0.100, build time: 2025-03-07T13:52:52.580Z, made by Venus. */
-import{jsx as e}from"@emotion/react/jsx-runtime";function Code({value:o}){return e("span",{children:o})}export{Code as default};
-/*! VefFramework is a blazingly high-level, modern, flexible, easy-to-use UI framework made by Venus. Follow me on Github: https://github.com/ilxqx! @ilxqx */
+/*! VefFramework version: 1.0.102, build time: 2025-03-07T16:32:57.836Z, made by Venus. */import{jsx}from"@emotion/react/jsx-runtime";function Code({value}){return jsx("span",{children:value})}/*! VefFramework is a blazingly high-level, modern, flexible, easy-to-use UI framework made by Venus. Follow me on Github: https://github.com/ilxqx! @ilxqx */export{Code as default};

package/es/vef-table/components/columns/data-dictionary.js

@@ -1,3 +1 @@
-/*! VefFramework version: 1.0.100, build time: 2025-03-07T13:52:52.580Z, made by Venus. */
-import{jsx as o}from"@emotion/react/jsx-runtime";import{css as t}from"@emotion/react";import{VefError as e,isString as a,isNullish as r}from"@vef-framework/shared";import{useMemo as i}from"react";import l from"../../../vef-text/index.js";import{useComputedValues as m}from"../../hooks/use-computed-values.js";const c="Name";function DataDictionary({value:n,record:u,rowIndex:s,columnProps:d}){if("DataDictionary"!==d.type)throw new e(-1,"Column type must be DataDictionary");const{name:f,defaultValue:p,ellipsis:w,bold:y,italic:D,color:h,width:x}=d,[V,b,k]=m([{key:"bold",rawValue:y,defaultValue:!1},{key:"italic",rawValue:D,defaultValue:!1},{key:"color",rawValue:h}],n,u,s),v=i((()=>a(k)?k:k?!r(n)&&Object.hasOwn(k,n)?k[n]:k["*"]:void 0),[k,n]),$=i((()=>r(n)||r(u[`${f}${c}`])?p:u[`${f}${c}`]),[n,u,f,p]),j=i((()=>{if(x)return t({maxWidth:`${x}px !important`})}),[x]);return o(l,{bold:V,color:v,css:j,ellipsis:w,italic:b,children:$})}export{DataDictionary as default};
-/*! VefFramework is a blazingly high-level, modern, flexible, easy-to-use UI framework made by Venus. Follow me on Github: https://github.com/ilxqx! @ilxqx */
+/*! VefFramework version: 1.0.102, build time: 2025-03-07T16:32:57.836Z, made by Venus. */import{jsx}from"@emotion/react/jsx-runtime";import{css}from"@emotion/react";import{VefError,isString,isNullish}from"@vef-framework/shared";import{useMemo}from"react";import VefText from"../../../vef-text/index.js";import{useComputedValues}from"../../hooks/use-computed-values.js";const DATA_DICTIONARY_NAME_SUFFIX="Name";function DataDictionary({value,record,rowIndex,columnProps}){if(columnProps.type!=="DataDictionary")throw new VefError(-1,"Column type must be DataDictionary");const{name,defaultValue,ellipsis,bold,italic,color,width}=columnProps,[boldToUse,italicToUse,colorOrMapping]=useComputedValues([{key:"bold",rawValue:bold,defaultValue:!1},{key:"italic",rawValue:italic,defaultValue:!1},{key:"color",rawValue:color}],value,record,rowIndex),colorToUse=useMemo(()=>{if(isString(colorOrMapping))return colorOrMapping;if(colorOrMapping)return!isNullish(value)&&Object.hasOwn(colorOrMapping,value)?colorOrMapping[value]:colorOrMapping["*"]},[colorOrMapping,value]),valueToDisplay=useMemo(()=>isNullish(value)||isNullish(record[`${name}${DATA_DICTIONARY_NAME_SUFFIX}`])?defaultValue:record[`${name}${DATA_DICTIONARY_NAME_SUFFIX}`],[value,record,name,defaultValue]),cssToUse=useMemo(()=>{if(width)return css({maxWidth:`${width}px !important`})},[width]);return jsx(VefText,{bold:boldToUse,color:colorToUse,css:cssToUse,ellipsis,italic:italicToUse,children:valueToDisplay})}/*! VefFramework is a blazingly high-level, modern, flexible, easy-to-use UI framework made by Venus. Follow me on Github: https://github.com/ilxqx! @ilxqx */export{DataDictionary as default};