@vef-framework/components 1.0.100 → 1.0.101

package/lib/vef-approval-flow-editor/index.cjs

@@ -1,3 +1,80 @@
-/*! VefFramework version: 1.0.100, build time: 2025-03-07T13:52:52.580Z, made by Venus. */
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("@emotion/react/jsx-runtime"),o=require("@xyflow/react"),t=require("react"),n=require("./components/nodes/index.cjs"),s=require("./constants.cjs"),i=require("./helper.cjs"),r=require("./hooks/use-edges-interaction.cjs"),l=require("./hooks/use-element-selection.cjs"),a=require("./hooks/use-nodes-interaction.cjs"),d=require("./store.cjs"),c=require("./styles.cjs");function VefApprovalFlowEditorBase(){const[d,u,g]=o.useEdgesState(s.initialEdges),[p,f,E]=o.useNodesState(s.initialNodes),{handleEdgeMouseEnter:h,handleEdgeMouseLeave:j}=r.useEdgesInteraction(),{handleSelectionChange:m}=l.useElementSelection(),{handleBeforeDelete:y}=a.useNodesInteraction(),v=t.useRef();return t.useLayoutEffect((()=>{if(v.current){if(d.every((e=>v.current.has(`${e.id}__${e.source}__${e.target}`))))return}const e=i.layoutFlowElements(p,d);f(e),v.current=new Set(d.map((e=>`${e.id}__${e.source}__${e.target}`)))}),[d]),e.jsxs(o.ReactFlow,{disableKeyboardA11y:!0,fitView:!0,css:c.flowEditorStyle,defaultEdgeOptions:s.defaultEdgeOptions,edges:d,edgesFocusable:!1,edgesReconnectable:!1,edgeTypes:s.edgeTypes,fitViewOptions:s.fitViewOptions,maxZoom:2,minZoom:.5,multiSelectionKeyCode:null,nodes:p,nodesConnectable:!1,nodesDraggable:!1,nodesFocusable:!1,nodeTypes:n.nodeTypes,panActivationKeyCode:null,selectionKeyCode:null,selectionMode:o.SelectionMode.Partial,zoomActivationKeyCode:null,onBeforeDelete:y,onEdgeMouseEnter:h,onEdgeMouseLeave:j,onEdgesChange:g,onNodesChange:E,onSelectionChange:m,children:[e.jsx(o.MiniMap,{pannable:!0,position:"bottom-left"}),e.jsx(o.Controls,{orientation:"horizontal",position:"bottom-left"}),e.jsx(o.Background,{gap:12,variant:o.BackgroundVariant.Dots})]})}const u=t.memo((function VefApprovalFlowEditor(t){return e.jsx("div",{css:c.flowEditorContainerStyle,children:e.jsx(d.ApprovalFlowEditorStoreProvider,{initialState:null,children:e.jsx(o.ReactFlowProvider,{children:e.jsx(VefApprovalFlowEditorBase,{...t})})})})}));exports.default=u;
+/*! VefFramework version: 1.0.101, build time: 2025-03-07T14:07:14.971Z, made by Venus. */
+'use strict';
+
+Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: 'Module' } });
+
+const jsxRuntime = require('@emotion/react/jsx-runtime');
+const react = require('@xyflow/react');
+const react$1 = require('react');
+const index$1 = require('./components/nodes/index.cjs');
+const constants = require('./constants.cjs');
+const helper = require('./helper.cjs');
+const useEdgesInteraction = require('./hooks/use-edges-interaction.cjs');
+const useElementSelection = require('./hooks/use-element-selection.cjs');
+const useNodesInteraction = require('./hooks/use-nodes-interaction.cjs');
+const store = require('./store.cjs');
+const styles = require('./styles.cjs');
+
+function VefApprovalFlowEditorBase() {
+  const [edges, _, onEdgesChange] = react.useEdgesState(constants.initialEdges);
+  const [nodes, setNodes, onNodesChange] = react.useNodesState(constants.initialNodes);
+  const { handleEdgeMouseEnter, handleEdgeMouseLeave } = useEdgesInteraction.useEdgesInteraction();
+  const { handleSelectionChange } = useElementSelection.useElementSelection();
+  const { handleBeforeDelete } = useNodesInteraction.useNodesInteraction();
+  const currentEdgeIdentifiersRef = react$1.useRef();
+  react$1.useLayoutEffect(() => {
+    if (currentEdgeIdentifiersRef.current) {
+      const isSame = edges.every((edge) => currentEdgeIdentifiersRef.current.has(`${edge.id}__${edge.source}__${edge.target}`));
+      if (isSame) {
+        return;
+      }
+    }
+    const layoutedNodes = helper.layoutFlowElements(nodes, edges);
+    setNodes(layoutedNodes);
+    currentEdgeIdentifiersRef.current = new Set(edges.map((edge) => `${edge.id}__${edge.source}__${edge.target}`));
+  }, [edges]);
+  return /* @__PURE__ */ jsxRuntime.jsxs(
+    react.ReactFlow,
+    {
+      disableKeyboardA11y: true,
+      fitView: true,
+      css: styles.flowEditorStyle,
+      defaultEdgeOptions: constants.defaultEdgeOptions,
+      edges,
+      edgesFocusable: false,
+      edgesReconnectable: false,
+      edgeTypes: constants.edgeTypes,
+      fitViewOptions: constants.fitViewOptions,
+      maxZoom: 2,
+      minZoom: 0.5,
+      multiSelectionKeyCode: null,
+      nodes,
+      nodesConnectable: false,
+      nodesDraggable: false,
+      nodesFocusable: false,
+      nodeTypes: index$1.nodeTypes,
+      panActivationKeyCode: null,
+      selectionKeyCode: null,
+      selectionMode: react.SelectionMode.Partial,
+      zoomActivationKeyCode: null,
+      onBeforeDelete: handleBeforeDelete,
+      onEdgeMouseEnter: handleEdgeMouseEnter,
+      onEdgeMouseLeave: handleEdgeMouseLeave,
+      onEdgesChange,
+      onNodesChange,
+      onSelectionChange: handleSelectionChange,
+      children: [
+        /* @__PURE__ */ jsxRuntime.jsx(react.MiniMap, { pannable: true, position: "bottom-left" }),
+        /* @__PURE__ */ jsxRuntime.jsx(react.Controls, { orientation: "horizontal", position: "bottom-left" }),
+        /* @__PURE__ */ jsxRuntime.jsx(react.Background, { gap: 12, variant: react.BackgroundVariant.Dots })
+      ]
+    }
+  );
+}
+function VefApprovalFlowEditor(props) {
+  return /* @__PURE__ */ jsxRuntime.jsx("div", { css: styles.flowEditorContainerStyle, children: /* @__PURE__ */ jsxRuntime.jsx(store.ApprovalFlowEditorStoreProvider, { initialState: null, children: /* @__PURE__ */ jsxRuntime.jsx(react.ReactFlowProvider, { children: /* @__PURE__ */ jsxRuntime.jsx(VefApprovalFlowEditorBase, { ...props }) }) }) });
+}
+const index = react$1.memo(VefApprovalFlowEditor);
+
+exports.default = index;
 /*! 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 */

package/lib/vef-approval-flow-editor/models/edge-node.cjs

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

package/lib/vef-approval-flow-editor/models/flow-node.cjs

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

package/lib/vef-approval-flow-editor/props.cjs

@@ -1,3 +1,5 @@
-/*! VefFramework version: 1.0.100, build time: 2025-03-07T13:52:52.580Z, made by Venus. */
-"use strict";
+/*! VefFramework version: 1.0.101, build time: 2025-03-07T14:07:14.971Z, made by Venus. */
+'use strict';
+
+
 /*! 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 */

package/lib/vef-approval-flow-editor/store.cjs

@@ -1,3 +1,23 @@
-/*! VefFramework version: 1.0.100, build time: 2025-03-07T13:52:52.580Z, made by Venus. */
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("@vef-framework/shared"),{StoreProvider:o,useStore:r,useStoreApi:t}=e.createComponentStore("ApprovalFlowEditor",(()=>e=>({selectedNode:null,setSelectedNode:o=>e({selectedNode:o})})));exports.ApprovalFlowEditorStoreProvider=o,exports.useApprovalFlowEditorStore=r,exports.useApprovalFlowEditorStoreApi=t;
+/*! VefFramework version: 1.0.101, build time: 2025-03-07T14:07:14.971Z, made by Venus. */
+'use strict';
+
+Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
+
+const shared = require('@vef-framework/shared');
+
+const {
+  StoreProvider: ApprovalFlowEditorStoreProvider,
+  useStore: useApprovalFlowEditorStore,
+  useStoreApi: useApprovalFlowEditorStoreApi
+} = shared.createComponentStore(
+  "ApprovalFlowEditor",
+  () => (set) => ({
+    selectedNode: null,
+    setSelectedNode: (selectedNode) => set({ selectedNode })
+  })
+);
+
+exports.ApprovalFlowEditorStoreProvider = ApprovalFlowEditorStoreProvider;
+exports.useApprovalFlowEditorStore = useApprovalFlowEditorStore;
+exports.useApprovalFlowEditorStoreApi = 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 */

package/lib/vef-approval-flow-editor/styles.cjs

@@ -1,9 +1,18 @@
-/*! VefFramework version: 1.0.100, build time: 2025-03-07T13:52:52.580Z, made by Venus. */
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("@emotion/react"),r=require("@vef-framework/shared"),o=require("../internal/base.css.cjs"),t=e.css`
+/*! VefFramework version: 1.0.101, build time: 2025-03-07T14:07:14.971Z, made by Venus. */
+'use strict';
+
+Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
+
+const react = require('@emotion/react');
+const shared = require('@vef-framework/shared');
+const base = require('../internal/base.css.cjs');
+
+const flowEditorContainerStyle = react.css`
   height: 80%;
 
-  ${o.default}
-`,a=e.css`
+  ${base.default}
+`;
+const flowEditorStyle = react.css`
   --xy-edge-stroke-width: 2px;
   --xy-edge-stroke: rgb(177, 177, 183);
   --xy-edge-stroke-selected: rgb(177, 177, 183);
@@ -13,23 +22,23 @@
   }
   .react-flow__nodesselection-rect,
   .react-flow__selection {
-    background-color: oklch(from ${r.themeVariables.colorPrimary} l c h / 0.06);
-    border: ${r.themeVariables.lineWidth} ${r.themeVariables.lineType} ${r.themeVariables.colorPrimary};
-    border-radius: ${r.themeVariables.borderRadius};
+    background-color: oklch(from ${shared.themeVariables.colorPrimary} l c h / 0.06);
+    border: ${shared.themeVariables.lineWidth} ${shared.themeVariables.lineType} ${shared.themeVariables.colorPrimary};
+    border-radius: ${shared.themeVariables.borderRadius};
   }
 
   .react-flow__node {
     width: 240px;
-    border-radius: ${r.themeVariables.borderRadiusLg};
-    padding: ${r.themeVariables.paddingSm};
-    background-color: ${r.themeVariables.colorBgContainer};
+    border-radius: ${shared.themeVariables.borderRadiusLg};
+    padding: ${shared.themeVariables.paddingSm};
+    background-color: ${shared.themeVariables.colorBgContainer};
 
     &:hover:not(.selected) {
-      box-shadow: ${r.themeVariables.boxShadowElevated};
+      box-shadow: ${shared.themeVariables.boxShadowElevated};
     }
 
     &.selected {
-      outline: 2px ${r.themeVariables.lineType} ${r.themeVariables.colorPrimary};
+      outline: 2px ${shared.themeVariables.lineType} ${shared.themeVariables.colorPrimary};
       outline-offset: -2px;
     }
   }
@@ -39,5 +48,8 @@
     min-height: 12px;
     background-color: transparent;
   }
-`;exports.flowEditorContainerStyle=t,exports.flowEditorStyle=a;
+`;
+
+exports.flowEditorContainerStyle = flowEditorContainerStyle;
+exports.flowEditorStyle = 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 */

package/lib/vef-approval-flow-editor/types.cjs

@@ -1,3 +1,21 @@
-/*! VefFramework version: 1.0.100, build time: 2025-03-07T13:52:52.580Z, made by Venus. */
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});var e=(e=>(e.Submit="submit",e.Approval="approval",e.Handle="handle",e.Condition="condition",e.End="end",e))(e||{}),o=(e=>(e.Vef="vef",e))(o||{});exports.EdgeType=o,exports.NodeType=e;
+/*! VefFramework version: 1.0.101, build time: 2025-03-07T14:07:14.971Z, made by Venus. */
+'use strict';
+
+Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
+
+var NodeType = /* @__PURE__ */ ((NodeType2) => {
+  NodeType2["Submit"] = "submit";
+  NodeType2["Approval"] = "approval";
+  NodeType2["Handle"] = "handle";
+  NodeType2["Condition"] = "condition";
+  NodeType2["End"] = "end";
+  return NodeType2;
+})(NodeType || {});
+var EdgeType = /* @__PURE__ */ ((EdgeType2) => {
+  EdgeType2["Vef"] = "vef";
+  return EdgeType2;
+})(EdgeType || {});
+
+exports.EdgeType = EdgeType;
+exports.NodeType = 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 */

package/lib/vef-area-chart/index.cjs

@@ -1,3 +1,46 @@
-/*! VefFramework version: 1.0.100, build time: 2025-03-07T13:52:52.580Z, made by Venus. */
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("@emotion/react/jsx-runtime"),t=require("react"),r=require("recharts"),a=require("../vef-chart-container/index.cjs"),i=require("../vef-chart-legend-content/index.cjs"),s=require("../vef-chart-tooltip-content/index.cjs");const o=t.memo((function VefAreaChartBase({config:t,data:o,dataKey:n,valueFormatter:c,...l}){return e.jsx(a.default,{config:t,...l,children:e.jsxs(r.AreaChart,{data:o,children:[e.jsx("defs",{children:Object.keys(t).map((t=>e.jsxs("linearGradient",{id:`fill-${t}`,x1:"0",x2:"0",y1:"0",y2:"1",children:[e.jsx("stop",{offset:"5%",stopColor:`var(--vef-color-${t})`,stopOpacity:.8}),e.jsx("stop",{offset:"95%",stopColor:`var(--vef-color-${t})`,stopOpacity:.1})]},t)))}),e.jsx(r.CartesianGrid,{vertical:!1}),e.jsx(r.XAxis,{axisLine:!1,dataKey:n,tickLine:!1,tickMargin:8}),e.jsx(r.YAxis,{axisLine:!1,tickLine:!1,tickMargin:8}),e.jsx(r.Tooltip,{content:e.jsx(s.default,{valueFormatter:c})}),Object.keys(t).map((t=>e.jsx(r.Area,{dataKey:t,fill:`url(#fill-${t})`,stackId:"vef-area-chart",stroke:`var(--vef-color-${t})`,type:"natural"},t))),e.jsx(r.Legend,{content:e.jsx(i.VefChartLegendContent,{})})]})})}));exports.default=o;
+/*! VefFramework version: 1.0.101, build time: 2025-03-07T14:07:14.971Z, made by Venus. */
+'use strict';
+
+Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: 'Module' } });
+
+const jsxRuntime = require('@emotion/react/jsx-runtime');
+const react = require('react');
+const recharts = require('recharts');
+const index = require('../vef-chart-container/index.cjs');
+const index$2 = require('../vef-chart-legend-content/index.cjs');
+const index$1 = require('../vef-chart-tooltip-content/index.cjs');
+
+function VefAreaChartBase({
+  config,
+  data,
+  dataKey,
+  valueFormatter,
+  ...restProps
+}) {
+  return /* @__PURE__ */ jsxRuntime.jsx(index.default, { config, ...restProps, children: /* @__PURE__ */ jsxRuntime.jsxs(recharts.AreaChart, { data, children: [
+    /* @__PURE__ */ jsxRuntime.jsx("defs", { children: Object.keys(config).map((key) => /* @__PURE__ */ jsxRuntime.jsxs("linearGradient", { id: `fill-${key}`, x1: "0", x2: "0", y1: "0", y2: "1", children: [
+      /* @__PURE__ */ jsxRuntime.jsx("stop", { offset: "5%", stopColor: `var(--vef-color-${key})`, stopOpacity: 0.8 }),
+      /* @__PURE__ */ jsxRuntime.jsx("stop", { offset: "95%", stopColor: `var(--vef-color-${key})`, stopOpacity: 0.1 })
+    ] }, key)) }),
+    /* @__PURE__ */ jsxRuntime.jsx(recharts.CartesianGrid, { vertical: false }),
+    /* @__PURE__ */ jsxRuntime.jsx(recharts.XAxis, { axisLine: false, dataKey, tickLine: false, tickMargin: 8 }),
+    /* @__PURE__ */ jsxRuntime.jsx(recharts.YAxis, { axisLine: false, tickLine: false, tickMargin: 8 }),
+    /* @__PURE__ */ jsxRuntime.jsx(recharts.Tooltip, { content: /* @__PURE__ */ jsxRuntime.jsx(index$1.default, { valueFormatter }) }),
+    Object.keys(config).map((key) => /* @__PURE__ */ jsxRuntime.jsx(
+      recharts.Area,
+      {
+        dataKey: key,
+        fill: `url(#fill-${key})`,
+        stackId: "vef-area-chart",
+        stroke: `var(--vef-color-${key})`,
+        type: "natural"
+      },
+      key
+    )),
+    /* @__PURE__ */ jsxRuntime.jsx(recharts.Legend, { content: /* @__PURE__ */ jsxRuntime.jsx(index$2.VefChartLegendContent, {}) })
+  ] }) });
+}
+const VefAreaChart = react.memo(VefAreaChartBase);
+
+exports.default = VefAreaChart;
 /*! 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 */

package/lib/vef-area-chart/props.cjs

@@ -1,3 +1,5 @@
-/*! VefFramework version: 1.0.100, build time: 2025-03-07T13:52:52.580Z, made by Venus. */
-"use strict";
+/*! VefFramework version: 1.0.101, build time: 2025-03-07T14:07:14.971Z, made by Venus. */
+'use strict';
+
+
 /*! 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 */

package/lib/vef-auto-sizer/index.cjs

@@ -1,3 +1,11 @@
-/*! VefFramework version: 1.0.100, build time: 2025-03-07T13:52:52.580Z, made by Venus. */
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("react-virtualized-auto-sizer");exports.default=e;
+/*! VefFramework version: 1.0.101, build time: 2025-03-07T14:07:14.971Z, made by Venus. */
+'use strict';
+
+Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: 'Module' } });
+
+const AutoSizer = require('react-virtualized-auto-sizer');
+
+const VefAutoSizer = AutoSizer;
+
+exports.default = VefAutoSizer;
 /*! 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 */

package/lib/vef-auto-sizer/props.cjs

@@ -1,3 +1,5 @@
-/*! VefFramework version: 1.0.100, build time: 2025-03-07T13:52:52.580Z, made by Venus. */
-"use strict";
+/*! VefFramework version: 1.0.101, build time: 2025-03-07T14:07:14.971Z, made by Venus. */
+'use strict';
+
+
 /*! 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 */

package/lib/vef-avatar/index.cjs

@@ -1,3 +1,25 @@
-/*! VefFramework version: 1.0.100, build time: 2025-03-07T13:52:52.580Z, made by Venus. */
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("@emotion/react/jsx-runtime"),r=require("antd");exports.default=function VefAvatar({size:t="medium",...i}){return e.jsx(r.Avatar,{crossOrigin:"anonymous",draggable:!1,size:"medium"===t?"default":t,...i})};
+/*! VefFramework version: 1.0.101, build time: 2025-03-07T14:07:14.971Z, made by Venus. */
+'use strict';
+
+Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: 'Module' } });
+
+const jsxRuntime = require('@emotion/react/jsx-runtime');
+const antd = require('antd');
+
+function VefAvatar({
+  size = "medium",
+  ...restProps
+}) {
+  return /* @__PURE__ */ jsxRuntime.jsx(
+    antd.Avatar,
+    {
+      crossOrigin: "anonymous",
+      draggable: false,
+      size: size === "medium" ? "default" : size,
+      ...restProps
+    }
+  );
+}
+
+exports.default = VefAvatar;
 /*! 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 */

package/lib/vef-avatar/props.cjs

@@ -1,3 +1,5 @@
-/*! VefFramework version: 1.0.100, build time: 2025-03-07T13:52:52.580Z, made by Venus. */
-"use strict";
+/*! VefFramework version: 1.0.101, build time: 2025-03-07T14:07:14.971Z, made by Venus. */
+'use strict';
+
+
 /*! 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 */

package/lib/vef-avatar-group/index.cjs

@@ -1,3 +1,30 @@
-/*! VefFramework version: 1.0.100, build time: 2025-03-07T13:52:52.580Z, made by Venus. */
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("@emotion/react/jsx-runtime"),t=require("antd"),r=require("react"),{Group:u}=t.Avatar;exports.default=function VefAvatarGroup({max:t,size:o="medium",...a}){const i=r.useMemo((()=>({count:t})),[t]);return e.jsx(u,{max:i,size:"medium"===o?"default":o,...a})};
+/*! VefFramework version: 1.0.101, build time: 2025-03-07T14:07:14.971Z, made by Venus. */
+'use strict';
+
+Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: 'Module' } });
+
+const jsxRuntime = require('@emotion/react/jsx-runtime');
+const antd = require('antd');
+const react = require('react');
+
+const { Group } = antd.Avatar;
+function VefAvatarGroup({
+  max,
+  size = "medium",
+  ...restProps
+}) {
+  const maxToUse = react.useMemo(() => ({
+    count: max
+  }), [max]);
+  return /* @__PURE__ */ jsxRuntime.jsx(
+    Group,
+    {
+      max: maxToUse,
+      size: size === "medium" ? "default" : size,
+      ...restProps
+    }
+  );
+}
+
+exports.default = VefAvatarGroup;
 /*! 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 */

package/lib/vef-avatar-group/props.cjs

@@ -1,3 +1,5 @@
-/*! VefFramework version: 1.0.100, build time: 2025-03-07T13:52:52.580Z, made by Venus. */
-"use strict";
+/*! VefFramework version: 1.0.101, build time: 2025-03-07T14:07:14.971Z, made by Venus. */
+'use strict';
+
+
 /*! 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 */

package/lib/vef-badge/index.cjs

@@ -1,3 +1,52 @@
-/*! VefFramework version: 1.0.100, build time: 2025-03-07T13:52:52.580Z, made by Venus. */
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("@emotion/react/jsx-runtime"),o=require("@vef-framework/hooks"),t=require("antd"),r=require("react");exports.default=function VefBadge({variant:u="default",count:s,overflowCount:i,showZero:f,size:d,offset:n,color:a}){const l=o.useColorTokens(),c=r.useMemo((()=>"dot"===u?{dot:!0,color:a?l.get(a):void 0,size:"medium"===d?"default":d,offset:n}:{count:s,overflowCount:i,showZero:f,size:"medium"===d?"default":d,offset:n,color:a?l.get(a):void 0}),[u,s,i,f,d,n,a,l]);return e.jsx(t.Badge,{...c})};
+/*! VefFramework version: 1.0.101, build time: 2025-03-07T14:07:14.971Z, made by Venus. */
+'use strict';
+
+Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: 'Module' } });
+
+const jsxRuntime = require('@emotion/react/jsx-runtime');
+const hooks = require('@vef-framework/hooks');
+const antd = require('antd');
+const react = require('react');
+
+function VefBadge({
+  variant = "default",
+  count,
+  overflowCount,
+  showZero,
+  size,
+  offset,
+  color
+}) {
+  const colorTokens = hooks.useColorTokens();
+  const badgeProps = react.useMemo(() => {
+    if (variant === "dot") {
+      return {
+        dot: true,
+        color: color ? colorTokens.get(color) : void 0,
+        size: size === "medium" ? "default" : size,
+        offset
+      };
+    }
+    return {
+      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 /* @__PURE__ */ jsxRuntime.jsx(antd.Badge, { ...badgeProps });
+}
+
+exports.default = VefBadge;
 /*! 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 */

package/lib/vef-badge/props.cjs

@@ -1,3 +1,5 @@
-/*! VefFramework version: 1.0.100, build time: 2025-03-07T13:52:52.580Z, made by Venus. */
-"use strict";
+/*! VefFramework version: 1.0.101, build time: 2025-03-07T14:07:14.971Z, made by Venus. */
+'use strict';
+
+
 /*! 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 */

package/lib/vef-bar-chart/index.cjs

@@ -1,3 +1,46 @@
-/*! VefFramework version: 1.0.100, build time: 2025-03-07T13:52:52.580Z, made by Venus. */
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("@emotion/react/jsx-runtime"),t=require("@vef-framework/hooks"),r=require("react"),a=require("recharts"),i=require("../vef-chart-container/index.cjs"),n=require("../vef-chart-legend-content/index.cjs"),s=require("../vef-chart-tooltip-content/index.cjs");const o=r.memo((function VefBarChartBase({data:r,config:o,dataKey:c,valueFormatter:d,stack:u,...x}){const{borderRadius:l}=t.useThemeTokens();return e.jsx(i.default,{config:o,...x,children:e.jsxs(a.BarChart,{data:r,children:[e.jsx(a.CartesianGrid,{vertical:!1}),e.jsx(a.XAxis,{axisLine:!1,dataKey:c,tickLine:!1,tickMargin:8}),e.jsx(a.YAxis,{axisLine:!1,tickLine:!1,tickMargin:8}),e.jsx(a.Tooltip,{content:e.jsx(s.default,{valueFormatter:d})}),e.jsx(a.Legend,{content:e.jsx(n.VefChartLegendContent,{})}),Object.keys(o).map((t=>e.jsx(a.Bar,{dataKey:t,fill:`var(--vef-color-${t})`,radius:l,stackId:u?"vef-bar-chart":void 0},t)))]})})}));exports.default=o;
+/*! VefFramework version: 1.0.101, build time: 2025-03-07T14:07:14.971Z, made by Venus. */
+'use strict';
+
+Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: 'Module' } });
+
+const jsxRuntime = require('@emotion/react/jsx-runtime');
+const hooks = require('@vef-framework/hooks');
+const react = require('react');
+const recharts = require('recharts');
+const index = require('../vef-chart-container/index.cjs');
+const index$2 = require('../vef-chart-legend-content/index.cjs');
+const index$1 = require('../vef-chart-tooltip-content/index.cjs');
+
+function VefBarChartBase({
+  data,
+  config,
+  dataKey,
+  valueFormatter,
+  stack,
+  ...restProps
+}) {
+  const { borderRadius } = hooks.useThemeTokens();
+  return /* @__PURE__ */ jsxRuntime.jsx(index.default, { config, ...restProps, children: /* @__PURE__ */ jsxRuntime.jsxs(recharts.BarChart, { data, children: [
+    /* @__PURE__ */ jsxRuntime.jsx(recharts.CartesianGrid, { vertical: false }),
+    /* @__PURE__ */ jsxRuntime.jsx(recharts.XAxis, { axisLine: false, dataKey, tickLine: false, tickMargin: 8 }),
+    /* @__PURE__ */ jsxRuntime.jsx(recharts.YAxis, { axisLine: false, tickLine: false, tickMargin: 8 }),
+    /* @__PURE__ */ jsxRuntime.jsx(recharts.Tooltip, { content: /* @__PURE__ */ jsxRuntime.jsx(index$1.default, { valueFormatter }) }),
+    /* @__PURE__ */ jsxRuntime.jsx(recharts.Legend, { content: /* @__PURE__ */ jsxRuntime.jsx(index$2.VefChartLegendContent, {}) }),
+    Object.keys(config).map(
+      (key) => /* @__PURE__ */ jsxRuntime.jsx(
+        recharts.Bar,
+        {
+          dataKey: key,
+          fill: `var(--vef-color-${key})`,
+          radius: borderRadius,
+          stackId: stack ? "vef-bar-chart" : void 0
+        },
+        key
+      )
+    )
+  ] }) });
+}
+const VefBarChart = react.memo(VefBarChartBase);
+
+exports.default = VefBarChart;
 /*! 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 */