@vef-framework/components 1.0.100 → 1.0.102

package/es/vef-approval-flow-editor/components/selector-content.js

@@ -1,20 +1,19 @@
-/*! VefFramework version: 1.0.100, build time: 2025-03-07T13:52:52.580Z, made by Venus. */
-import{jsx as o,jsxs as r}from"@emotion/react/jsx-runtime";import{css as e}from"@emotion/react";import{themeVariables as i}from"@vef-framework/shared";import{useReactFlow as n}from"@xyflow/react";import{useMemo as t,useCallback as d}from"react";import a from"../../vef-icon/index.js";import{nodesMetadata as c}from"../constants.js";const s=e`
+/*! 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{useReactFlow}from"@xyflow/react";import{useMemo,useCallback}from"react";import VefIcon from"../../vef-icon/index.js";import{nodesMetadata}from"../constants.js";const selectorContentStyle=css`
   min-width: 160px;
   display: flex;
   flex-direction: column;
-  gap: ${i.margin};
-`,m=e`
+  gap: ${themeVariables.margin};
+`,selectorItemStyle=css`
   display: flex;
   align-items: center;
-  gap: ${i.marginSm};
-  padding: ${i.paddingXs} ${i.paddingSm};
-  border-radius: ${i.borderRadius};
+  gap: ${themeVariables.marginSm};
+  padding: ${themeVariables.paddingXs} ${themeVariables.paddingSm};
+  border-radius: ${themeVariables.borderRadius};
   cursor: pointer;
-  transition: background-color ${i.motionDurationMid} ${i.motionEaseInOutCirc};
+  transition: background-color ${themeVariables.motionDurationMid} ${themeVariables.motionEaseInOutCirc};
   
   &:hover {
-    background-color: ${i.colorFillSecondary};
+    background-color: ${themeVariables.colorFillSecondary};
   }
 
   > span:first-of-type {
@@ -22,5 +21,4 @@ import{jsx as o,jsxs as r}from"@emotion/react/jsx-runtime";import{css as e}from"
 
   > span:last-of-type {
   }
-`;function VefSelectorContent({items:e,onAddNode:i}){const l=t((()=>e.map((o=>c[o]))),[e]),{setEdges:p,addNodes:f}=n(),u=d((o=>{const[r,e,n]=i(o);p((o=>[...o.filter((o=>!n.includes(o.id))),...e])),f(r)}),[i,p,f]);return o("div",{css:s,children:l.map((({type:e,label:i,icon:n,color:t})=>r("div",{css:m,onClick:()=>u(e),children:[o(a,{color:t,size:"huge",children:n}),o("span",{children:i})]},i)))})}export{VefSelectorContent 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 VefSelectorContent({items,onAddNode}){const nodes=useMemo(()=>items.map(item=>nodesMetadata[item]),[items]),{setEdges,addNodes}=useReactFlow(),handleAddNode=useCallback(nodeType=>{const[node,edgesToAdd,edgesToRemove]=onAddNode(nodeType);setEdges(edges=>[...edges.filter(edge=>!edgesToRemove.includes(edge.id)),...edgesToAdd]),addNodes(node)},[onAddNode,setEdges,addNodes]);return jsx("div",{css:selectorContentStyle,children:nodes.map(({type,label,icon,color})=>jsxs("div",{css:selectorItemStyle,onClick:()=>handleAddNode(type),children:[jsx(VefIcon,{color,size:"huge",children:icon}),jsx("span",{children:label})]},label))})}/*! 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{VefSelectorContent as default};

package/es/vef-approval-flow-editor/components/source-handle.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{useNodesData as o,useNodeId as t,useNodeConnections as r,Handle as n,Position as i}from"@xyflow/react";import{useCallback as d}from"react";import{createNode as l,createEdge as m}from"../helper.js";import s from"./node-selector.js";function VefSourceHandle(){const{node:a}=o(t()).data,c=r({handleType:"source"}),p=d((e=>{const o=l(e);return[o,[m(a.getId(),o.id)],[]]}),[a]),f=a.getAvailableNextNodeTypes().length>0,u=c.length>0;return e(n,{position:i.Bottom,type:"source",children:!u&&f&&e(s,{items:a.getAvailableNextNodeTypes(),selectorContentPosition:"bottom",onAddNode:p})})}export{VefSourceHandle 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{useNodesData,useNodeId,useNodeConnections,Handle,Position}from"@xyflow/react";import{useCallback}from"react";import{createNode,createEdge}from"../helper.js";import VefNodeSelector from"./node-selector.js";function VefSourceHandle(){const{node}=useNodesData(useNodeId()).data,connections=useNodeConnections({handleType:"source"}),handleAddNode=useCallback(type=>{const newNode=createNode(type);return[newNode,[createEdge(node.getId(),newNode.id)],[]]},[node]),hasAvailableNextNodes=node.getAvailableNextNodeTypes().length>0,isConnected=connections.length>0;return jsx(Handle,{position:Position.Bottom,type:"source",children:!isConnected&&hasAvailableNextNodes&&jsx(VefNodeSelector,{items:node.getAvailableNextNodeTypes(),selectorContentPosition:"bottom",onAddNode:handleAddNode})})}/*! 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{VefSourceHandle as default};

package/es/vef-approval-flow-editor/components/target-handle.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{Handle as e,Position as r}from"@xyflow/react";function VefTargetHandle(){return t(e,{position:r.Top,type:"target"})}export{VefTargetHandle 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{Handle,Position}from"@xyflow/react";function VefTargetHandle(){return jsx(Handle,{position:Position.Top,type:"target"})}/*! 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{VefTargetHandle as default};

package/es/vef-approval-flow-editor/constants.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{MarkerType as e}from"@xyflow/react";import{CircleIcon as a,GitCommitVerticalIcon as t,SquarePenIcon as n,StampIcon as d,SendIcon as i}from"lucide-react";import p from"./components/edge.js";import{VefFlowEdge as r}from"./models/edge-node.js";import{VefSubmitFlowNode as l,VefApprovalFlowNode as c,VefConditionFlowNode as s,VefHandleFlowNode as m,VefEndFlowNode as v}from"./models/flow-node.js";import{NodeType as y}from"./types.js";const g=[{id:"submit",data:{node:new l("submit","提交")},type:y.Submit,deletable:!1,position:{x:0,y:0}},{id:"approval",data:{node:new c("approval","审批")},type:y.Approval,position:{x:0,y:100}},{id:"condition-1",data:{node:new s("condition-1","条件1")},type:y.Condition,position:{x:0,y:200}},{id:"approval-1",data:{node:new c("approval-1","审批1")},type:y.Approval,position:{x:0,y:300}},{id:"condition-2",data:{node:new s("condition-2","条件2")},type:y.Condition,position:{x:100,y:200}},{id:"approval-2",data:{node:new c("approval-2","审批2")},type:y.Approval,position:{x:100,y:300}},{id:"handle",data:{node:new m("handle","办理")},type:y.Handle,position:{x:100,y:400}},{id:"end",data:{node:new v("end","结束")},type:y.End,deletable:!1,position:{x:0,y:400}}],w=[{id:"submit-approval",source:"submit",target:"approval",data:{edge:new r}},{id:"approval-condition-1",source:"approval",target:"condition-1",data:{edge:new r}},{id:"condition-1-approval-1",source:"condition-1",target:"approval-1",data:{edge:new r}},{id:"approval-condition-2",source:"approval",target:"condition-2",data:{edge:new r}},{id:"condition-2-approval-2",source:"condition-2",target:"approval-2",data:{edge:new r}},{id:"approval-2-handle",source:"approval-2",target:"handle",data:{edge:new r}},{id:"handle-end",source:"handle",target:"end",data:{edge:new r}},{id:"approval-1-end",source:"approval-1",target:"end",data:{edge:new r}}],u={minZoom:1},b={vef:p},f={type:"vef",deletable:!1,interactionWidth:40,markerEnd:{type:e.ArrowClosed,strokeWidth:1,height:16,width:16}},h={[y.Submit]:{type:y.Submit,label:"提交",icon:o(i,{}),color:"primary"},[y.Approval]:{type:y.Approval,label:"审批",icon:o(d,{}),color:"geekblue"},[y.Handle]:{type:y.Handle,label:"办理",icon:o(n,{}),color:"success"},[y.Condition]:{type:y.Condition,label:"条件",icon:o(t,{}),color:"warning"},[y.End]:{type:y.End,label:"结束",icon:o(a,{}),color:"cyan"}};export{f as defaultEdgeOptions,b as edgeTypes,u as fitViewOptions,w as initialEdges,g as initialNodes,h as nodesMetadata};
-/*! 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{MarkerType}from"@xyflow/react";import{CircleIcon,GitCommitVerticalIcon,SquarePenIcon,StampIcon,SendIcon}from"lucide-react";import VefEdge from"./components/edge.js";import{VefFlowEdge}from"./models/edge-node.js";import{VefSubmitFlowNode,VefApprovalFlowNode,VefConditionFlowNode,VefHandleFlowNode,VefEndFlowNode}from"./models/flow-node.js";import{NodeType}from"./types.js";const initialNodes=[{id:"submit",data:{node:new VefSubmitFlowNode("submit","提交")},type:NodeType.Submit,deletable:!1,position:{x:0,y:0}},{id:"approval",data:{node:new VefApprovalFlowNode("approval","审批")},type:NodeType.Approval,position:{x:0,y:100}},{id:"condition-1",data:{node:new VefConditionFlowNode("condition-1","条件1")},type:NodeType.Condition,position:{x:0,y:200}},{id:"approval-1",data:{node:new VefApprovalFlowNode("approval-1","审批1")},type:NodeType.Approval,position:{x:0,y:300}},{id:"condition-2",data:{node:new VefConditionFlowNode("condition-2","条件2")},type:NodeType.Condition,position:{x:100,y:200}},{id:"approval-2",data:{node:new VefApprovalFlowNode("approval-2","审批2")},type:NodeType.Approval,position:{x:100,y:300}},{id:"handle",data:{node:new VefHandleFlowNode("handle","办理")},type:NodeType.Handle,position:{x:100,y:400}},{id:"end",data:{node:new VefEndFlowNode("end","结束")},type:NodeType.End,deletable:!1,position:{x:0,y:400}}],initialEdges=[{id:"submit-approval",source:"submit",target:"approval",data:{edge:new VefFlowEdge}},{id:"approval-condition-1",source:"approval",target:"condition-1",data:{edge:new VefFlowEdge}},{id:"condition-1-approval-1",source:"condition-1",target:"approval-1",data:{edge:new VefFlowEdge}},{id:"approval-condition-2",source:"approval",target:"condition-2",data:{edge:new VefFlowEdge}},{id:"condition-2-approval-2",source:"condition-2",target:"approval-2",data:{edge:new VefFlowEdge}},{id:"approval-2-handle",source:"approval-2",target:"handle",data:{edge:new VefFlowEdge}},{id:"handle-end",source:"handle",target:"end",data:{edge:new VefFlowEdge}},{id:"approval-1-end",source:"approval-1",target:"end",data:{edge:new VefFlowEdge}}],fitViewOptions={minZoom:1},edgeTypes={vef:VefEdge},defaultEdgeOptions={type:"vef",deletable:!1,interactionWidth:40,markerEnd:{type:MarkerType.ArrowClosed,strokeWidth:1,height:16,width:16}},nodesMetadata={[NodeType.Submit]:{type:NodeType.Submit,label:"提交",icon:jsx(SendIcon,{}),color:"primary"},[NodeType.Approval]:{type:NodeType.Approval,label:"审批",icon:jsx(StampIcon,{}),color:"geekblue"},[NodeType.Handle]:{type:NodeType.Handle,label:"办理",icon:jsx(SquarePenIcon,{}),color:"success"},[NodeType.Condition]:{type:NodeType.Condition,label:"条件",icon:jsx(GitCommitVerticalIcon,{}),color:"warning"},[NodeType.End]:{type:NodeType.End,label:"结束",icon:jsx(CircleIcon,{}),color:"cyan"}};/*! 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{defaultEdgeOptions,edgeTypes,fitViewOptions,initialEdges,initialNodes,nodesMetadata};

package/es/vef-approval-flow-editor/helper.js

@@ -1,3 +1 @@
-/*! VefFramework version: 1.0.100, build time: 2025-03-07T13:52:52.580Z, made by Venus. */
-import{graphlib as e,layout as t}from"@dagrejs/dagre";import{generateId as o}from"@vef-framework/shared";import{nodesMetadata as r}from"./constants.js";import{VefFlowEdge as n}from"./models/edge-node.js";import{VefEndFlowNode as a,VefConditionFlowNode as d,VefHandleFlowNode as s,VefApprovalFlowNode as i,VefSubmitFlowNode as l}from"./models/flow-node.js";import{NodeType as c}from"./types.js";function layoutFlowElements(o,r){const n=new e.Graph;n.setGraph({rankdir:"TB",ranker:"network-simplex",nodesep:60,edgesep:16,ranksep:80}),n.setDefaultEdgeLabel((()=>({})));for(const e of o)n.setNode(e.id,{...e,width:e.measured?.width??240,height:e.measured?.height??100});for(const e of r)n.setEdge(e.source,e.target);return t(n),o.map((e=>{const{x:t,y:o}=n.node(e.id);return{...e,position:{x:t,y:o}}}))}function createFlowNode(e,t){switch(e){case c.Submit:return new l(t,r.submit.label);case c.Approval:return new i(t,r.approval.label);case c.Handle:return new s(t,r.handle.label);case c.Condition:return new d(t,r.condition.label);case c.End:return new a(t,r.end.label)}}function createNode(e){const t=`${e}-${o()}`;return{id:t,type:e,data:{node:createFlowNode(e,t)},position:{x:0,y:0}}}function createEdge(e,t){return{id:`e-${e}-${t}`,source:e,target:t,data:{edge:new n}}}export{createEdge,createFlowNode,createNode,layoutFlowElements};
-/*! 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{graphlib,layout}from"@dagrejs/dagre";import{generateId}from"@vef-framework/shared";import{nodesMetadata}from"./constants.js";import{VefFlowEdge}from"./models/edge-node.js";import{VefEndFlowNode,VefConditionFlowNode,VefHandleFlowNode,VefApprovalFlowNode,VefSubmitFlowNode}from"./models/flow-node.js";import{NodeType}from"./types.js";function layoutFlowElements(nodes,edges){const g=new graphlib.Graph;g.setGraph({rankdir:"TB",ranker:"network-simplex",nodesep:60,edgesep:16,ranksep:80}),g.setDefaultEdgeLabel(()=>({}));for(const node of nodes)g.setNode(node.id,{...node,width:node.measured?.width??240,height:node.measured?.height??100});for(const edge of edges)g.setEdge(edge.source,edge.target);return layout(g),nodes.map(node=>{const{x,y}=g.node(node.id);return{...node,position:{x,y}}})}function createFlowNode(type,id){switch(type){case NodeType.Submit:return new VefSubmitFlowNode(id,nodesMetadata.submit.label);case NodeType.Approval:return new VefApprovalFlowNode(id,nodesMetadata.approval.label);case NodeType.Handle:return new VefHandleFlowNode(id,nodesMetadata.handle.label);case NodeType.Condition:return new VefConditionFlowNode(id,nodesMetadata.condition.label);case NodeType.End:return new VefEndFlowNode(id,nodesMetadata.end.label)}}function createNode(type){const id=`${type}-${generateId()}`;return{id,type,data:{node:createFlowNode(type,id)},position:{x:0,y:0}}}function createEdge(source,target){return{id:`e-${source}-${target}`,source,target,data:{edge:new VefFlowEdge}}}/*! 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{createEdge,createFlowNode,createNode,layoutFlowElements};

package/es/vef-approval-flow-editor/hooks/use-edges-interaction.js

@@ -1,3 +1 @@
-/*! VefFramework version: 1.0.100, build time: 2025-03-07T13:52:52.580Z, made by Venus. */
-import{useReactFlow as e}from"@xyflow/react";import{useCallback as t}from"react";function useEdgesInteraction(){const{updateEdgeData:a}=e();return{handleEdgeMouseEnter:t(((e,t)=>{t.data?.edge.setHovering(!0),a(t.id,t.data,{replace:!0})}),[a]),handleEdgeMouseLeave:t(((e,t)=>{t.data?.edge.setHovering(!1),a(t.id,t.data,{replace:!0})}),[a])}}export{useEdgesInteraction};
-/*! 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{useReactFlow}from"@xyflow/react";import{useCallback}from"react";function useEdgesInteraction(){const{updateEdgeData}=useReactFlow(),handleEdgeMouseEnter=useCallback((_,edge)=>{edge.data?.edge.setHovering(!0),updateEdgeData(edge.id,edge.data,{replace:!0})},[updateEdgeData]),handleEdgeMouseLeave=useCallback((_,edge)=>{edge.data?.edge.setHovering(!1),updateEdgeData(edge.id,edge.data,{replace:!0})},[updateEdgeData]);return{handleEdgeMouseEnter,handleEdgeMouseLeave}}/*! 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{useEdgesInteraction};

package/es/vef-approval-flow-editor/hooks/use-element-selection.js

@@ -1,3 +1 @@
-/*! VefFramework version: 1.0.100, build time: 2025-03-07T13:52:52.580Z, made by Venus. */
-import{useCallback as e}from"react";import{useApprovalFlowEditorStoreApi as t}from"../store.js";function useElementSelection(){const n=t();return{handleSelectionChange:e((({nodes:e})=>{const{selectedNode:t,setSelectedNode:o}=n.getState();if(0===e.length)return void o(null);const[d]=e;d.id!==t?.getId()&&o(d.data.node)}),[n])}}export{useElementSelection};
-/*! 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{useCallback}from"react";import{useApprovalFlowEditorStoreApi}from"../store.js";function useElementSelection(){const approvalFlowEditorStore=useApprovalFlowEditorStoreApi();return{handleSelectionChange:useCallback(({nodes})=>{const{selectedNode,setSelectedNode}=approvalFlowEditorStore.getState();if(nodes.length===0){setSelectedNode(null);return}const[node]=nodes;node.id!==selectedNode?.getId()&&setSelectedNode(node.data.node)},[approvalFlowEditorStore])}}/*! 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{useElementSelection};

package/es/vef-approval-flow-editor/hooks/use-nodes-interaction.js

@@ -1,3 +1 @@
-/*! VefFramework version: 1.0.100, build time: 2025-03-07T13:52:52.580Z, made by Venus. */
-import{useReactFlow as e,getConnectedEdges as t}from"@xyflow/react";import{useCallback as o}from"react";import{createEdge as r}from"../helper.js";import{NodeType as n}from"../types.js";function useNodesInteraction(){const{addEdges:s,getNode:i,getEdges:f}=e();return{handleBeforeDelete:o((async({nodes:e,edges:o})=>{if(0===e.length)return!1;const[c]=e,d=o.filter((e=>e.source===c.id)).map((e=>e.target));if(d.length>0){const e=[],a=o.filter((e=>e.target===c.id)).map((e=>e.source)),p=f();for(const o of a){const s=t([{id:o,position:{x:0,y:0},data:{}}],p).filter((e=>e.source===o));for(const t of d)i(t)?.type===n.End&&s.length>1||e.push(r(o,t))}s(e)}return!0}),[s,f,i])}}export{useNodesInteraction};
-/*! 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{useReactFlow,getConnectedEdges}from"@xyflow/react";import{useCallback}from"react";import{createEdge}from"../helper.js";import{NodeType}from"../types.js";function useNodesInteraction(){const{addEdges,getNode,getEdges}=useReactFlow();return{handleBeforeDelete:useCallback(async({nodes,edges})=>{if(nodes.length===0)return!1;const[node]=nodes,targetNodeIds=edges.filter(edge=>edge.source===node.id).map(edge=>edge.target);if(targetNodeIds.length>0){const edgesToAdd=[],sourceNodeIds=edges.filter(edge=>edge.target===node.id).map(edge=>edge.source),allEdges=getEdges();for(const sourceNodeId of sourceNodeIds){const nextConnectedEdges=getConnectedEdges([{id:sourceNodeId,position:{x:0,y:0},data:{}}],allEdges).filter(edge=>edge.source===sourceNodeId);for(const targetNodeId of targetNodeIds)getNode(targetNodeId)?.type===NodeType.End&&nextConnectedEdges.length>1||edgesToAdd.push(createEdge(sourceNodeId,targetNodeId))}addEdges(edgesToAdd)}return!0},[addEdges,getEdges,getNode])}}/*! 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{useNodesInteraction};

package/es/vef-approval-flow-editor/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,jsx as o}from"@emotion/react/jsx-runtime";import{useEdgesState as t,useNodesState as n,ReactFlow as r,MiniMap as i,Controls as s,Background as a,BackgroundVariant as l,SelectionMode as d,ReactFlowProvider as c}from"@xyflow/react";import{useRef as m,useLayoutEffect as p,memo as u}from"react";import{nodeTypes as f}from"./components/nodes/index.js";import{initialEdges as g,initialNodes as h,fitViewOptions as y,edgeTypes as E,defaultEdgeOptions as b}from"./constants.js";import{layoutFlowElements as v}from"./helper.js";import{useEdgesInteraction as j}from"./hooks/use-edges-interaction.js";import{useElementSelection as C}from"./hooks/use-element-selection.js";import{useNodesInteraction as _}from"./hooks/use-nodes-interaction.js";import{ApprovalFlowEditorStoreProvider as w}from"./store.js";import{flowEditorStyle as A,flowEditorContainerStyle as $}from"./styles.js";function VefApprovalFlowEditorBase(){const[c,u,w]=t(g),[$,x,F]=n(h),{handleEdgeMouseEnter:K,handleEdgeMouseLeave:M}=j(),{handleSelectionChange:S}=C(),{handleBeforeDelete:V}=_(),B=m();return p((()=>{if(B.current){if(c.every((e=>B.current.has(`${e.id}__${e.source}__${e.target}`))))return}const e=v($,c);x(e),B.current=new Set(c.map((e=>`${e.id}__${e.source}__${e.target}`)))}),[c]),e(r,{disableKeyboardA11y:!0,fitView:!0,css:A,defaultEdgeOptions:b,edges:c,edgesFocusable:!1,edgesReconnectable:!1,edgeTypes:E,fitViewOptions:y,maxZoom:2,minZoom:.5,multiSelectionKeyCode:null,nodes:$,nodesConnectable:!1,nodesDraggable:!1,nodesFocusable:!1,nodeTypes:f,panActivationKeyCode:null,selectionKeyCode:null,selectionMode:d.Partial,zoomActivationKeyCode:null,onBeforeDelete:V,onEdgeMouseEnter:K,onEdgeMouseLeave:M,onEdgesChange:w,onNodesChange:F,onSelectionChange:S,children:[o(i,{pannable:!0,position:"bottom-left"}),o(s,{orientation:"horizontal",position:"bottom-left"}),o(a,{gap:12,variant:l.Dots})]})}const x=u((function VefApprovalFlowEditor(e){return o("div",{css:$,children:o(w,{initialState:null,children:o(c,{children:o(VefApprovalFlowEditorBase,{...e})})})})}));export{x 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,jsx}from"@emotion/react/jsx-runtime";import{useEdgesState,useNodesState,ReactFlow,MiniMap,Controls,Background,BackgroundVariant,SelectionMode,ReactFlowProvider}from"@xyflow/react";import{useRef,useLayoutEffect,memo}from"react";import{nodeTypes}from"./components/nodes/index.js";import{initialEdges,initialNodes,fitViewOptions,edgeTypes,defaultEdgeOptions}from"./constants.js";import{layoutFlowElements}from"./helper.js";import{useEdgesInteraction}from"./hooks/use-edges-interaction.js";import{useElementSelection}from"./hooks/use-element-selection.js";import{useNodesInteraction}from"./hooks/use-nodes-interaction.js";import{ApprovalFlowEditorStoreProvider}from"./store.js";import{flowEditorStyle,flowEditorContainerStyle}from"./styles.js";function VefApprovalFlowEditorBase(){const[edges,_,onEdgesChange]=useEdgesState(initialEdges),[nodes,setNodes,onNodesChange]=useNodesState(initialNodes),{handleEdgeMouseEnter,handleEdgeMouseLeave}=useEdgesInteraction(),{handleSelectionChange}=useElementSelection(),{handleBeforeDelete}=useNodesInteraction(),currentEdgeIdentifiersRef=useRef();return useLayoutEffect(()=>{if(currentEdgeIdentifiersRef.current&&edges.every(edge=>currentEdgeIdentifiersRef.current.has(`${edge.id}__${edge.source}__${edge.target}`)))return;const layoutedNodes=layoutFlowElements(nodes,edges);setNodes(layoutedNodes),currentEdgeIdentifiersRef.current=new Set(edges.map(edge=>`${edge.id}__${edge.source}__${edge.target}`))},[edges]),jsxs(ReactFlow,{disableKeyboardA11y:!0,fitView:!0,css:flowEditorStyle,defaultEdgeOptions,edges,edgesFocusable:!1,edgesReconnectable:!1,edgeTypes,fitViewOptions,maxZoom:2,minZoom:.5,multiSelectionKeyCode:null,nodes,nodesConnectable:!1,nodesDraggable:!1,nodesFocusable:!1,nodeTypes,panActivationKeyCode:null,selectionKeyCode:null,selectionMode:SelectionMode.Partial,zoomActivationKeyCode:null,onBeforeDelete:handleBeforeDelete,onEdgeMouseEnter:handleEdgeMouseEnter,onEdgeMouseLeave:handleEdgeMouseLeave,onEdgesChange,onNodesChange,onSelectionChange:handleSelectionChange,children:[jsx(MiniMap,{pannable:!0,position:"bottom-left"}),jsx(Controls,{orientation:"horizontal",position:"bottom-left"}),jsx(Background,{gap:12,variant:BackgroundVariant.Dots})]})}function VefApprovalFlowEditor(props){return jsx("div",{css:flowEditorContainerStyle,children:jsx(ApprovalFlowEditorStoreProvider,{initialState:null,children:jsx(ReactFlowProvider,{children:jsx(VefApprovalFlowEditorBase,{...props})})})})}const index=memo(VefApprovalFlowEditor);/*! 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{index as default};

package/es/vef-approval-flow-editor/models/edge-node.js

@@ -1,3 +1 @@
-/*! VefFramework version: 1.0.100, build time: 2025-03-07T13:52:52.580Z, made by Venus. */
-var e=Object.defineProperty,__publicField=(r,s,t)=>((r,s,t)=>s in r?e(r,s,{enumerable:!0,configurable:!0,writable:!0,value:t}):r[s]=t)(r,"symbol"!=typeof s?s+"":s,t);class AbstractFlowEdge{constructor(){__publicField(this,"_isHovering"),this._isHovering=!1}isHovering(){return this._isHovering}setHovering(e){this._isHovering=e}}class VefFlowEdge extends AbstractFlowEdge{}export{AbstractFlowEdge,VefFlowEdge};
-/*! 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. */var __defProp=Object.defineProperty,__defNormalProp=(obj,key,value)=>key in obj?__defProp(obj,key,{enumerable:!0,configurable:!0,writable:!0,value}):obj[key]=value,__publicField=(obj,key,value)=>__defNormalProp(obj,typeof key!="symbol"?key+"":key,value);class AbstractFlowEdge{constructor(){__publicField(this,"_isHovering"),this._isHovering=!1}isHovering(){return this._isHovering}setHovering(isHovering){this._isHovering=isHovering}}class VefFlowEdge extends AbstractFlowEdge{}/*! 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{AbstractFlowEdge,VefFlowEdge};

package/es/vef-approval-flow-editor/models/flow-node.js

@@ -1,3 +1 @@
-/*! VefFramework version: 1.0.100, build time: 2025-03-07T13:52:52.580Z, made by Venus. */
-import{NodeType as e}from"../types.js";var a=Object.defineProperty,__publicField=(e,o,t)=>((e,o,t)=>o in e?a(e,o,{enumerable:!0,configurable:!0,writable:!0,value:t}):e[o]=t)(e,"symbol"!=typeof o?o+"":o,t);class AbstractFlowNode{constructor(e,a,o){__publicField(this,"id"),__publicField(this,"type"),__publicField(this,"label"),this.id=e,this.type=a,this.label=o}getId(){return this.id}getType(){return this.type}getLabel(){return this.label}setLabel(e){this.label=e}}class VefSubmitFlowNode extends AbstractFlowNode{constructor(a,o){super(a,e.Submit,o),__publicField(this,"_availablePreviousNodeTypes"),__publicField(this,"_availableNextNodeTypes"),this._availablePreviousNodeTypes=[],this._availableNextNodeTypes=[e.Approval,e.Handle,e.Condition]}getAvailablePreviousNodeTypes(){return this._availablePreviousNodeTypes}getAvailableNextNodeTypes(){return this._availableNextNodeTypes}}class VefApprovalFlowNode extends AbstractFlowNode{constructor(a,o){super(a,e.Approval,o),__publicField(this,"_availablePreviousNodeTypes"),__publicField(this,"_availableNextNodeTypes"),this._availablePreviousNodeTypes=[e.Approval,e.Handle,e.Condition],this._availableNextNodeTypes=[e.Approval,e.Handle,e.Condition]}getAvailablePreviousNodeTypes(){return this._availablePreviousNodeTypes}getAvailableNextNodeTypes(){return this._availableNextNodeTypes}}class VefHandleFlowNode extends AbstractFlowNode{constructor(a,o){super(a,e.Handle,o),__publicField(this,"_availablePreviousNodeTypes"),__publicField(this,"_availableNextNodeTypes"),this._availablePreviousNodeTypes=[e.Approval,e.Handle,e.Condition],this._availableNextNodeTypes=[e.Approval,e.Handle,e.Condition]}getAvailablePreviousNodeTypes(){return this._availablePreviousNodeTypes}getAvailableNextNodeTypes(){return this._availableNextNodeTypes}}class VefConditionFlowNode extends AbstractFlowNode{constructor(a,o){super(a,e.Condition,o),__publicField(this,"_availablePreviousNodeTypes"),__publicField(this,"_availableNextNodeTypes"),this._availablePreviousNodeTypes=[e.Approval,e.Handle,e.Condition],this._availableNextNodeTypes=[e.Approval,e.Handle,e.Condition]}getAvailablePreviousNodeTypes(){return this._availablePreviousNodeTypes}getAvailableNextNodeTypes(){return this._availableNextNodeTypes}}class VefEndFlowNode extends AbstractFlowNode{constructor(a,o){super(a,e.End,o),__publicField(this,"_availablePreviousNodeTypes"),__publicField(this,"_availableNextNodeTypes"),this._availablePreviousNodeTypes=[e.Approval,e.Handle,e.Condition],this._availableNextNodeTypes=[]}getAvailablePreviousNodeTypes(){return this._availablePreviousNodeTypes}getAvailableNextNodeTypes(){return this._availableNextNodeTypes}}export{AbstractFlowNode,VefApprovalFlowNode,VefConditionFlowNode,VefEndFlowNode,VefHandleFlowNode,VefSubmitFlowNode};
-/*! 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{NodeType}from"../types.js";var __defProp=Object.defineProperty,__defNormalProp=(obj,key,value)=>key in obj?__defProp(obj,key,{enumerable:!0,configurable:!0,writable:!0,value}):obj[key]=value,__publicField=(obj,key,value)=>__defNormalProp(obj,typeof key!="symbol"?key+"":key,value);class AbstractFlowNode{constructor(id,type,label){__publicField(this,"id"),__publicField(this,"type"),__publicField(this,"label"),this.id=id,this.type=type,this.label=label}getId(){return this.id}getType(){return this.type}getLabel(){return this.label}setLabel(label){this.label=label}}class VefSubmitFlowNode extends AbstractFlowNode{constructor(id,label){super(id,NodeType.Submit,label),__publicField(this,"_availablePreviousNodeTypes"),__publicField(this,"_availableNextNodeTypes"),this._availablePreviousNodeTypes=[],this._availableNextNodeTypes=[NodeType.Approval,NodeType.Handle,NodeType.Condition]}getAvailablePreviousNodeTypes(){return this._availablePreviousNodeTypes}getAvailableNextNodeTypes(){return this._availableNextNodeTypes}}class VefApprovalFlowNode extends AbstractFlowNode{constructor(id,label){super(id,NodeType.Approval,label),__publicField(this,"_availablePreviousNodeTypes"),__publicField(this,"_availableNextNodeTypes"),this._availablePreviousNodeTypes=[NodeType.Approval,NodeType.Handle,NodeType.Condition],this._availableNextNodeTypes=[NodeType.Approval,NodeType.Handle,NodeType.Condition]}getAvailablePreviousNodeTypes(){return this._availablePreviousNodeTypes}getAvailableNextNodeTypes(){return this._availableNextNodeTypes}}class VefHandleFlowNode extends AbstractFlowNode{constructor(id,label){super(id,NodeType.Handle,label),__publicField(this,"_availablePreviousNodeTypes"),__publicField(this,"_availableNextNodeTypes"),this._availablePreviousNodeTypes=[NodeType.Approval,NodeType.Handle,NodeType.Condition],this._availableNextNodeTypes=[NodeType.Approval,NodeType.Handle,NodeType.Condition]}getAvailablePreviousNodeTypes(){return this._availablePreviousNodeTypes}getAvailableNextNodeTypes(){return this._availableNextNodeTypes}}class VefConditionFlowNode extends AbstractFlowNode{constructor(id,label){super(id,NodeType.Condition,label),__publicField(this,"_availablePreviousNodeTypes"),__publicField(this,"_availableNextNodeTypes"),this._availablePreviousNodeTypes=[NodeType.Approval,NodeType.Handle,NodeType.Condition],this._availableNextNodeTypes=[NodeType.Approval,NodeType.Handle,NodeType.Condition]}getAvailablePreviousNodeTypes(){return this._availablePreviousNodeTypes}getAvailableNextNodeTypes(){return this._availableNextNodeTypes}}class VefEndFlowNode extends AbstractFlowNode{constructor(id,label){super(id,NodeType.End,label),__publicField(this,"_availablePreviousNodeTypes"),__publicField(this,"_availableNextNodeTypes"),this._availablePreviousNodeTypes=[NodeType.Approval,NodeType.Handle,NodeType.Condition],this._availableNextNodeTypes=[]}getAvailablePreviousNodeTypes(){return this._availablePreviousNodeTypes}getAvailableNextNodeTypes(){return this._availableNextNodeTypes}}/*! 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{AbstractFlowNode,VefApprovalFlowNode,VefConditionFlowNode,VefEndFlowNode,VefHandleFlowNode,VefSubmitFlowNode};

package/es/vef-approval-flow-editor/store.js

@@ -1,3 +1 @@
-/*! VefFramework version: 1.0.100, build time: 2025-03-07T13:52:52.580Z, made by Venus. */
-import{createComponentStore as e}from"@vef-framework/shared";const{StoreProvider:o,useStore:r,useStoreApi:t}=e("ApprovalFlowEditor",(()=>e=>({selectedNode:null,setSelectedNode:o=>e({selectedNode:o})})));export{o as ApprovalFlowEditorStoreProvider,r as useApprovalFlowEditorStore,t as useApprovalFlowEditorStoreApi};
-/*! 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{createComponentStore}from"@vef-framework/shared";const{StoreProvider:ApprovalFlowEditorStoreProvider,useStore:useApprovalFlowEditorStore,useStoreApi:useApprovalFlowEditorStoreApi}=createComponentStore("ApprovalFlowEditor",()=>set=>({selectedNode:null,setSelectedNode:selectedNode=>set({selectedNode})}));/*! 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{ApprovalFlowEditorStoreProvider,useApprovalFlowEditorStore,useApprovalFlowEditorStoreApi};

package/es/vef-approval-flow-editor/styles.js

@@ -1,9 +1,8 @@
-/*! VefFramework version: 1.0.100, build time: 2025-03-07T13:52:52.580Z, made by Venus. */
-import{css as e}from"@emotion/react";import{themeVariables as o}from"@vef-framework/shared";import r from"../internal/base.css.js";const t=e`
+/*! VefFramework version: 1.0.102, build time: 2025-03-07T16:32:57.836Z, made by Venus. */import{css}from"@emotion/react";import{themeVariables}from"@vef-framework/shared";import flowStyle from"../internal/base.css.js";const flowEditorContainerStyle=css`
   height: 80%;
 
-  ${r}
-`,d=e`
+  ${flowStyle}
+`,flowEditorStyle=css`
   --xy-edge-stroke-width: 2px;
   --xy-edge-stroke: rgb(177, 177, 183);
   --xy-edge-stroke-selected: rgb(177, 177, 183);
@@ -13,23 +12,23 @@ import{css as e}from"@emotion/react";import{themeVariables as o}from"@vef-framew
   }
   .react-flow__nodesselection-rect,
   .react-flow__selection {
-    background-color: oklch(from ${o.colorPrimary} l c h / 0.06);
-    border: ${o.lineWidth} ${o.lineType} ${o.colorPrimary};
-    border-radius: ${o.borderRadius};
+    background-color: oklch(from ${themeVariables.colorPrimary} l c h / 0.06);
+    border: ${themeVariables.lineWidth} ${themeVariables.lineType} ${themeVariables.colorPrimary};
+    border-radius: ${themeVariables.borderRadius};
   }
 
   .react-flow__node {
     width: 240px;
-    border-radius: ${o.borderRadiusLg};
-    padding: ${o.paddingSm};
-    background-color: ${o.colorBgContainer};
+    border-radius: ${themeVariables.borderRadiusLg};
+    padding: ${themeVariables.paddingSm};
+    background-color: ${themeVariables.colorBgContainer};
 
     &:hover:not(.selected) {
-      box-shadow: ${o.boxShadowElevated};
+      box-shadow: ${themeVariables.boxShadowElevated};
     }
 
     &.selected {
-      outline: 2px ${o.lineType} ${o.colorPrimary};
+      outline: 2px ${themeVariables.lineType} ${themeVariables.colorPrimary};
       outline-offset: -2px;
     }
   }
@@ -39,5 +38,4 @@ import{css as e}from"@emotion/react";import{themeVariables as o}from"@vef-framew
     min-height: 12px;
     background-color: transparent;
   }
-`;export{t as flowEditorContainerStyle,d as flowEditorStyle};
-/*! 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 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{flowEditorContainerStyle,flowEditorStyle};

package/es/vef-approval-flow-editor/types.js

@@ -1,3 +1 @@
-/*! VefFramework version: 1.0.100, build time: 2025-03-07T13:52:52.580Z, made by Venus. */
-var n=(n=>(n.Submit="submit",n.Approval="approval",n.Handle="handle",n.Condition="condition",n.End="end",n))(n||{}),o=(n=>(n.Vef="vef",n))(o||{});export{o as EdgeType,n as NodeType};
-/*! 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. */var NodeType=(NodeType2=>(NodeType2.Submit="submit",NodeType2.Approval="approval",NodeType2.Handle="handle",NodeType2.Condition="condition",NodeType2.End="end",NodeType2))(NodeType||{}),EdgeType=(EdgeType2=>(EdgeType2.Vef="vef",EdgeType2))(EdgeType||{});/*! 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{EdgeType,NodeType};

package/es/vef-area-chart/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,jsxs as e}from"@emotion/react/jsx-runtime";import{memo as r}from"react";import{AreaChart as o,CartesianGrid as a,XAxis as i,YAxis as n,Tooltip as c,Area as f,Legend as l}from"recharts";import s from"../vef-chart-container/index.js";import{VefChartLegendContent as p}from"../vef-chart-legend-content/index.js";import d from"../vef-chart-tooltip-content/index.js";const m=r((function VefAreaChartBase({config:r,data:m,dataKey:v,valueFormatter:h,...y}){return t(s,{config:r,...y,children:e(o,{data:m,children:[t("defs",{children:Object.keys(r).map((r=>e("linearGradient",{id:`fill-${r}`,x1:"0",x2:"0",y1:"0",y2:"1",children:[t("stop",{offset:"5%",stopColor:`var(--vef-color-${r})`,stopOpacity:.8}),t("stop",{offset:"95%",stopColor:`var(--vef-color-${r})`,stopOpacity:.1})]},r)))}),t(a,{vertical:!1}),t(i,{axisLine:!1,dataKey:v,tickLine:!1,tickMargin:8}),t(n,{axisLine:!1,tickLine:!1,tickMargin:8}),t(c,{content:t(d,{valueFormatter:h})}),Object.keys(r).map((e=>t(f,{dataKey:e,fill:`url(#fill-${e})`,stackId:"vef-area-chart",stroke:`var(--vef-color-${e})`,type:"natural"},e))),t(l,{content:t(p,{})})]})})}));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{jsx,jsxs}from"@emotion/react/jsx-runtime";import{memo}from"react";import{AreaChart,CartesianGrid,XAxis,YAxis,Tooltip,Area,Legend}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";function VefAreaChartBase({config,data,dataKey,valueFormatter,...restProps}){return jsx(VefChartContainer,{config,...restProps,children:jsxs(AreaChart,{data,children:[jsx("defs",{children:Object.keys(config).map(key=>jsxs("linearGradient",{id:`fill-${key}`,x1:"0",x2:"0",y1:"0",y2:"1",children:[jsx("stop",{offset:"5%",stopColor:`var(--vef-color-${key})`,stopOpacity:.8}),jsx("stop",{offset:"95%",stopColor:`var(--vef-color-${key})`,stopOpacity:.1})]},key))}),jsx(CartesianGrid,{vertical:!1}),jsx(XAxis,{axisLine:!1,dataKey,tickLine:!1,tickMargin:8}),jsx(YAxis,{axisLine:!1,tickLine:!1,tickMargin:8}),jsx(Tooltip,{content:jsx(VefChartTooltipContent,{valueFormatter})}),Object.keys(config).map(key=>jsx(Area,{dataKey:key,fill:`url(#fill-${key})`,stackId:"vef-area-chart",stroke:`var(--vef-color-${key})`,type:"natural"},key)),jsx(Legend,{content:jsx(VefChartLegendContent,{})})]})})}const VefAreaChart=memo(VefAreaChartBase);/*! 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{VefAreaChart as default};

package/es/vef-auto-sizer/index.js

@@ -1,3 +1 @@
-/*! VefFramework version: 1.0.100, build time: 2025-03-07T13:52:52.580Z, made by Venus. */
-import t from"react-virtualized-auto-sizer";const r=t;export{r 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 AutoSizer from"react-virtualized-auto-sizer";const VefAutoSizer=AutoSizer;/*! 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{VefAutoSizer as default};

package/es/vef-avatar/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{Avatar as r}from"antd";function VefAvatar({size:t="medium",...a}){return e(r,{crossOrigin:"anonymous",draggable:!1,size:"medium"===t?"default":t,...a})}export{VefAvatar 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{Avatar}from"antd";function VefAvatar({size="medium",...restProps}){return jsx(Avatar,{crossOrigin:"anonymous",draggable:!1,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{VefAvatar as default};

package/es/vef-avatar-group/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{Avatar as r}from"antd";import{useMemo as o}from"react";const{Group:e}=r;function VefAvatarGroup({max:r,size:m="medium",...a}){const u=o((()=>({count:r})),[r]);return t(e,{max:u,size:"medium"===m?"default":m,...a})}export{VefAvatarGroup 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{Avatar}from"antd";import{useMemo}from"react";const{Group}=Avatar;function VefAvatarGroup({max,size="medium",...restProps}){const maxToUse=useMemo(()=>({count:max}),[max]);return jsx(Group,{max:maxToUse,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{VefAvatarGroup as default};

package/es/vef-badge/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 e}from"@vef-framework/hooks";import{Badge as t}from"antd";import{useMemo as r}from"react";function VefBadge({variant:f="default",count:i,overflowCount:m,showZero:a,size:d,offset:u,color:n}){const s=e(),c=r((()=>"dot"===f?{dot:!0,color:n?s.get(n):void 0,size:"medium"===d?"default":d,offset:u}:{count:i,overflowCount:m,showZero:a,size:"medium"===d?"default":d,offset:u,color:n?s.get(n):void 0}),[f,i,m,a,d,u,n,s]);return o(t,{...c})}export{VefBadge 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 VefBadge({variant="default",count,overflowCount,showZero,size,offset,color}){const colorTokens=useColorTokens(),badgeProps=useMemo(()=>variant==="dot"?{dot:!0,color:color?colorTokens.get(color):void 0,size:size==="medium"?"default":size,offset}:{count,overflowCount,showZero,size:size==="medium"?"default":size,offset,color:color?colorTokens.get(color):void 0},[variant,count,overflowCount,showZero,size,offset,color,colorTokens]);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{VefBadge as default};

package/es/vef-bar-chart/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,jsxs as r}from"@emotion/react/jsx-runtime";import{useThemeTokens as e}from"@vef-framework/hooks";import{memo as a}from"react";import{BarChart as o,CartesianGrid as i,XAxis as n,YAxis as c,Tooltip as f,Legend as m,Bar as d}from"recharts";import s from"../vef-chart-container/index.js";import{VefChartLegendContent as l}from"../vef-chart-legend-content/index.js";import v from"../vef-chart-tooltip-content/index.js";const p=a((function VefBarChartBase({data:a,config:p,dataKey:h,valueFormatter:k,stack:u,...x}){const{borderRadius:g}=e();return t(s,{config:p,...x,children:r(o,{data:a,children:[t(i,{vertical:!1}),t(n,{axisLine:!1,dataKey:h,tickLine:!1,tickMargin:8}),t(c,{axisLine:!1,tickLine:!1,tickMargin:8}),t(f,{content:t(v,{valueFormatter:k})}),t(m,{content:t(l,{})}),Object.keys(p).map((r=>t(d,{dataKey:r,fill:`var(--vef-color-${r})`,radius:g,stackId:u?"vef-bar-chart":void 0},r)))]})})}));export{p 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{useThemeTokens}from"@vef-framework/hooks";import{memo}from"react";import{BarChart,CartesianGrid,XAxis,YAxis,Tooltip,Legend,Bar}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";function VefBarChartBase({data,config,dataKey,valueFormatter,stack,...restProps}){const{borderRadius}=useThemeTokens();return jsx(VefChartContainer,{config,...restProps,children:jsxs(BarChart,{data,children:[jsx(CartesianGrid,{vertical:!1}),jsx(XAxis,{axisLine:!1,dataKey,tickLine:!1,tickMargin:8}),jsx(YAxis,{axisLine:!1,tickLine:!1,tickMargin:8}),jsx(Tooltip,{content:jsx(VefChartTooltipContent,{valueFormatter})}),jsx(Legend,{content:jsx(VefChartLegendContent,{})}),Object.keys(config).map(key=>jsx(Bar,{dataKey:key,fill:`var(--vef-color-${key})`,radius:borderRadius,stackId:stack?"vef-bar-chart":void 0},key))]})})}const VefBarChart=memo(VefBarChartBase);/*! 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{VefBarChart as default};

package/es/vef-bool/hooks/use-bool-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 c}from"react";function useBoolInstance(e,u){const n=r(null),o=r(null);return c(u,(()=>"switch"===e?{focus:()=>{n.current?.focus({preventScroll:!0})},blur:()=>{n.current?.blur()}}:{focus:()=>{o.current?.focus({preventScroll:!0})},blur:()=>{o.current?.blur()}})),{switchRef:n,checkboxRef:o}}export{useBoolInstance};
-/*! 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 useBoolInstance(variant,ref){const switchRef=useRef(null),checkboxRef=useRef(null);return useImperativeHandle(ref,()=>variant==="switch"?{focus:()=>{switchRef.current?.focus({preventScroll:!0})},blur:()=>{switchRef.current?.blur()}}:{focus:()=>{checkboxRef.current?.focus({preventScroll:!0})},blur:()=>{checkboxRef.current?.blur()}}),{switchRef,checkboxRef}}/*! 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{useBoolInstance};

package/es/vef-bool/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{Switch as t,Checkbox as a}from"antd";import{useMemo as i,memo as r,forwardRef as d}from"react";import{useBoolInstance as n}from"./hooks/use-bool-instance.js";const c=r(d((function VefBoolBase({defaultValue:r,value:d,disabled:c,size:f,label:s,indeterminate:l,variant:m="switch",loading:h,onChange:u},k){const p=i((()=>{if(o(u))return"switch"===m?e=>u(e):({target:{checked:e}})=>u(e)}),[u,m]),{switchRef:b,checkboxRef:g}=n(m,k);return"switch"===m?e(t,{ref:b,defaultChecked:r,disabled:c,loading:h,size:"medium"===f?"default":f,onChange:p,...void 0===d?{}:{checked:d}}):e(a,{ref:g,defaultChecked:r,disabled:c,indeterminate:l,onChange:p,...void 0===d?{}:{checked:d},children:s})})));c.displayName="VefBool";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{isFunction}from"@vef-framework/shared";import{Switch,Checkbox}from"antd";import{useMemo,memo,forwardRef}from"react";import{useBoolInstance}from"./hooks/use-bool-instance.js";function VefBoolBase({defaultValue,value,disabled,size,label,indeterminate,variant="switch",loading,onChange},ref){const handleChange=useMemo(()=>{if(isFunction(onChange))return variant==="switch"?value2=>onChange(value2):({target:{checked}})=>onChange(checked)},[onChange,variant]),{switchRef,checkboxRef}=useBoolInstance(variant,ref);return variant==="switch"?jsx(Switch,{ref:switchRef,defaultChecked:defaultValue,disabled,loading,size:size==="medium"?"default":size,onChange:handleChange,...value===void 0?{}:{checked:value}}):jsx(Checkbox,{ref:checkboxRef,defaultChecked:defaultValue,disabled,indeterminate,onChange:handleChange,...value===void 0?{}:{checked:value},children:label})}const VefBool=memo(forwardRef(VefBoolBase));VefBool.displayName="VefBool";/*! 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{VefBool as default};

package/es/vef-breadcrumb/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{isArray as r,isString as t}from"@vef-framework/shared";import{Breadcrumb as m}from"antd";import{useMemo as a,useCallback as i}from"react";function VefBreadcrumb({items:o,onClick:n}){const l=a((()=>o.map((e=>{const{label:t,key:m,dropdownItems:a}=e;return{title:t,key:m,menu:r(a)&&a.length>0?{items:a.map((e=>({key:e.key,title:e.label}))),onClick:({key:e})=>n?.(e)}:void 0}}))),[o,n]),c=i((({key:r,title:m})=>t(r)?e("a",{className:"vef-breadcrumb-link",onClick:()=>n?.(r),children:m}):e("span",{className:"vef-breadcrumb-text",children:m})),[n]);return e(m,{itemRender:c,items:l})}export{VefBreadcrumb 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{isArray,isString}from"@vef-framework/shared";import{Breadcrumb}from"antd";import{useMemo,useCallback}from"react";function VefBreadcrumb({items,onClick}){const breadcrumbItems=useMemo(()=>items.map(item=>{const{label,key,dropdownItems}=item;return{title:label,key,menu:isArray(dropdownItems)&&dropdownItems.length>0?{items:dropdownItems.map(it=>({key:it.key,title:it.label})),onClick:({key:key2})=>onClick?.(key2)}:void 0}}),[items,onClick]),renderItem=useCallback(({key,title})=>isString(key)?jsx("a",{className:"vef-breadcrumb-link",onClick:()=>onClick?.(key),children:title}):jsx("span",{className:"vef-breadcrumb-text",children:title}),[onClick]);return jsx(Breadcrumb,{itemRender:renderItem,items:breadcrumbItems})}/*! 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{VefBreadcrumb as default};

package/es/vef-button/components/base-button.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{useColorTokens as o}from"@vef-framework/hooks";import{defaultColorTypes as e}from"@vef-framework/shared";import{Button as t,ConfigProvider as i}from"antd";import{forwardRef as a}from"react";import"../../internal/index.js";import{convertBasicSizeToUiSize as n}from"../../internal/utils.js";const s=[...e,"default","primary","error"],l=a((({color:e,iconPosition:a,size:l,type:m,variant:d="solid",autoInsertSpace:f,disabled:c,loading:p,...u},h)=>{const v=o(),y="left"===a?"start":"right"===a?"end":void 0;if(!e||s.includes(e))return r(t,{ref:h,autoInsertSpace:f,color:"error"===e?"danger":e,disabled:!p&&c,htmlType:m,iconPosition:y,loading:p,size:n(l),variant:d,...u});if(v.has(e))return r(i,{theme:{token:{colorPrimary:v.get(e)}},children:r(t,{ref:h,autoInsertSpace:f,color:"primary",disabled:!p&&c,htmlType:m,iconPosition:y,loading:p,size:n(l),variant:d,...u})});throw new Error(`Invalid button color: ${e}`)}));l.displayName="VefBaseButton";export{l 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{defaultColorTypes}from"@vef-framework/shared";import{Button,ConfigProvider}from"antd";import{forwardRef}from"react";import"../../internal/index.js";import{convertBasicSizeToUiSize}from"../../internal/utils.js";const buttonColorTypes=[...defaultColorTypes,"default","primary","error"],VefBaseButton=forwardRef(({color,iconPosition,size,type,variant="solid",autoInsertSpace,disabled,loading,...restProps},ref)=>{const colorTokens=useColorTokens(),iconPositionToUse=iconPosition==="left"?"start":iconPosition==="right"?"end":void 0;if(!color||buttonColorTypes.includes(color))return jsx(Button,{ref,autoInsertSpace,color:color==="error"?"danger":color,disabled:loading?!1:disabled,htmlType:type,iconPosition:iconPositionToUse,loading,size:convertBasicSizeToUiSize(size),variant,...restProps});if(colorTokens.has(color))return jsx(ConfigProvider,{theme:{token:{colorPrimary:colorTokens.get(color)}},children:jsx(Button,{ref,autoInsertSpace,color:"primary",disabled:loading?!1:disabled,htmlType:type,iconPosition:iconPositionToUse,loading,size:convertBasicSizeToUiSize(size),variant,...restProps})});throw new Error(`Invalid button color: ${color}`)});VefBaseButton.displayName="VefBaseButton";/*! 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{VefBaseButton as default};

package/es/vef-button/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{useContextDisabled as n}from"@vef-framework/hooks";import{isNullish as i,invokeMaybeAsyncFn as t,defaultMessageTitle as r,showConfirmation as e,omit as a}from"@vef-framework/shared";import{forwardRef as m,useState as f,useMemo as c,memo as l}from"react";import s from"../vef-popconfirm/index.js";import C from"../vef-tooltip/index.js";import p from"./components/base-button.js";const d=l(m((({tip:m,onClick:l,disabled:d=!1,loading:u,...k},b)=>{const[q,v]=f(!1),y=c((()=>{if(k.requireConfirmation){const{onConfirmationOk:o}=k;return i(u)?async()=>{await t(o,{beforeInvoke:()=>{v(!0)},onFinally:()=>{v(!1)}})}:o}}),[k.requireConfirmation,k.onConfirmationOk]),g=c((()=>{if(!k.requireConfirmation)return l&&i(u)?async o=>{await t(l,{beforeInvoke:()=>{v(!0)},onFinally:()=>{v(!1)}},o)}:l;const{confirmationMode:o="simple",confirmationTitle:n=r,confirmationContent:a,onConfirmationCancel:m}=k;return"simple"===o?o=>{o.stopPropagation()}:o=>{o.stopPropagation(),e(n,a,y,{onCancel:m})}}),[u,l,y,k.requireConfirmation,k.confirmationMode,k.confirmationTitle,k.confirmationContent,k.onConfirmationCancel]),h=n()||d,j=o(p,{ref:b,disabled:h,loading:u??q,onClick:g,...a(k,["requireConfirmation","confirmationMode","confirmationTitle","confirmationContent","onConfirmationOk","onConfirmationCancel"])}),w=m?o(C,{content:m,children:j}):j;if(k.requireConfirmation&&"simple"===k.confirmationMode){const{confirmationTitle:n=r,confirmationContent:i,onConfirmationCancel:t}=k;return o(s,{ref:b,content:i,disabled:h,title:n,onCancel:t,onOk:y,children:w})}return w})));d.displayName="VefButton";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 */
+/*! VefFramework version: 1.0.102, build time: 2025-03-07T16:32:57.836Z, made by Venus. */import{jsx}from"@emotion/react/jsx-runtime";import{useContextDisabled}from"@vef-framework/hooks";import{isNullish,invokeMaybeAsyncFn,defaultMessageTitle,showConfirmation,omit}from"@vef-framework/shared";import{forwardRef,useState,useMemo,memo}from"react";import VefPopconfirm from"../vef-popconfirm/index.js";import VefTooltip from"../vef-tooltip/index.js";import VefBaseButton from"./components/base-button.js";const VefButtonBase=forwardRef(({tip,onClick,disabled=!1,loading,...restProps},ref)=>{const[isLoading,setIsLoading]=useState(!1),onConfirmationOkToUse=useMemo(()=>{if(restProps.requireConfirmation){const{onConfirmationOk}=restProps;return isNullish(loading)?async()=>{await invokeMaybeAsyncFn(onConfirmationOk,{beforeInvoke:()=>{setIsLoading(!0)},onFinally:()=>{setIsLoading(!1)}})}:onConfirmationOk}},[restProps.requireConfirmation,restProps.onConfirmationOk]),onClickToUse=useMemo(()=>{if(!restProps.requireConfirmation)return onClick&&isNullish(loading)?async event=>{await invokeMaybeAsyncFn(onClick,{beforeInvoke:()=>{setIsLoading(!0)},onFinally:()=>{setIsLoading(!1)}},event)}:onClick;const{confirmationMode="simple",confirmationTitle=defaultMessageTitle,confirmationContent,onConfirmationCancel}=restProps;return confirmationMode==="simple"?event=>{event.stopPropagation()}:event=>{event.stopPropagation(),showConfirmation(confirmationTitle,confirmationContent,onConfirmationOkToUse,{onCancel:onConfirmationCancel})}},[loading,onClick,onConfirmationOkToUse,restProps.requireConfirmation,restProps.confirmationMode,restProps.confirmationTitle,restProps.confirmationContent,restProps.onConfirmationCancel]),buttonDisabled=useContextDisabled()||disabled,buttonNode=jsx(VefBaseButton,{ref,disabled:buttonDisabled,loading:loading??isLoading,onClick:onClickToUse,...omit(restProps,["requireConfirmation","confirmationMode","confirmationTitle","confirmationContent","onConfirmationOk","onConfirmationCancel"])}),buttonNodeMaybeWithTip=tip?jsx(VefTooltip,{content:tip,children:buttonNode}):buttonNode;if(restProps.requireConfirmation&&restProps.confirmationMode==="simple"){const{confirmationTitle=defaultMessageTitle,confirmationContent,onConfirmationCancel}=restProps;return jsx(VefPopconfirm,{ref,content:confirmationContent,disabled:buttonDisabled,title:confirmationTitle,onCancel:onConfirmationCancel,onOk:onConfirmationOkToUse,children:buttonNodeMaybeWithTip})}return buttonNodeMaybeWithTip}),VefButton=memo(VefButtonBase);VefButton.displayName="VefButton";/*! 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{VefButton as default};

package/es/vef-card/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{isArray as r}from"@vef-framework/shared";import{Card as o}from"antd";function VefCard({size:t="medium",showHoverEffect:i=!1,actions:m,nested:a=!1,...f}){return e(o,{actions:r(m)?m:m?[m]:void 0,hoverable:i,size:"medium"===t?"default":t,type:a?"inner":void 0,...f})}export{VefCard 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{isArray}from"@vef-framework/shared";import{Card}from"antd";function VefCard({size="medium",showHoverEffect=!1,actions,nested=!1,...restProps}){return jsx(Card,{actions:isArray(actions)?actions:actions?[actions]:void 0,hoverable:showHoverEffect,size:size==="medium"?"default":size,type:nested?"inner":void 0,...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{VefCard as default};

package/es/vef-card-meta/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{Card as e}from"antd";const{Meta:r}=e;function VefCardMeta({...e}){return t(r,{...e})}export{VefCardMeta 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{Card}from"antd";const{Meta:CardMeta}=Card;function VefCardMeta({...props}){return jsx(CardMeta,{...props})}/*! 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{VefCardMeta as default};

package/es/vef-chart-container/hooks/use-chart-container-context.js

@@ -1,3 +1 @@
-/*! VefFramework version: 1.0.100, build time: 2025-03-07T13:52:52.580Z, made by Venus. */
-import{createSelectableContext as e}from"@vef-framework/shared";const{useContextSelector:o,useContext:t,ContextProvider:r}=e({config:{}});export{r as ChartContainerContextProvider,t as useChartContainerContext,o as useChartContainerContextSelector};
-/*! 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{createSelectableContext}from"@vef-framework/shared";const{useContextSelector:useChartContainerContextSelector,useContext:useChartContainerContext,ContextProvider:ChartContainerContextProvider}=createSelectableContext({config:{}});/*! 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{ChartContainerContextProvider,useChartContainerContext,useChartContainerContextSelector};

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

@@ -1,18 +1,17 @@
-/*! VefFramework version: 1.0.100, build time: 2025-03-07T13:52:52.580Z, made by Venus. */
-import{jsx as r,jsxs as e}from"@emotion/react/jsx-runtime";import{css as t}from"@emotion/react";import{themeVariables as o,isString as c}from"@vef-framework/shared";import{forwardRef as n,useId as a}from"react";import{ResponsiveContainer as i}from"recharts";import{ChartContainerContextProvider as s}from"./hooks/use-chart-container-context.js";const l=t`
+/*! 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,isString}from"@vef-framework/shared";import{forwardRef,useId}from"react";import{ResponsiveContainer}from"recharts";import{ChartContainerContextProvider}from"./hooks/use-chart-container-context.js";const chartContainerStyle=css`
   display: flex;
   justify-content: center;
   
   & .recharts-cartesian-axis-tick text {
-    fill: ${o.colorTextDescription};
+    fill: ${themeVariables.colorTextDescription};
   }
   
   & .recharts-cartesian-grid line[stroke='#ccc'] {
-    stroke: color-mix(in srgb, ${o.colorBorder} 50%, transparent);
+    stroke: color-mix(in srgb, ${themeVariables.colorBorder} 50%, transparent);
   }
   
   & .recharts-curve.recharts-tooltip-cursor {
-    stroke: ${o.colorBorderSecondary};
+    stroke: ${themeVariables.colorBorderSecondary};
   }
   
   & .recharts-dot[stroke='#fff'] {
@@ -24,19 +23,19 @@ import{jsx as r,jsxs as e}from"@emotion/react/jsx-runtime";import{css as t}from"
   }
   
   & .recharts-polar-grid[stroke='#ccc'] {
-    stroke: ${o.colorBorderSecondary};
+    stroke: ${themeVariables.colorBorderSecondary};
   }
   
   & .recharts-radial-bar-background-sector {
-    fill: ${o.colorFillContent};
+    fill: ${themeVariables.colorFillContent};
   }
   
   & .recharts-rectangle.recharts-tooltip-cursor {
-    fill: ${o.colorFillContent};
+    fill: ${themeVariables.colorFillContent};
   }
   
   & .recharts-reference-line[stroke='#ccc'] {
-    stroke: ${o.colorBorderSecondary};
+    stroke: ${themeVariables.colorBorderSecondary};
   }
   
   & .recharts-sector[stroke='#fff'] {
@@ -50,5 +49,9 @@ import{jsx as r,jsxs as e}from"@emotion/react/jsx-runtime";import{css as t}from"
   & .recharts-surface {
     outline: none;
   }
-`;function ChartStyle({id:e,config:t}){const o=Object.entries(t).map((([r,{color:e}])=>[r,e])).filter((([,r])=>c(r)));return o.length?r("style",{dangerouslySetInnerHTML:{__html:`\n          [data-chart="${e}"] {\n            ${o.map((([r,e])=>`--vef-color-${r}: ${e};`)).join("\n")}\n          }\n        `}}):null}const h=n((({id:t,className:o,children:c,config:n,aspect:h=16/9,width:d="100%",height:f,minWidth:m,minHeight:p,...u},g)=>{const k=a(),$=`${t||k.replace(/:/g,"")}-chart`;return r(s,{value:{config:n},children:e("div",{ref:g,className:o,css:l,"data-chart":$,...u,children:[r(ChartStyle,{config:n,id:$}),r(i,{aspect:h,height:f,minHeight:p,minWidth:m,width:d,children:c})]})})}));h.displayName="VefChartContainer";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 */
+`;function ChartStyle({id,config}){const colors=Object.entries(config).map(([key,{color}])=>[key,color]).filter(([,color])=>isString(color));return colors.length?jsx("style",{dangerouslySetInnerHTML:{__html:`
+          [data-chart="${id}"] {
+            ${colors.map(([key,color])=>`--vef-color-${key}: ${color};`).join(`
+`)}
+          }
+        `}}):null}const VefChartContainer=forwardRef(({id,className,children,config,aspect=16/9,width="100%",height,minWidth,minHeight,...restProps},ref)=>{const uniqueId=useId(),chartId=`${id||uniqueId.replace(/:/g,"")}-chart`;return jsx(ChartContainerContextProvider,{value:{config},children:jsxs("div",{ref,className,css:chartContainerStyle,"data-chart":chartId,...restProps,children:[jsx(ChartStyle,{config,id:chartId}),jsx(ResponsiveContainer,{aspect,height,minHeight,minWidth,width,children})]})})});VefChartContainer.displayName="VefChartContainer";/*! 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{VefChartContainer as default};

package/es/vef-chart-legend-content/index.js

@@ -1,18 +1,16 @@
-/*! VefFramework version: 1.0.100, build time: 2025-03-07T13:52:52.580Z, made by Venus. */
-import{jsx as r,jsxs as e}from"@emotion/react/jsx-runtime";import{css as o}from"@emotion/react";import{styles as a,themeVariables as t}from"@vef-framework/shared";import{forwardRef as n}from"react";import"../internal/index.js";import{useChartContainerContextSelector as i}from"../vef-chart-container/hooks/use-chart-container-context.js";import{getPayloadConfigFromPayload as c}from"../internal/chart.js";const l=o`
-  ${a.flexCenter}
-  gap: ${t.margin};
-  padding-top: ${t.marginSm};
-`,s=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{css}from"@emotion/react";import{styles,themeVariables}from"@vef-framework/shared";import{forwardRef}from"react";import"../internal/index.js";import{useChartContainerContextSelector}from"../vef-chart-container/hooks/use-chart-container-context.js";import{getPayloadConfigFromPayload}from"../internal/chart.js";const chartLegendContentStyle=css`
+  ${styles.flexCenter}
+  gap: ${themeVariables.margin};
+  padding-top: ${themeVariables.marginSm};
+`,itemStyle=css`
   display: flex;
   align-items: center;
-  gap: ${t.marginXs};
-  color: ${t.colorTextLabel};
-`,m=o`
+  gap: ${themeVariables.marginXs};
+  color: ${themeVariables.colorTextLabel};
+`,indicatorStyle=css`
   flex: none;
   width: 0.75rem;
   height: 0.75rem;
-  border-radius: ${t.borderRadiusXs};
+  border-radius: ${themeVariables.borderRadiusXs};
   background-color: var(--vef-indicator-color);
-`,d=n((({className:o,payload:a},t)=>{const n=i((r=>r.config));return a?.length?r("div",{ref:t,className:o,css:l,children:a.map((o=>{const a=`${o.dataKey||"value"}`,t=c(o,a,n);return e("div",{css:s,children:[r("div",{css:m,style:{"--vef-indicator-color":o.color}}),t?.label]},o.value)}))}):null}));d.displayName="VefChartLegendContent";export{d as VefChartLegendContent,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 */
+`,VefChartLegendContent=forwardRef(({className,payload},ref)=>{const config=useChartContainerContextSelector(ctx=>ctx.config);return payload?.length?jsx("div",{ref,className,css:chartLegendContentStyle,children:payload.map(item=>{const key=`${item.dataKey||"value"}`,itemConfig=getPayloadConfigFromPayload(item,key,config);return jsxs("div",{css:itemStyle,children:[jsx("div",{css:indicatorStyle,style:{"--vef-indicator-color":item.color}}),itemConfig?.label]},item.value)})}):null});VefChartLegendContent.displayName="VefChartLegendContent";/*! 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{VefChartLegendContent,VefChartLegendContent as default};

package/es/vef-chart-tooltip-content/index.js

@@ -1,44 +1,42 @@
-/*! VefFramework version: 1.0.100, build time: 2025-03-07T13:52:52.580Z, made by Venus. */
-import{jsx as e,jsxs as r,Fragment as a}from"@emotion/react/jsx-runtime";import{css as o}from"@emotion/react";import{themeVariables as i,isString as l,isFunction as n,isNullish as t}from"@vef-framework/shared";import{forwardRef as d,useMemo as s}from"react";import"../internal/index.js";import{useChartContainerContextSelector as c}from"../vef-chart-container/hooks/use-chart-container-context.js";import{getPayloadConfigFromPayload as m}from"../internal/chart.js";const p=o`
+/*! 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{css}from"@emotion/react";import{themeVariables,isString,isFunction,isNullish}from"@vef-framework/shared";import{forwardRef,useMemo}from"react";import"../internal/index.js";import{useChartContainerContextSelector}from"../vef-chart-container/hooks/use-chart-container-context.js";import{getPayloadConfigFromPayload}from"../internal/chart.js";const wrapperStyle=css`
   display: grid;
   min-width: 10rem;
   align-items: start;
-  gap: ${i.marginXs};
-  border-radius: ${i.borderRadius};
-  border: ${i.lineWidth} ${i.lineType} ${i.colorBorderSecondary};
-  background: ${i.colorBgContainer};
-  padding: ${i.paddingXs} ${i.paddingSm};
-  box-shadow: ${i.boxShadowSecondary};
-  color: ${i.colorTextLabel}
-`,f=o`
+  gap: ${themeVariables.marginXs};
+  border-radius: ${themeVariables.borderRadius};
+  border: ${themeVariables.lineWidth} ${themeVariables.lineType} ${themeVariables.colorBorderSecondary};
+  background: ${themeVariables.colorBgContainer};
+  padding: ${themeVariables.paddingXs} ${themeVariables.paddingSm};
+  box-shadow: ${themeVariables.boxShadowSecondary};
+  color: ${themeVariables.colorTextLabel}
+`,itemsWrapperStyle=css`
   display: grid;
-  gap: ${i.marginXs};
-`,h=o`
+  gap: ${themeVariables.marginXs};
+`,labelStyle=css`
   font-weight: 500;
-`,g=o`
+`,itemStyle=css`
   display: flex;
   width: 100%;
   flex-wrap: wrap;
   align-items: center;
-  gap: ${i.marginXs};
-`,u=o`
+  gap: ${themeVariables.marginXs};
+`,indicatorStyle=css`
   height: 0.75rem;
   width: 0.75rem;
   flex: none;
-  border-radius: ${i.borderRadiusXs};
+  border-radius: ${themeVariables.borderRadiusXs};
   border-color: var(--vef-indicator-color);
   background-color: var(--vef-indicator-color);
-`,v=o`
+`,itemContentStyle=css`
   display: flex;
   flex: 1;
   justify-content: space-between;
   align-items: center;
-  gap: ${i.marginXs};
+  gap: ${themeVariables.marginXs};
   line-height: 1;
-`,b=o`
-  color: ${i.colorTextDescription};
-`,$=o`
+`,itemLabelStyle=css`
+  color: ${themeVariables.colorTextDescription};
+`,itemValueStyle=css`
   font-weight: 500;
-  font-family: ${i.fontFamilyCode};
-`,y=d((({active:o,payload:i,className:d,label:y,labelFormatter:x,labelClassName:w,formatter:X,valueFormatter:j,color:S,hideLabel:k=!1},N)=>{const C=c((e=>e.config)),F=s((()=>{if(k||!i?.length)return null;const[r]=i,a=`${r.dataKey||r.name||"value"}`,o=m(r,a,C),t=l(y)?y:o?.label;return t?e("div",{className:w,css:h,children:n(x)?x(t,i):t}):null}),[k,i,C,y,w,x]);return o&&i?.length?r("div",{ref:N,className:d,css:p,children:[F,e("div",{css:f,children:i.map(((o,i)=>{const l=`${o.name||o.dataKey||"value"}`,d=m(o,l,C),s=S||o.payload.fill||o.color;return e("div",{css:g,children:X&&!t(o?.value)&&o.name?X(o.value,o.name,o,i,o.payload):r(a,{children:[e("div",{css:u,style:{"--vef-indicator-color":s}}),r("div",{css:v,children:[e("span",{css:b,children:d?.label||o.name}),o.value&&e("span",{css:$,children:n(j)?j(o.value):o.value.toLocaleString()})]})]})},o.dataKey)}))})]}):null}));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 */
+  font-family: ${themeVariables.fontFamilyCode};
+`,VefChartTooltipContent=forwardRef(({active,payload,className,label,labelFormatter,labelClassName,formatter,valueFormatter,color,hideLabel=!1},ref)=>{const config=useChartContainerContextSelector(ctx=>ctx.config),tooltipLabel=useMemo(()=>{if(hideLabel||!payload?.length)return null;const[item]=payload,key=`${item.dataKey||item.name||"value"}`,itemConfig=getPayloadConfigFromPayload(item,key,config),labelValue=isString(label)?label:itemConfig?.label;return labelValue?jsx("div",{className:labelClassName,css:labelStyle,children:isFunction(labelFormatter)?labelFormatter(labelValue,payload):labelValue}):null},[hideLabel,payload,config,label,labelClassName,labelFormatter]);return!active||!payload?.length?null:jsxs("div",{ref,className,css:wrapperStyle,children:[tooltipLabel,jsx("div",{css:itemsWrapperStyle,children:payload.map((item,index)=>{const key=`${item.name||item.dataKey||"value"}`,itemConfig=getPayloadConfigFromPayload(item,key,config),indicatorColor=color||item.payload.fill||item.color;return jsx("div",{css:itemStyle,children:formatter&&!isNullish(item?.value)&&item.name?formatter(item.value,item.name,item,index,item.payload):jsxs(Fragment,{children:[jsx("div",{css:indicatorStyle,style:{"--vef-indicator-color":indicatorColor}}),jsxs("div",{css:itemContentStyle,children:[jsx("span",{css:itemLabelStyle,children:itemConfig?.label||item.name}),item.value&&jsx("span",{css:itemValueStyle,children:isFunction(valueFormatter)?valueFormatter(item.value):item.value.toLocaleString()})]})]})},item.dataKey)})})]})});/*! 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{VefChartTooltipContent as default};

package/es/vef-checkbox/hooks/use-checkbox-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 r}from"react";function useCheckboxInstance(t,n){const c=e(null);return r(t,(()=>({blur:()=>{c.current?.blur()},focus:()=>{c.current?.focus({preventScroll:!0})},getDataOptions:()=>n}))),c}export{useCheckboxInstance};
-/*! 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 useCheckboxInstance(ref,dataOptions){const checkboxRef=useRef(null);return useImperativeHandle(ref,()=>({blur:()=>{checkboxRef.current?.blur()},focus:()=>{checkboxRef.current?.focus({preventScroll:!0})},getDataOptions:()=>dataOptions})),checkboxRef}/*! 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{useCheckboxInstance};

package/es/vef-checkbox/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}),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}),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};