@vef-framework/components 1.0.99 → 1.0.100

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

@@ -1,80 +1,3 @@
-/*! VefFramework version: 1.0.99, build time: 2025-03-07T13:41:55.865Z, 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 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 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,26 +1,3 @@
-/*! VefFramework version: 1.0.99, build time: 2025-03-07T13:41:55.865Z, 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 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 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,115 +1,3 @@
-/*! VefFramework version: 1.0.99, build time: 2025-03-07T13:41:55.865Z, 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 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 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,5 +1,3 @@
-/*! VefFramework version: 1.0.99, build time: 2025-03-07T13:41:55.865Z, made by Venus. */
-'use strict';
-
-
+/*! VefFramework version: 1.0.100, build time: 2025-03-07T13:52:52.580Z, 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,23 +1,3 @@
-/*! VefFramework version: 1.0.99, build time: 2025-03-07T13:41:55.865Z, 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 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 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,18 +1,9 @@
-/*! VefFramework version: 1.0.99, build time: 2025-03-07T13:41:55.865Z, 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`
+/*! 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`
   height: 80%;
 
-  ${base.default}
-`;
-const flowEditorStyle = react.css`
+  ${o.default}
+`,a=e.css`
   --xy-edge-stroke-width: 2px;
   --xy-edge-stroke: rgb(177, 177, 183);
   --xy-edge-stroke-selected: rgb(177, 177, 183);
@@ -22,23 +13,23 @@ const flowEditorStyle = react.css`
   }
   .react-flow__nodesselection-rect,
   .react-flow__selection {
-    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};
+    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};
   }
 
   .react-flow__node {
     width: 240px;
-    border-radius: ${shared.themeVariables.borderRadiusLg};
-    padding: ${shared.themeVariables.paddingSm};
-    background-color: ${shared.themeVariables.colorBgContainer};
+    border-radius: ${r.themeVariables.borderRadiusLg};
+    padding: ${r.themeVariables.paddingSm};
+    background-color: ${r.themeVariables.colorBgContainer};
 
     &:hover:not(.selected) {
-      box-shadow: ${shared.themeVariables.boxShadowElevated};
+      box-shadow: ${r.themeVariables.boxShadowElevated};
     }
 
     &.selected {
-      outline: 2px ${shared.themeVariables.lineType} ${shared.themeVariables.colorPrimary};
+      outline: 2px ${r.themeVariables.lineType} ${r.themeVariables.colorPrimary};
       outline-offset: -2px;
     }
   }
@@ -48,8 +39,5 @@ const flowEditorStyle = react.css`
     min-height: 12px;
     background-color: transparent;
   }
-`;
-
-exports.flowEditorContainerStyle = flowEditorContainerStyle;
-exports.flowEditorStyle = flowEditorStyle;
+`;exports.flowEditorContainerStyle=t,exports.flowEditorStyle=a;
 /*! 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,21 +1,3 @@
-/*! VefFramework version: 1.0.99, build time: 2025-03-07T13:41:55.865Z, 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 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 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,46 +1,3 @@
-/*! VefFramework version: 1.0.99, build time: 2025-03-07T13:41:55.865Z, 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 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 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,5 +1,3 @@
-/*! VefFramework version: 1.0.99, build time: 2025-03-07T13:41:55.865Z, made by Venus. */
-'use strict';
-
-
+/*! VefFramework version: 1.0.100, build time: 2025-03-07T13:52:52.580Z, 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,11 +1,3 @@
-/*! VefFramework version: 1.0.99, build time: 2025-03-07T13:41:55.865Z, 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 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 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,5 +1,3 @@
-/*! VefFramework version: 1.0.99, build time: 2025-03-07T13:41:55.865Z, made by Venus. */
-'use strict';
-
-
+/*! VefFramework version: 1.0.100, build time: 2025-03-07T13:52:52.580Z, 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,25 +1,3 @@
-/*! VefFramework version: 1.0.99, build time: 2025-03-07T13:41:55.865Z, 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 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 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,5 +1,3 @@
-/*! VefFramework version: 1.0.99, build time: 2025-03-07T13:41:55.865Z, made by Venus. */
-'use strict';
-
-
+/*! VefFramework version: 1.0.100, build time: 2025-03-07T13:52:52.580Z, 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,30 +1,3 @@
-/*! VefFramework version: 1.0.99, build time: 2025-03-07T13:41:55.865Z, 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 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 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,5 +1,3 @@
-/*! VefFramework version: 1.0.99, build time: 2025-03-07T13:41:55.865Z, made by Venus. */
-'use strict';
-
-
+/*! VefFramework version: 1.0.100, build time: 2025-03-07T13:52:52.580Z, 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,52 +1,3 @@
-/*! VefFramework version: 1.0.99, build time: 2025-03-07T13:41:55.865Z, 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 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 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,5 +1,3 @@
-/*! VefFramework version: 1.0.99, build time: 2025-03-07T13:41:55.865Z, made by Venus. */
-'use strict';
-
-
+/*! VefFramework version: 1.0.100, build time: 2025-03-07T13:52:52.580Z, 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,46 +1,3 @@
-/*! VefFramework version: 1.0.99, build time: 2025-03-07T13:41:55.865Z, 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 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 is a blazingly high-level, modern, flexible, easy-to-use UI framework made by Venus. Follow me on Github: https://github.com/ilxqx! @ilxqx */